Probleme javascript+css

Fermé

Nuts - 10 août 2004 à 15:37
Nuts - 11 août 2004 à 18:32

Bonjours à tous , j'ai un probleme concernant le javascript, je suis débutant et j'aimerais pouvoir créer un menu dynamique sur mon futur site. J'ai donc commencer par essayer de comprendre le principe des couches et des évenements javascript. Le script que j'ai essayer de faire ne fonctionne pas, j'aimerai que lorsque la passe sur une couche, une deuxieme couche apparaisse à coté.
voici un copie de mon petit script et de la déclaration des couches en css:
<script langage="javascript">
function ap() {document.layers.["coucheC"].visibility.("show");}
function av() {document.layers.["coucheC"].visibility.("hidden");}
</script>
<style type=text/css>
#coucheB {position: absolute; left: 63px; top: 220px;}
#coucheC {position: absolute; left: 143px; top: 220px;}
</style>
<div id=coucheB><a href="#" onMouseOver="ap()" onMouseOut="av()"><img src="fond1.jpg"></a></div>
<div id=coucheC style="visibility: hidden;" ><img src="fond1.jpg"></div>
Merci de me renseigner sur ce qui ne va pas.
Merci @+

A voir également:

Probleme javascript+css
Telecharger javascript - Télécharger - Langages
Taille bouton css - Forum HTML
Node.js javascript runtime virus ✓ - Forum Virus
Afficher un tableau javascript en html ✓ - Forum Javascript
Javascript echo ✓ - Forum PHP

2 réponses

Réponse 1 / 2

ric
10 août 2004 à 20:29

Bonjour
Corrigé :
<script langage="javascript">
function ap() {document.layers.coucheC.visibility='show';}
function av() {document.layers.coucheC.visibility='hidden';}
</script>
Mais ce code ne fonctionne que sur Netscape Navigator 4

Pour ie5+ et NS6+, voir du côté de document.all et getElementById/getElementByName

Réponse 2 / 2

Nuts
11 août 2004 à 18:32

Merci d'avoir répondu, j'ai été aidé et il semble que le code suivant soit plus universel:

<script type='text/javascript'> 
function ap() {document.getElementById('couchec').style.display='block';} 
function av() {document.getElementById('couchec').style.display='none';} 
</script> 
<style type=text/css> 
#coucheb {position: absolute; left: 63px; top: 220px;} 
#couchec {position: absolute; left: 143px; top: 220px;} 
</style> 
<div id=coucheb><a href="#" onmouseover="ap()" onmouseout="av()"><img src="fond1.jpg"></a></div> 
<div id=couchec style="display: none;" ><img src="fond1.jpg"></div>

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

java script error in the main process

javascript:void(0);

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS