Script qui bloque les liens ?

**baggie** · 04/02/2011, 15h12

Bonjour,

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

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

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
 
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** · 04/02/2011, 15h18

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

**baggie** · 04/02/2011, 15h27

Le code de mon menu :

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

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

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 :

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
 
#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 :

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
 
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** · 04/02/2011, 15h30

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

**NoSmoking** · 04/02/2011, 15h40

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

**baggie** · 04/02/2011, 16h23

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 :

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

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>