menu avec pointage

Version imprimable

11/05/2011, 12h02
sooprano

menu avec pointage

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

Citation:

http://www.heberji.com/
11/05/2011, 12h25
RomainVALERI

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

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 ?
11/05/2011, 15h55
sooprano

Citation:

Envoyé par RomainVALERI

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

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
11/05/2011, 16h19
RomainVALERI

Citation:

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 ? :koi: 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 ^^
11/05/2011, 16h57
sooprano

Citation:

Envoyé par RomainVALERI

survol ou clic ? :koi: 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

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

11/05/2011, 19h39
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.
14/05/2011, 00h27
sooprano

Citation:

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 ;) ?