EXEMPLES de JavaScript
1) CACHER
Dans HEAD
<SCRIPT LANGUAGE="JavaScript">
<!-- pour cacher le script
fonction square(i) {
document.write("L'appel a donné ", i ," à la fonction.", "<BR>")
return i * i
}
document.write("La fonction retourne ", carré de (6)," . ")
// fin du cache -->
</SCRIPT>
Dans BODY c'est fini
résultat:
c'est fini
2) DOCUMENT
dans HEAD
<SCRIPT >
<!--cacher le script des vieux navigateurs
function bar() {
document.write("<HR ALIGN='left' WIDTH=25%>")
}
function output(head, level, string) {
document.write("<H" = level = head = "</H" = ">é = string)
}
// fin du cache -->
</SCRIPT>
dans BODY
</SCRIPT>
<!--cacher le script des vieux navigateurs
document.write(bar(),output("Faites grandir",5,"Revenir à l'ancienne taille,"))
// fin du cache -->
</SCRIPT>
Merci.
résultat:
Merci.
3) VERIFICATION
dans head
<SCRIPT LANGUAGE="JavaScript">
function compute(form) {
if (confirm("Vous êtes sûr?"))
form.result.value=eval(form.expr.value)
else
alert("Ne partez pas, SVP!.)
}
<SCRIPT>
dans body <FORM>
Entrez une expression:
<INPUT TYPE="text" NAME="expr" SIZE=15>
<INPUT TYPE="button" VALUE="Calculez" ONCLICK="compute(this.form)">
<BR>
Résultat:
<INPUT TYPE=text" NAME="result" SIZE=15">
<BR>
</FORM>
résultat:
4) CLIQUEZ
dans head
<SCRIPT LANGUAGE="JavaScript">
<!--cacher le script des vieux navigateurs
function checkNum(str, min, max) {
if (str== "") {
alert("Entrez un nombre dans la zone de texte s'il vous plaît.")
return false
}
for (var i = 0; i< str.length; i++) {
var ch=str.substring ( i, i + 1)
if(ch<"0" || ch>"9") {
alert("Entrez un nombre s'il vous plaît.")
return false
}
}
var val = parseInt(str, 10)
if ((val < min) || (val > max)) {
alert("Essayez un nombre entre 1 et 10.")
return false
}
return true
}
function thanks() {
alert("Merci pour votre aide.")
}
// fin du cache pour les vieux navigateurs-->
</SCRIPT>
dans body
<FORM NAME="ex5">
Veuillez insérer un petit nombre:
<INPUT NAME="num">
onChange="if (!checkNum(this.value, 1, 10))
{ this.focus();this.select();} else {thanks()}" >
</FORM>
<FORM NAME="myform">
<INPUT TYPE="button" NAME="Button1" VALUE="Ouvrir Sesame" onclick="window.open('stmtsov.htm', 'newWin', 'toolbar=no,directories=no')">
</FORM>
résultat:
SOMMAIRE JavaScript
RETOUR vulgarisation