Discussion :

[lapin_hobbit]

Bonjour,

J'ai un menu sous forme liste créer a partir de la bibliotheque yui:

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 class="first-of-type">
  <li class="yuimenuitem">
	<a style="width: 150px;background-color:#619BCF;"  
             href="http://calendar.yahoo.com" 
             target="toto">
           Calendar
      </a>
   </li>
   <li class="yuimenuitem">
      <a href="http://notepad.yahoo.com">
        Notepad
      </a>
   </li>
</ul>

Les deux liens fonctionnent, mais sur le second (Notepad), si je clique a droite du texte (dans la balise li), le lien est également appliqué. Ce comportement n'est pas reproduit sur le premier lien (Calendar), tant que je laisse l'attribut "target" dans le lien.
J'aurais deux questions concernant ce problemes:
-pourquoi sur le lien notepad, le lien est lancé lorsque je clique a coté (j'ai verifier avec un alert(this.tagName), c'est bien la balise "li" qui est cliqué)?
-pourquoi l'attribut "target" empeche ce comportement?

Merci d'avance.

[Auteur]

bonjour,

-pourquoi sur le lien notepad, le lien est lancé lorsque je clique a coté (j'ai verifier avec un alert(this.tagName), c'est bien la balise "li" qui est cliqué)?
-pourquoi l'attribut "target" empeche ce comportement?

Ce n'est pas target qui empèche ce comportement, c'est le style appliqué sur le lien Calendar (with: 150px).

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<ul class="first-of-type">
  <li class="yuimenuitem">
	<a style="width: 150px;background-color:#619BCF;"   href="http://calendar.yahoo.com" target="toto">
           Calendar
      </a>
   </li>
   <li class="yuimenuitem">
      <a href="http://notepad.yahoo.com">
        Notepad
      </a>
   </li>
</ul>

Par défaut le lien prend une largeur de 100% du conteneur. Précise une largeur à ton lien

[lapin_hobbit]

si c'est bien le target puisqu'en l'enlevant ca marche.
Mais c'est une cause intermediaire. J'ai résolu le probleme.
Il s'agit du javascript yahoo qui intercèpte les évènements (en l'occurence "onclick") et qui met à jour la page si l'élément cliqué contient un lien (ce qui explique pourquoi le clique sur li active le lien).
Cette opération n'est faite que si le lien inclu n'as pas de target.
J'ai modifié le javascript et ca marche.

Un lien n'as pas d'autre largeur que le texte ou l'image qu'il contient.

[Candygirl]

Un lien n'as pas d'autre largeur que le texte ou l'image qu'il contient.

C'est juste, par défaut, vu que c'est une balise in-line.

Par contre, alors, ça n'a pas de sens de lui attribuer un width comme tu le fais:

Code html :

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

1
2
3
4
5
	<a style="width: 150px;background-color:#619BCF;"  
             href="http://calendar.yahoo.com" 
             target="toto">
           Calendar
      </a>

Un navigateur en mode standard l'ignorera à moins que tu ne remplaces le inline par un type acceptant un width (display:block par exemple). Mais peut-être est-ce fait en amont sur ta feuille de styles ?

Par défaut le lien prend une largeur de 100% du conteneur. Précise une largeur à ton lien

Ce qui était une bonne idée en partant du principe qu'on a appliqué un display:block au a vu l'attribution d'un width