Script qui bloque les liens ? [Résolu]

[baggie]

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

[scourjean]

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

[baggie]

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

[scourjean]

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

[NoSmoking]

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

[baggie]

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 ?

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 !!

[scourjean]

Quand tu cliques sur ton lien deconnexion, tu as une erreur javascript dans firebug ?
Ton url change ou pas ?

[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 !

[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.

[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.

[baggie]

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