Discussion :

[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]

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]

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]

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 :

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

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

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 ?