Bonjour je suis en première année de sciences de la matière! pour le 1er semestre nous devons faire un site en XHTML (ça je me débrouille à peu près...) mais aussi introduire du javascript !!! J'ai essayé de faire en javascript un effet rollover sur une image avec l'évènement mouseover/mouseout ça ne marche pas! En plus là je me suis totalement embrouillée car en essayant de réussir j'ai fait plein de modifications du coup il y a encore plus d'erreurs qu'au début! Et si je le passe au validateur
voilà à quoi resemble
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www/w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title> L'Ile de la Réunion </title>
<link rel="stylesheet" type="text/css" href= "../style/contenu.css" />
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />
<meta name="description" content="Présentation de l'Ile de
la Réunion" />
<meta name="author" content="Delphine GUERARD et
Julie FLOCH" />
<meta name="keywords" content="Ile Réunion, paysages, faune, flore,
culture, catastrophes naturelles, barbarie, chikungunya"/>
<meta name="date" content="2006-11-30"/>
<script type="text/javascript">
<!--
// Création des objets image
{ Rollover1On = new Image(88, 90)
Rollover1On.src='../Mes%20documents/Mes%20images/rollover1_on.jpg';
Rollover1Off=new Image(88, 90)
Rollover1Off.src='../Mes%20documents/Mes%20images/rollover1_off.jpg';
}
function on(pic)
{ if (document.images)
{ document.images .src = eval(pic + "On.src")
}
}
function off(pic)
{ if (document.images)
{ document.images .src = eval(pic + "Off.src")
}
}
// -->
</script>
</head>
<body>
<p>
<a
href="../Rollover1/index.html"
onMouseOver="on(Rollover1);
windows.status='Rollover1';
return true;"
onMouseOut="off(Rollover1);
windows.status=' ';
return true;">
<img id="Rollover1" src="../Mes%20documents/Mes%20images/rollover1_off.jpg" width="88" height="90" alt="pb"
/>
</a>
</p>
</body>
</html>
voilà à quoi resemble
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www/w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title> L'Ile de la Réunion </title>
<link rel="stylesheet" type="text/css" href= "../style/contenu.css" />
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-1" />
<meta name="description" content="Présentation de l'Ile de
la Réunion" />
<meta name="author" content="Delphine GUERARD et
Julie FLOCH" />
<meta name="keywords" content="Ile Réunion, paysages, faune, flore,
culture, catastrophes naturelles, barbarie, chikungunya"/>
<meta name="date" content="2006-11-30"/>
<script type="text/javascript">
<!--
// Création des objets image
{ Rollover1On = new Image(88, 90)
Rollover1On.src='../Mes%20documents/Mes%20images/rollover1_on.jpg';
Rollover1Off=new Image(88, 90)
Rollover1Off.src='../Mes%20documents/Mes%20images/rollover1_off.jpg';
}
function on(pic)
{ if (document.images)
{ document.images .src = eval(pic + "On.src")
}
}
function off(pic)
{ if (document.images)
{ document.images .src = eval(pic + "Off.src")
}
}
// -->
</script>
</head>
<body>
<p>
<a
href="../Rollover1/index.html"
onMouseOver="on(Rollover1);
windows.status='Rollover1';
return true;"
onMouseOut="off(Rollover1);
windows.status=' ';
return true;">
<img id="Rollover1" src="../Mes%20documents/Mes%20images/rollover1_off.jpg" width="88" height="90" alt="pb"
/>
</a>
</p>
</body>
</html>