élément modifier au survol d'un autre !
Résolu/Fermé
A voir également:
- élément modifier au survol d'un autre !
- Modifier pdf - Guide
- Modifier liste déroulante excel - Guide
- Modifier extension fichier - Guide
- Inspecter l'élément safari ✓ - Forum MacOS
- Pdf element - Télécharger - PDF
2 réponses
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
20 févr. 2019 à 19:48
20 févr. 2019 à 19:48
Bonjour,
A quel endroit as tu placé ton JS exactement ?
A la fin de ton document html juste avant le </body> ? Si c'est non...ben corrige déjà ça.
EDIT: Ca commence mal.. il semble que ton document ne dispose pas de balises <body> ....
A quel endroit as tu placé ton JS exactement ?
A la fin de ton document html juste avant le </body> ? Si c'est non...ben corrige déjà ça.
EDIT: Ca commence mal.. il semble que ton document ne dispose pas de balises <body> ....
jordane45
Messages postés
37253
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 mars 2023
4 551
20 févr. 2019 à 19:49
20 févr. 2019 à 19:49
Je vois également dans ton code que tu cible la div par son id ... Ligne2 ...
Sauf que Ligne2 est une class.. pas un ID...
Bref.. essaye ça
NB: Ne pas oublié les quotes autour des attribut ....
Sauf que Ligne2 est une class.. pas un ID...
Bref.. essaye ça
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Sophrologie</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="Ligne1">
</div>
<div class="Ligne2" id="Ligne2">
<a id="L1" href="index.html" title="Accueil" />Accueil</a>
<a id="L2" href="sophrologie.html" title="Sophrologie" />Sophrologie</a>
<a id="L3" href="rendez-vous.html" title="rendez-vous" />rendez-vous</a>
</div>
<script type="text/javascript">
document.getElementById('L2').addEventListener('mouseover',
function(){
var div_ligne = document.getElementById('Ligne2');
div_ligne.setAttribute('style', 'width : 100px ; height : 2px ; position : absolute ; top : 120px ; left : 100px ; background-color : Black ; z-index: 2;');
},false);
</script>
</body>
</html>
NB: Ne pas oublié les quotes autour des attribut ....