|
|
|
|
TUTORIEL CLIENTS WEB |
|
|
|
JavaScript : Utiliser InnerHTML pour changer le contenu d'une balise |
Un script vous permettant de donner des indications sur un lien quand le curseur de la souris le survole.
(12/05/2004) |
|
Le script
suivant vous permettra en utilisant JavaScript et CSS, et par exemple, de
décrire à votre visiteur ce qu'il trouvera dans
la page liée, au passage de la souris...
Plus généralement,
il permet de modifier le texte contenu dans une balise DIV
au survol d'un lien (ou de n'importe quel autre élément).
Pour ce faire, nous utilisons la propriété JavaScript
InnerHTML. Introduite par Internet Explorer et donc propriétaire,
elle a depuis été adoptée par les principaux
navigateurs modernes (Mozilla, Opera, Safari).
Contact
F.A.Q.
Mon
site pro
|
Forum |
|
Réagissez
dans les forums
de JDN Développeurs
|
Le code
<html>
<head>
<style type='text/css'>
#textDiv { position:absolute; top:8; right:8; border-style:solid;
border-width:thin; background:lightgrey;}
</style>
</head>
<body>
<a href="#" onMouseOver="afficheDescURL(' Nos
coordonnées postale et Internet ')" onMouseOut="afficheDescURL(base)">Contact</a><br>
<a href="#" onMouseOver="afficheDescURL(' Une
réponse claire à la plupart de vos questions ')" onMouseOut="afficheDescURL(base)">F.A.Q.</a><br>
<a href="#" onMouseOver="afficheDescURL(' Contient
mon C.V., entre autres [moimeme.fr] ')" onMouseOut="afficheDescURL(base)">Mon
site pro</a><br>
<div id="textDiv"></div>
<script type="text/javascript"><!--
function afficheDescURL(toThis)
{
if (document.getElementById)
{
document.getElementById("textDiv").innerHTML
= toThis;
}
else if (document.all)
{
document.all["textDiv"].innerHTML =
toThis;
}
}
base = " Vous êtes sur la page d'accueil ";
afficheDescURL(base);
//--></script>
</body>
</html> |
|
|
|
|
|