Exercice N° 01
Écrire un script java qui permet de saisir le nom de l’utilisateur et de l’afficher en gras, dans une page Web.
Exercice N° 02
Écrire un script java qui utilise une fonction qui permet d’afficher un message de bienvenue en Bleu centré, qui sera appelée au chargement de la page.
Exercice N° 03
Ecrire un script java qui est composé de deux fonction, la premier est appelée lorsque la page Web et chargée pour afficher Bienvenue, la deuxième affiche Au revoir lorsque on ouvre la page Web de l’exercice précédant.
Exercice N° 04
Écrire un script java qui affiche Bravo si le pointeur de la souris passe au dessus du lien message important.
Exercice N° 05
Créer une page Web composé d’une image image1.png avec les fonctionnalités suivantes :
Écrire un script java qui permet de saisir le nom de l’utilisateur et de l’afficher en gras, dans une page Web.
Exercice N° 02
Écrire un script java qui utilise une fonction qui permet d’afficher un message de bienvenue en Bleu centré, qui sera appelée au chargement de la page.
Exercice N° 03
Ecrire un script java qui est composé de deux fonction, la premier est appelée lorsque la page Web et chargée pour afficher Bienvenue, la deuxième affiche Au revoir lorsque on ouvre la page Web de l’exercice précédant.
Exercice N° 04
Écrire un script java qui affiche Bravo si le pointeur de la souris passe au dessus du lien message important.
Exercice N° 05
Créer une page Web composé d’une image image1.png avec les fonctionnalités suivantes :
- Lorsque
l’image1.png est survolée, elle est remplacée par une autre image2.png
- Si
l’utilisateur clic sur l’image2.png il déclanche la saisie d’un email à
l’adresse suivante Lazhar.Zouari@laposte.net
Correction :
EXO 1 :
<HTML>
<BODY>
<script LANGUAGE="Javascript">
<!--
var nom = window.prompt("Tapez votre nom ");
document.write("<B>" + nom + "</B>");
//-->
</script>
</BODY>
</HTML>
<BODY>
<script LANGUAGE="Javascript">
<!--
var nom = window.prompt("Tapez votre nom ");
document.write("<B>" + nom + "</B>");
//-->
</script>
</BODY>
</HTML>
EXO 2 :
<HTML>
<HEAD>
<script LANGUAGE="Javascript">
<!--
function message() {
document.write('<CENTER><FONT COLOR = "BLUE"> Bienvenue à ma page</FONT></CENTER>');
}
//-->
</script>
</HEAD>
<BODY onLoad="message();">
</BODY>
</HTML>
<HEAD>
<script LANGUAGE="Javascript">
<!--
function message() {
document.write('<CENTER><FONT COLOR = "BLUE"> Bienvenue à ma page</FONT></CENTER>');
}
//-->
</script>
</HEAD>
<BODY onLoad="message();">
</BODY>
</HTML>
EXO 3 :
<HTML>
<HEAD>
<script LANGUAGE='Javascript'>
function bienvenue() {
alert("Bienvenue à cette page");
}
function au_revoir() {
alert("Au revoir");
}
</script>
</HEAD>
<BODY onLoad = "bienvenue()" onUnload = "au_revoir()">
<A HREF = "EX02.htm">Exercice précédant</A>
</BODY>
</HTML>
<script LANGUAGE='Javascript'>
function bienvenue() {
alert("Bienvenue à cette page");
}
function au_revoir() {
alert("Au revoir");
}
</script>
</HEAD>
<BODY onLoad = "bienvenue()" onUnload = "au_revoir()">
<A HREF = "EX02.htm">Exercice précédant</A>
</BODY>
</HTML>
EXO 4 :
<HTML>
<HEAD>
<script language="Javascript">
function message(){
alert("Bravo")
}
</script>
</HEAD>
<BODY>
<A HREF="" onmouseOver="message()">message important</A>
</BODY>
</HTML>
<HEAD>
<script language="Javascript">
function message(){
alert("Bravo")
}
</script>
</HEAD>
<BODY>
<A HREF="" onmouseOver="message()">message important</A>
</BODY>
</HTML>
EXO 5 :
<HTML>
<HEAD>
<script LANGUAGE="Javascript">
function survolee() {
document.images["image"].src="image2.png"
}
function nonsurvolee() {
document.images["image"].src="image1.png"
}
</script>
</HEAD>
<BODY>
<A HREF="mailto://Lazhar.Zouari@laposte.net" onmouseOver="survolee();" onmouseOut="nonsurvolee();">
<IMG SRC="image1.png" name="image" width=126 height=126 border=0> </A>
</BODY>
</HTML>
<script LANGUAGE="Javascript">
function survolee() {
document.images["image"].src="image2.png"
}
function nonsurvolee() {
document.images["image"].src="image1.png"
}
</script>
</HEAD>
<BODY>
<A HREF="mailto://Lazhar.Zouari@laposte.net" onmouseOver="survolee();" onmouseOut="nonsurvolee();">
<IMG SRC="image1.png" name="image" width=126 height=126 border=0> </A>
</BODY>
</HTML>
Exercice Corrigées JavaScript