Script qui bloque les liens ?

Version imprimable

Bonjour,

sur mon site j'ai un lien de déconnexion.

Mon menu est géré via un script jQuery :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function initMenu() { $('#menu ul').hide(); $('#menu ul:first').show(); $('#menu li a').click( function() { var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))) { return false; } if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { $('#menu ul:visible').slideUp('normal'); checkElement.slideDown('normal'); return false; } } ); } $(document).ready(function() {initMenu();});
Depuis que j'ai mis ce script, mon lien de déconnexion ne fonctionne plus. Je clique dans le vent, je n'ai même pas mon curseur qui change quand je passe sur le lien. De même pour un autre lien basique (écrit en html dans la page).

Est-ce que ça peut venir de ce script ? :?
J'aimerai bien comprendre, si jamais vous êtes déjà passé par là, merci :D

04/02/2011, 15h18
scourjean

Tu as le code html et css qui va avec cette partie ?
+ Lien du site en ligne si tu as

Le code de mon menu :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<ul id="menu"> 
  <li><a href="">CREATION</a>
    <ul>
        <li><a href="creer_agence.php">Agence</a></li>
        <li><a href="creer_client.php">Client</a></li>
        <li><a href="creer_module.php">Module</a></li>
    </ul>
  </li>
  <li><a href="">MODIFICATION</a>
    <ul>
       <li><a href="modification_client.php">Client</a></li>
    </ul>
  </li>
</ul>

Et le code de mon header où j'ai mon lien de déconnexion :

Code:

1
2
3
4
5
6
7
8
9
10
 
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td width="50%"><div id="client"></div></td>
			<td width="50%">
            	<div id="barreoutils"><a href="deconnexion.php"><img src="Images/logout.png" /></a></div>
        	</td>    
      	</tr>
        </table>
</div>

Pour information : le lien de déconnexion (l'image) a été testé en dehors de ce div (barreoutils) et avec un lien texte mais ça n'a rien changé.

La CSS si ça peut aider :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
#header {
	position: absolute;
	background: #8C7AA4;
	color: #FFF;
	font-weight: bold;
	left: 0px;
	top: 0px;
	height: 50px;
	width: 100%;
	border-style: none;
}
 
#barreoutils {
	position: absolute;
	bottom: 0;
	background: #6b587e;
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	right: 20px;
	width: auto;
}

Et menu.css, spécifique uniquement au menu :

Code:

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
 
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.9em;
}
 
p {
  line-height: 1.5em;
}
 
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}
 
ul#menu a {
  display: block;
  text-decoration: none;	
}
 
ul#menu li {
  margin-top: 1px;
}
 
ul#menu li a {
  background: #8C7AA4;
  color: #fff;
  font-weight: bold;	
  padding: 0.5em;
}
 
ul#menu li a:hover {
  background: #6b587e;
}
 
ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}
 
ul#menu li ul li a:hover {
  background: #FFF;
  border-left: 5px #6B587E solid;
  border-right: 5px #6B587E solid;
  padding-left: 15px;
  color: #6B587E;
}

Mais je ne vois pas trop en quoi tout ça pourrait bloquer un lien quand même :calim2:

04/02/2011, 15h30
scourjean

Ton lien est sur un élément du menu ?
Tu as une version en ligne de ta page ?
04/02/2011, 15h40
NoSmoking

comme tu fais un return false, cela annule l'action par défaut.

Citation:

Envoyé par scourjean

Ton lien est sur un élément du menu ?
Tu as une version en ligne de ta page ?

Non non, mon lien est à part dans le header.
Je n'ai pas de version en ligne de ma page :?

Par contre j'ajoute un détail qui je pense à son importance :
- un lien dans le header : ne fonctionne pas. (div : header)
- un lien dans une page toute simple : fonctionne. (div : contenu)

Pour plus de clarté, voici comment ma page est construite :
Code:

1 2 3 4 5 6 7 8 9 <div id="header"></div> <div id="milieu"> <div id="menu_general"> <ul id="menu">ICI MON MENU CREE AVEC LE SCRIPT</ul> </div> <div id="contenu">ICI MON CONTENU QUI CHANGE SUIVANT LES PAGES APPELEES DEPUIS LE MENU</div> </div> <div id="footer"></div>
Problème de chargement js ? De l'endroit où l'appel au script est fait ?

Citation:

comme tu fais un return false, cela annule l'action par défaut.

Si c'était ça, ça ne fonctionnerait pas non plus dans le div contenu, non ?

J'avoue que là j'ai du mal !! :aie:

04/02/2011, 16h27
scourjean

Quand tu cliques sur ton lien deconnexion, tu as une erreur javascript dans firebug ?
Ton url change ou pas ?
04/02/2011, 16h31
baggie

Rien de rien, il ne se passe rien. C'est comme si je cliquais dans le vide quoi.

Et aucune erreur détectée !
04/02/2011, 16h36
scourjean

Tu ne peux pas essayer de mettre ton site sur un serveur gratuit en ligne, car là dur de deviner d'où vient le problème.
04/02/2011, 17h56
NoSmoking

vu ta façon de gérer ton CSS, position absolute dans une table, ne serait-il pas possible qu'une DIV couvre ton header, également en absolute, en interdisant ainsi l'accès, car effectivement cela ne semble pas être un problème lié à ton script.
07/02/2011, 14h24
baggie

Merci et bien vu !! En effet, un z-index m'a permis de résoudre le problème ! :ccool: