Discussion :

[Hotfirenet]

Bonjour,
voila je voudrai faire un genre d'aide en ligne, lorsque l'on passe la souris sur un lien je souhaiterais que la valeur du span qui lui ai associé soit mis dans une div un peu plus bas...

je ne sais pas si j'ai ete tres explicite !!
voici ce que j'ai pu faire ...

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
		 <div id="menu">
		 	<h2>Général</h2>
			<ul>
				<li><a href="#table" class="aide"><span>Full mega test</span>Partie table</a></li>
				<li><a href="#champ">Partie champ</a></li>
			</ul>
		 </div>
		 <div id="help"></div>

pour ce qui est du javascript le voici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
	<script src="js/lib/jquery.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function() 
		{
			$("span").hide();
			$(".aide").mouseover(function() 
			{ 
				$("#help").show(function(){
					$("#help").load(function()
					{
						$("span").show();
					});
				});			
			});
		});
 
	</script>

merci d'avance pour votre aide

[franculo_caoulene]

Salut,

Tu ne donnes pas beaucoup d'explications et tu ne donnes pas le comportement que tu obtiens.
A vue de nez :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$(document).ready(function() {
    $(".aide > span").mouseover(function() { 
        $("#help")
            .text($(this).text())
            .show();
        $("span").hide(); // cache tous les span!
    });
});

[Hotfirenet]

c'est ca que je recherche a faire sauf que lors du chargement de la page
le span est visible dans le lien or je ne souhaite qu'il apparaise uniquement.

ce systeme a pour but de devenir une aide lors du passage sur ce lien.

merci encore

[franculo_caoulene]

S'ils sont visibles, il faut donc les caché au chargement de la page...

Enfin la meilleur idée serait plutôt de créer et détruire le span dans le DOM à chaque fois plutôt que de juste le cacher et l'afficher.

[Hotfirenet]

ok mais je débute avec jQuery je pensais faire comme ça car je ne connais pas, maintenant si tu me dit qu'il y'a mieu pourquoi pas, mais comment faire ??

peut tu me diriger ?

[franculo_caoulene]

Et bien il y a différentes méthodes qui permettent d'insérer un élément dans le document : http://docs.jquery.com/Manipulation
C'est un bon exercice si tu débutes, mais c'est un peu plus contraignant.