[Javascript] Menu contextuel

[Ter Rowan]

ou d'autres

mais que ce soit jquery ou prototype (que j'utilise), au final si on fouille dans le code, on se retrouve avec du innerhtml (pour jquery, je me base sur un souvenir, je crois que c'était Sephi qui répondait à mon sujet innerhtml sur prototype ^^)

mais ne vous inquiétez pas j'utilise les appenchild (ou leurs équivalents librairies) pour tout déplacement dans le dom,

j'utilise très rarement le inner en direct pour la création plutot la librairie, mais ça revient au même.

quant au menu, seul événement, le clic gauche, donc, ça ne devrait pas poser de problème.

je suis à la bourre sur le sujet, je voulais poster le résultat samedi, mais pas eu le temps de tester...

[arcanis]

mais que ce soit jquery ou prototype (que j'utilise), au final si on fouille dans le code, on se retrouve avec du innerhtml

Oui mais c'est mal c'est tout cracra et caypasbo xD
J'exagère peut-être un piti peu mais dans l'ensemble l'idée y est.


Arcanis l'extremiste du javascript

[Ter Rowan]

alorsse... j ai changé de nombreuses fois d'avis et voilà ce que ça donne. Je suis assez content de mon truc même si je me demande si je suis bien dans la "règle" de séparation fond / forme... enfin à voir


déjà, mon menu contextuel est désormais construit ainsi

Code PHP :

<?php 

<div id="menuItemAction" class="cache"> 

<ul class="ress_a">

  <a href='#item'><li id='act_1' class="ress_v">attaquer</li></a>

  <a href='#item'><li id='act_2' class="ress_v">capturer</li></a>

  <a href='#item'><li id='act_3' class="ress_a">couper du bois</li></a>

  <a href='#item'><li id='act_4' class="ress_f">cueillir des fruits</li></a>

  <a href='#item'><li id='act_5' class="ress_a">cueillir des feuilles</li></a>

  <a href='#item'><li id='act_6' class="ress_p ress_o ress_m">ramasser</li></a>

</ul>

</div> 

[Anthor]

Normalement, on écrit dans ce sens, le "li" est un élément de type block, il ne doit pas être dans un élément de type inline.

Code PHP :

<?php 

<div id="menuItemAction" class="cache"> 

<ul class="ress_a">

  <li id='act_1' class="ress_v"><a href='#item'>attaquer</a></li>

  <li id='act_2' class="ress_v"><a href='#item'>capturer</a></li>

  <li id='act_3' class="ress_a"><a href='#item'>couper du bois</a></li>

  <li id='act_4' class="ress_f"><a href='#item'>cueillir des fruits</a></li>

  <li id='act_5' class="ress_a"><a href='#item'>cueillir des feuilles</a></li>

  <li id='act_6' class="ress_p ress_o ress_m"><a href='#item'>ramasser</a></li>

</ul>

</div> 

[Ter Rowan]

je connaissais pas pour le CSS, merci Anthor

par contre, pour le li, ben c'est une simple bétise de ma part, me suis planté là ^^


merci encore !