1 اختيار لون النافدة عبر الفارة كود رائع جربه بنفسك
<HTML>
<HEAD>
<TITLE>Un sélecteur de couleurs en HTML</TITLE>
<LINK>
<STYLE>
TABLE {background:white}
/* Donne une taille identique à toutes les cellules */
TD {width:30pt; height:30pt; cursor:default}
</STYLE>
</HEAD>
<BODY>
<H1>Sélecteur de couleurs</H1>
<Lorsque>
<DIV>
<SCRIPT>
function colorSelector() {
// Modifie la couleur en fonction du tableau.
// srcElement est l'élement sur lequel l'utilisateur a cliqué.
if ("TD" == event.srcElement.tagName)
if (document.all.Text.contains(event.srcElement))
document.fgColor = event.srcElement.bgColor;
else if (document.all.Background.contains(
event.srcElement))
document.bgColor = event.srcElement.bgColor;
}
</SCRIPT>
<Pour>
<TABLE ID="Background">
<CAPTION>Couleur d'arrière-plan</CAPTION>
<TR>
<TD></TD><TD></TD>
<TD></TD><TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD><TD></TD>
<TD></TD><TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD><TD></TD>
<TD></TD><TD></TD>
<TD></TD>
</TR>
</TABLE>
<TABLE ID="Text">
<CAPTION>Couleur de texte</CAPTION>
<TR>
<TD></TD><TD></TD>
<TD></TD><TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD><TD></TD>
<TD></TD><TD></TD>
<TD></TD>
</TR>
</TABLE>
</DIV>
</BODY>
</HTML>
2 اكتب اللون الدي تريده بالنجليزية و يتحول عندما تضغط خارجا
<HTML>
<HEAD>
<TITLE>Gestion des erreurs</TITLE>
<LINK>
</HEAD>
<BODY>
<H1>Gestion des erreurs</H1>
<SCRIPT>
function doError() {
if (arguments[0] == "Valeur de propriété non valide.") {
alert("Nom de couleur invalide");
return true;
}
}
window.onerror = doError;
</SCRIPT>
Couleur:
<INPUT>
</BODY>
</HTML>
3-تغير حجم الكتابة من طويل الى قصير تم العكس
[size=12]<HTML>
<HEAD>
<TITLE>Texte élastique</TITLE>
<LINK>
<SCRIPT>
// Tableau des tailles à employer
var sizes = new Array("0px", "1px", "2px", "4px", "8px");
sizes.pos = 0;
function rubberBand() {
var el = document.all.elastic;
if (null == el.direction)
el.direction = 1;
else if ((sizes.pos > sizes.length - 2) ||
(0 == sizes.pos))
el.direction *= -1;
el.style.letterSpacing = sizes[sizes.pos += el.direction];
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Bonjour tous le monde</H1>
</BODY>
</HTML>
منقول للفائدة[/size]
موضوع: ----***كودات رائعة لجافا سكريبتJavaScript ادخل لترى بنفسك 
19/2/2007, 8:19 pm
