Javascript : problème aevc onMouseOver

Sanader Messages postés 66 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 2 juillet 2010 - 15 nov. 2008 à 20:55
Sanader Messages postés 66 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 2 juillet 2010 - 15 nov. 2008 à 23:19

Bonjour,

Je fait encore une fois (ça devient franchement une habitude..) à ce site pour résoudre un problème.
..ou plutôt un casse-tête !

Mon problème est le suivant : Je cherche à créer un menu (en javascript). dans mon code, j'insère deux liens dans une même div. Ces deux liens affichent chacuns plusieurs liens à la manière d'un menu.

Quand la souris est dessus, les liens s'affichent, mais là ou réside mon problème, c'est que je souhaiterais que le liens n°2 qui affiche d'autre liens, cachent les liens qu'affiche le lien n°1 (vous suivez? ..je sais c'est un peu casse tête).

Voici donc mon code, j'ai beau ajouter la fonction hide à mon onMouseOver, pas moyen.. si quelqu'un peut m'aider..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title></title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="blabla" href="" />
	   	<script type="text/javascript">
		function show(id) {
			//on récupère l'élément qui a l'identifiant donné en paramètre
			var toShow = document.getElementById(id);
			//on change la valeur du style css en visible
			toShow.style.visibility = 'visible';
		}
		
		function hide(id) {
			//on récupère l'élément qui a l'identifiant donné en paramètre
			var toHide = document.getElementById(id);
			//on change la valeur du style css en visible
			toHide.style.visibility = 'hidden';
		}

	</script>
   </head>
	<body> <!--On regroupe les liens qui affichent leurs enfants respectifs au passage de la souris-->
	<div class="Link" id="">
		<a href="" alt="" class="" id="" onMouseOver="show('SkyrockDisplay');">Skyrock</a>
		<a href="" alt="" class="" id="" onMouseOver="show('HotmailDisplay');">Hotmail</a>


	</div>
	
	<!--On regroupe les différents groupes de liens qui s'affichent au passage de la souris sur leurs parents respectifs-->
	<div class="SkyrockCustomize" id="SkyrockDisplay" style="visibility: hidden;" onMouseOut="hide('SkyrockDisplay');" onMouseOver="show('SkyrockDisplay');">
		<a href="" alt="" class="" id="">Skyrock</a>
		<a href="" alt="" class="" id="">Skyrock</a>
		<a href="" alt="" class="" id="">Skyrock</a>
	</div>
	
	<div class="HotmailCustomize" id="HotmailDisplay" style="visibility: hidden;" onMouseOut="hide('HotmailDisplay');" onMouseOver="show('HotmailDisplay'); hide('SkyrockDisplay');">
		<a href="" alt="" class="" id="">Hotmail</a>
		<a href="" alt="" class="" id="">Hotmail</a>
	</div>
</body>
</html>

Voilà, j'espère que quelqu'un saura résoudre mon énigme.
Merci

A voir également:

Javascript : problème aevc onMouseOver
Telecharger javascript - Télécharger - Langages
A javascript error occurred in the main process - Forum Handicap / Accessibilté
Erreur #125 javascript - Forum Mozilla Firefox
Afficher un tableau javascript en html ✓ - Forum Javascript
Javascript arrondi - Forum Javascript

1 réponse

Réponse 1 / 1

Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 329
15 nov. 2008 à 21:09

Salut Sanader,
Il faut que tu mettes ce code sur le bon lien :

<div class="Link" id="">
	<a href="" alt="" class="" id="" onMouseOver="show('SkyrockDisplay'); hide('HotmailDisplay');">Skyrock</a>
	<a href="" alt="" class="" id="" onMouseOver="show('HotmailDisplay'); hide('SkyrockDisplay');">Hotmail</a>
</div>

Toi tu l'avais mis sur les sous-menus, pas sur les menus.

Cordialement,

Sanader Messages postés 66 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 2 juillet 2010 1
15 nov. 2008 à 23:19

Ah merci marco, décidément, je crois que je ne saurais pas faire grand chose sans toi en javascript..!

Tout fonctionne et comme d'habitude en programmation, l'erreur est enfantine !

Merci !!

Discussions similaires

java script error in the main process

Bonjour

je viens d'acheter un ordi et depuis 2 jours j'ai ce message :

Pouvez vous me dire ce que je dois faire.
Sachant que je me sens pas douée dans l'informatique. En gros merci d'être précis et détaillé dans vos retours.

D'avance merci pour votre aide

Javascript Arrondi à 2 chiffres après la virgule

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

javascript:void(0);

Bonjour,
merci me dire c'est quoi ce message :"javascript:void(0);"
comment faire pour l'eviter

merci

Faire un echo dans un script JS

Bonjour,

Je souhaite si c'est possible de faire un écho dans un /script>

Je m'explique j'ai récupéré un code permettant de me crée un diagramme.

Qui sont deux % qui au total fait 100%.

Actuellement ces données sont fixe dans le script mon but et de pouvoir faire un "écho" dans le script avec les valeurs calculer précédemment. Pour les calculs aucun problème !

Mais la question est comment je peux faire pour écrire ces résultats a la place des données actuelles ?

Le code :

try { // Percent Chart 2 var ctx = document.getElementById("percent-chart2"); if (ctx) { ...

a javascript error occurred in the main process

Bonjour voila depuis aujourd’hui j'ai un message d'erreur suivis d'un connexion plus que basse qui sont apparu.
J'ai besoin d'aider s'il vous plait

Votre réponse

Discussions similaires