Académique Documents
Professionnel Documents
Culture Documents
<script language="JavaScript">
TP 1: Utilisation de write et appel de var resultat;
fonction resultat = prompt("Entrez un nombre inférieur
ou supérieur à 30", 29.789)
<html> if(resultat == null)
<head> alert("Vous ne voulez pas jouer ! Au-revoir.")
<title>Prompt</title> else if(isNaN(resultat))
<script language="JavaScript"> alert("Entrée invalide : "+resultat)
else if(resultat < 30)
for (i=2; i<10; i++){ alert("Votre entrée : " + resultat + " est
switch (i){ inférieure à 30")
case 2 : document.write("c'est un deux else if (resultat > 30)
<BR>"); alert("Votre entrée : " + resultat + " est
break; supérieure à 30")
case 8 : document.write("c'est un huit else
<BR>"); alert("Votre entrée : " + resultat + " est égale à
break; 30")
default : document.write("valeur" +i </script>
+"<BR>"); </body>
} </html>
}
TP 3 : Appel de function
for (i=2; i<10; i++){
if (i==5){ <HTML>
document.write("valeur de i est égale à 5, <HEAD>
je stoppe la boucle"); <SCRIPT language="Javascript">
break; <!—
} function Moyenne(a,b){
document.write("valeur"+i+"<BR>"); return (a + b)/2 ;
} }
function Chargement() {
function somme(N) { alert('Bienvenue sur le site');
var sum=0; }
for (var i=1;i<=N;i=i+1) {
sum=sum+i; // sum+=i ; function Affiche(Texte) {
} alert(Texte); }
alert("Somme de 1 à "+N+" = "+sum);
} //-->
somme(10); </SCRIPT>
</script> </HEAD>
</head> <BODY onLoad="Chargement();" >
<body >
</body> <A href="#"
</html> onClick="Affiche('Texte1');return(false)">Texte
1</A>
<A href="#"
TP 2 : Exemple de prompt onClick=" alert("Moyenne de 7 et 8 : " +
<html> Moyenne(7,8) ) ;">Calcul moyenne</A>
<head>
<title>Prompt</title> </BODY>
</head> </HTML>
1
TP4 : Fenetre popup </html>
<html>
<head> TP6. MODIFICATION D'UNE IMAGE LORS
<title>Info Bulle</title> DU PASSAGE DE LA SOURIS
<script language="JavaScript">
var fen; <html>
<head>
function ouvrir() <title>Modification d'une image lors du
{ passage de la souris</title>
fen=open("page.html", "mafen", "toolbar=yes, </head>
width=100, height=100, scrollbars=yes") ; </head>
} <body>
<a href="#"
function fermer_popup() onMouseOver="document.img_1.src='execut
{ fen.close(); e.gif';"
} onMouseOut="document.img_1.src='tomcat.g
if';">
function fermer_window() <img name="img_1" src="tomcat.gif"> </a>
{ window.close(); } </body>
</script> </html>
</head>
<body bgcolor="#FFFFFF">
<input type="button" value="Ouvrir" TP 7. Gestion des événements
onclick="ouvrir()" title="Ouvrir" /> <br/>
<input type="button" value="fermer la fenetre <html>
popup" <head>
onclick="fermer_popup() »> <bR> <SCRIPT language="Javascript" type=
<input type="button" value="fermer la fenetre "text/javascript ">
en cours"
onclick="fermer_window()” > function ValiderMail(formulaire) {
</body> if (formulaire.mail.value.indexOf("@",0)<0)
</html> {alert("Adresse mail saisie invalide.\nLe
formulaire ne sera pas validé.")}
TP5 : Minuterie else {
alert("Formulaire validé.\nPour valider
<html> un formulaire : formulaire.submit()");
<head> // Pour valider le formulaire en javascript
<title>Minuterie</title> :
<script language="JavaScript"> // formulaire.submit()
function Horloge() { }
var dt=new Date(); }
window.status=dt.getHours()
+":"+dt.getMinutes()+":"+dt.getSeconds(); function verifiermail(mail) {
} if
var timer=setInterval("Horloge()", 1000); ((mail.indexOf("@")>=0)&&(mail.indexOf(".")>
</script> =0)) {
</head> return true
<body > } else {
<A href='javascript:clearInterval(timer)'> alert("Mail invalide !");
Arrêter l'horloge</A> return false
}
</body> }
2
</script> }
</head> }
<body>
Saisissez une adresse mail valide (du type <TEXTAREA NAME="Texte" ROWS="8"
nom@domaine.com) <INPUT type="texte" COLS="40">Passez la souris...</TEXTAREA>
name="mail"> <br> <bR>
<INPUT type="button" name="bouton" <A HREF="#"
value="Valider" onMouseOver="document.Info.Texte.value
onClick="ValiderMail(this.form)"> <br> ='Bla, bla, bla..."> Texte du lien</a> <br>
<input type="button" value="Rétablir les Nom <input type = ="text"" name ="nom "
valeurs par défaut" onkeyPress ="passer_focus()"; > <BR>
onClick="this.form.reset();"> Prenom <input type = ="text"" name
="prenom" > <BR>
</form>
</body> <a href= "page.htm " onclick= "return
</html> confirm('Etes-vous sûr de vouloir regarder
cette page ?'); ">Regardez cette exemple
TP8. Formulaire onClick</a> <br>
<SELECT NAME="Page">
<OPTION>-- Choisissez une page Exemple 2 : Vérifier un login
---</OPTION>
<OPTION></OPTION> <html>
<OPTION></OPTION> <head>
<OPTION></OPTION> <SCRIPT language="Javascript" type=
</SELECT> "text/javascript ">
</form> <html>
</body> <head>
</html> <script language="javascript"
type="text/javascript">
timer=0;
TP 11: Déplacer image x=50; //donner ici la position initiale du calque
function cache() {
document.getElementById("nom_calque").
style.visibility="hidden";
}
function montre() {
document.getElementById("nom_calque").styl
e.visibility="visible";
}
/*
En JavaScript, il existe une quantité d'attributs
pour agir sur les calques. D'autres exemples :
//déplacer à gauche
document.getElementById("nom_calque").styl
e.left=10;
//déplacer verticalement
document.getElementById("nom_calque").styl
e.top=parseInt
document.getElementById("moncalque").style
.top)+10;
//modifier la taille
document.getElementById("nom_calque").styl
e.width=parseInt
(document.getElementById("moncalque").styl
e.width)-10;
//changer la couleur de fond
document.getElementById("nom_calque").styl
e.backgroundColor="yellow";
//changer la couleur du texte
document.getElementById("nom_calque").styl
e.color="green";
*/
6