lien inaccessible dans des div imbriqués

**zadlaure** · 18/06/2007, 14h17

bonjour.

j'ai un problème.

j'ai un div ou apparait un titre. Lorsque la souris passe sur ce div j'ai un autre div qui apparait et j'affiche à l'intérieur des liens grâce à AJAX. Le problème c'est que mes liens ne sont pas disponibles. Je suis obligé de cliquer plusieurs fois de suite pour y accéder ou alors de faire un clic droit et "ouvrir dans une autre fenetre".

est ce que quelqu'un aurait une idée pour résoudre ce problème?

merci d'avance

**E.Bzz** · 18/06/2007, 14h35

Bonjour,
sans ton code, difficile de voir comment interagissent les différents éléments ...

A+

**zadlaure** · 18/06/2007, 14h44

tu veux quelles parties de code?

car j'utilise de l'ajax donc mes liens ne sont pas afficher quand j'affiche le code source de la page.

**E.Bzz** · 18/06/2007, 14h57

Envoyé par zadlaure

tu veux quelles parties de code?

Le code actif dans ta page au moment ou survient le bug (donc HTML + CSS + JS généré + en dur).

A+

**zadlaure** · 18/06/2007, 15h07

alors voila le code html généré

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<html><head><title>Yugi Oh -- Devenez le maître des jeux</tilte>
<LINK rel="stylesheet" type="text/css" href="Style/style.css">
<SCRIPT LANGUAGE="Javascript" SRC="Javascript/javascript.js" type="text/javascript"> </SCRIPT>
</head>
<body>
<img id="ImageGauche" src="Images/duel.gif">
<p id="Centre">
<img id="ImageCentre" src="Images/images.jpg">
<h1 id="TitreCentre">Devenez le maître des jeux</h1>
</p>
<form name="connexion" METHOD="POST" ACTION="Forum.php">
<fieldset id="connexion">
<legend>Profil<legend>
 
<ul>
<li><a class="menu" href="Profil.php">Mon profil</a></li>
<li><a class="menu" href="admin.php">Administration</a></li>
<li><a class="menu" href="Forum.php?deconnexion=ok">Déconnexion</a></li>
</ul>
</fieldset>
</form>
<fieldset id="menu">
<legend>Menu<legend>
<ul>
<li><a class="menu" href="index.php">Accueil / Nouveautés</a></li>
<li><a class="menu" href="Regles.php">Règles du jeu</a></li>
 
<li><a class="menu" href="Liste_Carte.php">Liste cartes</a></li>
<li><a class="menu" href="Recherche.php">Recherche</a></li>
<li><a class="menu" href="Gestion_Carte.php">Gestion cartes</a></li>
<li><a class="menu" href="Propo_Deck.php">Deck Proposé</a></li>
<li><a class="menu" href="Produits_derives.php">Produits Dérivés</a></li>
<li><a class="menu" href="Forum.php">Forum</a></li>
<li><a class="menu" href="Livre_or.php">Livre d'or</a></li>
</ul>
</fieldset>
<div class="EncadreTheme">
 
<div class="EnteteThemeForum">
<span class="TitreThemeForum">Les cartes</span><br/>
<span class="Descriptif">C'est un test</span></div>
<br/>
<div class="EnteteSousThemeForum" onMouseOut="NoAffiche('5e0d23017f1f6833168868d229e60eee')" onMouseOver="afficheMessage('5e0d23017f1f6833168868d229e60eee', 1)" >
<span class="TitreSousThemeForum">test1</span><br/>
<div class="listemessage"  id="5e0d23017f1f6833168868d229e60eee"></div>
</div>
<br/>
<div class="EnteteSousThemeForum" onMouseOut="NoAffiche('73ff55f36faef8a9bf145225fb167810')" onMouseOver="afficheMessage('73ff55f36faef8a9bf145225fb167810', 1)" >
<span class="TitreSousThemeForum">test2</span><br/>
<div class="listemessage"  id="73ff55f36faef8a9bf145225fb167810"></div>
</div>
 
</div>

la le javascript:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
function afficheMessage(id_sous_theme)
{
	document.getElementById(id_sous_theme).style.display = "block";
	document.getElementById(id_sous_theme).innerHTML = file('http://localhost/yugioh/Ajax/ajax.php?Sous_Theme='+id_sous_theme);
}
 
function NoAffiche(id_sous_theme)
{
	document.getElementById(id_sous_theme).style.display = "none";
}

avec mon ajax :

je crée juste un lien que je vient mettre dans le div correspondant

J'ai hbien la création du lien mais impossible de cliquer dessus naturellement.

**E.Bzz** · 18/06/2007, 15h18

Bonjour,
c'est peut-être dû à l'ajout du lien via innerHTML : la structure au sens DOM n'est peut-être pas mise à jour.
Tu peux créer ton lien dans le code en dur, mais masqué par CSS (display:none)
Ta fonction n'aura plus qu'à en modifier le href (retour d'Ajax) et à l'afficher ...

A+

**zadlaure** · 18/06/2007, 15h40

ce que je trouve bizarre c'est que je peux accéder à mon lien en faisant plusieurs clics dessus oou avec le bouton droit. mais pas avec un seul clic gauche.

**E.Bzz** · 18/06/2007, 15h44

Dans la mesure où tu modifies ton div sur onmouseover, et que tu as un évènement onmouseout, c'est source de pb, effectivement.
Le 1° risquant de déclencher le 2° de manière intempestive ...

A+

**zadlaure** · 18/06/2007, 15h47

donc ca pourrait être a cause du mouvement de la souris.

est ce que ca serait pas le fait que tant que la souris est sur mon div l'ajax met à jour mon autre div?

en fait ce que je voudrais faire c'est faire apparaitre les messages une seule fois la première fois que la souris va sur le div?

**E.Bzz** · 18/06/2007, 15h55

Envoyé par zadlaure

en fait ce que je voudrais faire c'est faire apparaitre les messages une seule fois la première fois que la souris va sur le div?

Il faut utiliser un flag.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
blnFlagAffiche = false;
...
function afficheMessage(id_sous_theme)
{
	document.getElementById(id_sous_theme).style.display = "block";
	document.getElementById(id_sous_theme).innerHTML = file('http://localhost/yugioh/Ajax/ajax.php?Sous_Theme='+id_sous_theme);
blnFlagAffiche = true;
}
...
<div ... onMouseOver="if (!blnFlagAffiche) afficheMessage('5e0d23017f1f6833168868d229e60eee', 1);">
....

A+

**zadlaure** · 18/06/2007, 16h00

c'est ca ca fonctionne.

merci beaucoup je vais pouvoir avancer encore un peu.

lien inaccessible dans des div imbriqués

CSS

Discussions similaires

Partager

Partager