albatalbat
Visiteur
Inscrit le: 12 Aoû 2004
Messages: 3
|
 Posté le: 13 Aoû 2004 7:24 Sujet du message: Rollover sur des <div> (Plus simple !) |
 |
|
Dans un <div> principal que nous appellerons TOTO et qui me sert pour le positionnement par rapport aux autres éléments de la page, je crée 3 <div> secondaires (superposés) : A, B et C.
Règle :
TOTO est toujours visible.
A est visible quand onMouseOut (défaut)
B est visible quand onMouseOver
C est visible quand onClick
Problème :
C n'apparaît jamais.
Questions :
Est-ce parce que lors d'un onClick, le onMouseOver est toujours actif donc B reste affiché ? (ça pourrait être logique...)
J'ai donc essayé, en utilisant les propriétés z-index, de placer C devant B.
Aucun changement. (alors je les ai virés)
Comment faire ?
Merci,
| Code: | with (document)
{ write('<div id="TOTO" style="position:relative;width:100px;height:100px;top:0px;left:0px;visibility:visible"
onMouseOut= "document.getElementById(\'A\').style.visibility=\'visible\';
document.getElementById(\'B\').style.visibility=\'hidden\';
document.getElementById(\'C\').style.visibility=\'hidden\';return true;"
onMouseOver="document.getElementById(\'A\').style.visibility=\'hidden\';
document.getElementById(\'B\').style.visibility=\'visible\';
document.getElementById(\'C\').style.visibility=\'hidden\';return true;"
onClick= "document.getElementById(\'A\').style.visibility=\'hidden\';
document.getElementById(\'B\').style.visibility=\'hidden\';
document.getElementById(\'C\').style.visibility=\'visible\';return true;">');
write(' <div id="A" style="position:absolute;width:100px;height:100px;top:0px;left:0px;visibility:visible">');
write(' </div>');
write(' <div id="B" style="position:absolute;width:100px;height:100px;top:0px;left:0px;visibility:hidden">');
write(' </div>');
write(' <div id="C" style="position:absolute;width:100px;height:100px;top:0px;left:0px;visibility:hidden">');
write(' </div>');
write('</div>');
} |
_________________
Albat'
"Si sur ta piste, tu enlèves un caillou, tu l’enlèves aussi pour ceux qui suivent." (proverbe indien) |
|
FAQ
Rechercher
Liste des Membres
Groupes d'utilisateurs
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Connexion
