20-12-2008, 11:36 PM
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
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>
on constate que chaque li possède une ou plusieurs classes. Ces classes correspondent au type de ressources pouvant être soumise à l action
exemple . ramasser est pertinent pour les plantes (p), les objets(o) et les minéraux (m) mais pas pour les être vivants (v) ni pour les abres (a)
maintenant le css
Code PHP :
<?php
menuItemAction
{
background : #FFFFD4;
}
#menuItemAction ul
{
padding : 1px;
margin : 0;
}
#menuItemAction ul li
{
text-align : left;
display : none;
}
#menuItemAction ul li a
{
width : 100%;
}
#menuItemAction ul li a:hover
{
background : #DFDFB4;
}
#menuItemAction ul.ress_a li.ress_a
{
display : block;
}
#menuItemAction ul.ress_v li.ress_v
{
display : block;
}
#menuItemAction ul.ress_p li.ress_p
{
display : block;
}
#menuItemAction ul.ress_m li.ress_m
{
display : block;
}
#menuItemAction ul.ress_f li.ress_f
{
display : block;
}
#menuItemAction ul.ress_o li.ress_o
{
display : block;
}