menu avec pointage

[sooprano]

Salut.
Je veux créer un menu avec 7 colonnes, et possibilité de se pointer pour chaque colonne après le clique au dessous pour dire que je suis dans le menu X.

Est-ce que c'est possible avec de le faire avec javascript ou jquery , j'ai cherché sur le net et j'ai rien trouvé sur ce sens

exemple : menu qui se pointe

http://www.heberji.com/

[RomainVALERI]

un menu qui se pointe ? (heureusement qu'il ne se tire pas )

Tu veux parler de quoi ? des changements qui se produisent quand le pointeur de la souris survole un élément du menu ? Parce que l'exemple que tu cites est un menu ultra-classique... quelle est la particularité que tu veux reproduire ?

[sooprano]

Envoyé par RomainVALERI

un menu qui se pointe ? (heureusement qu'il ne se tire pas )

Tu veux parler de quoi ? des changements qui se produisent quand le pointeur de la souris survole un élément du menu ? Parce que l'exemple que tu cites est un menu ultra-classique... quelle est la particularité que tu veux reproduire ?

wi je veux realiser un menu dont je clique sur une colonne de mon menu sa couleur change pour indiquer que je suis au dessus Via javascript ou jquery

[RomainVALERI]

Envoyé par sooprano

wi je veux realiser un menu dont je clique sur une colonne de mon menu sa couleur change pour indiquer que je suis au dessus Via javascript ou jquery

survol ou clic ? faudrait savoir...

mais de toutes façons c'est très basique : as-tu commencé par jeter un oeil à la manière dont c'est implémenté chez eux ? (non pas que ça soit la seule manière de procéder, mais pour se donner une première idée) le menu est une liste <ul> contenant des <li> dont un seul a l'id="current". Un peu de CSS, et le moteur PHP n'a plus qu'a appliquer cet id au bon élément selon la page demandée ^^

[sooprano]

Envoyé par RomainVALERI

survol ou clic ? faudrait savoir...

mais de toutes façons c'est très basique : as-tu commencé par jeter un oeil à la manière dont c'est implémenté chez eux ? (non pas que ça soit la seule manière de procéder, mais pour se donner une première idée) le menu est une liste <ul> contenant des <li> dont un seul a l'id="current". Un peu de CSS, et le moteur PHP n'a plus qu'a appliquer cet id au bon élément selon la page demandée ^^

quand je clique au dessous l’état de l'onglet de menu dois changer sa couleur pour indiquer que je suis sur onglet x , donc c'est au moment au clique

[sooprano]

voici mon 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
 
<style type="text/css">
 
 
.menu {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; width:1010px; height:52px; position:relative; font-size:13px; z-index:100;  }
 
 
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:150px; height:25px; text-align:center; color:#fff;  background:#434343; line-height:24px; font-size:14px; overflow:hidden; text-transform:uppercase; margin:0 5px 0 0; }
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
 
/* specific to non IE browsers */
.menu ul li:hover a {color:#434343; background:#F4F4F4;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff; }
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#434343; color:#F4F4F4;}
.menu ul li:hover ul li a:hover {background:#FFF; color:#434343;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.menu .hiden1{margin:4px 0 0 0; }
.menu .hiden2{   padding-left:37px; }
</style>

html

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="menu">
 
<ul>
 
<li><a class="hide" href="accueil.php?langue=fr&page=presentation">Presentation</a></li>
 
<li><a class="hide" href="accueil.php?langue=fr&page=bio">Bio</a></li>
 
<!-- menu Galerie !-->
<li><a class="hide" href="accueil.php?langue=fr&page=textes">Galerie</a></li>
<!-- fin menu Galerie !-->
 
<li><a class="hide" href="accueil.php?langue=fr&page=textes">Textes</a></li>
<li><a class="hide" href="accueil.php?langue=fr&page=partenaires">Partenaires</a></li>
<li><a class="hide" href="accueil.php?langue=fr&page=contact">Contact</a></li>
 
 
</ul>
 
</div>

je veux que quand je clique sur n'importe quel menu son état couleur change, pour indique que j suis sur ce dernier

[Bovino]

Ca, ça se fait coté serveur en PHP
En fonction de la page que tu affiches, tu précises un nom de classe pour la catégorie sélectionnée.

[sooprano]

Envoyé par Bovino

Ca, ça se fait coté serveur en PHP
En fonction de la page que tu affiches, tu précises un nom de classe pour la catégorie sélectionnée.

comment puis -je le faire avec php, es ce que c'est possible avec sprite css ?