Rechercher : dans
Par :

Probleme javascript+css

Dernière réponse le 11 aoû 2004 à 18:32:25 Nuts, le 10 aoû 2004 à 15:37:27 
 Signaler ce message aux modérateurs

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 @+

Meilleures réponses pour « probleme javascript+css » dans :
Javascript - Librairies d'effets pour vos images Voir Au gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Télécharger Firstpage VoirFirst Page 2006 est un éditeur html gratuit et excellent. Il permet de travailler un code HTML en couleur, ainsi que de prévisualiser le site. 1st Page 2006 supporte les standards HTML, XHTML, PHP, ASP, Cold Fusion, Javascript, CSS, SSI et Perl.
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...

1

ric, le 10 aoû 2004 à 20:29:28

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épondre à ric

2

 Nuts, le 11 aoû 2004 à 18:32:25

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> 

Répondre à Nuts