Création menu

Fermé
gwenm Messages postés 591 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 11 février 2016 - 10 mars 2010 à 12:38
gwenm Messages postés 591 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 11 février 2016 - 10 mars 2010 à 19:38
Bonjour,
J' aimerais savoir comment faire menu comme sur cette page http://fr.download.videogames.yahoo.net/t_25oa_frco/s_512_4561/Stratgie/Ancient-Wars-Sparta.html (description du jeux, Images, Configuration)
A voir également:

8 réponses

Bertrand40 Messages postés 1193 Date d'inscription vendredi 27 mars 2009 Statut Membre Dernière intervention 27 février 2023 193
10 mars 2010 à 12:46
Bonjour, ça doit être une boîte à onglets à base de Javascript.
0
gwenm Messages postés 591 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 11 février 2016 29
10 mars 2010 à 12:57
Merci ca m' éclaire bien..je ne connaissait pas..je n' est plus qu' à paufiner mes rechches pour savoir comment intégrer ca dans un blog wordpress.
0
avion-f16 Messages postés 19125 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 23 mars 2023 4 468
10 mars 2010 à 13:42
http://tutorialblog.org/10-javascript-ajax-tabs/
0
gwenm Messages postés 591 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 11 février 2016 29
10 mars 2010 à 19:10
Merci pour ce lien, mais impossible d' activé tous les fichiers des extensions! Même Jquery ne fonctionne pas. Je comprend pas ce qui se passe..soit être mon theme qui n' en veut pas..ca m gave!
Si vous connaissez un theme WP qui à une boîte à onglets intégrer dans ses pages , je suis preneuse.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Titial69 Messages postés 259 Date d'inscription lundi 22 février 2010 Statut Membre Dernière intervention 11 mars 2010 20
10 mars 2010 à 19:16
Ca se fait aussi très bien en trois ligne de JS sans ajax, et un peu de CSS.

Tu as trois div, dont deux qui ont comme class "ghost" et l'autre "current", pour le css, ghost : display: none; et pour le current : display: block, et quand tu clique sur un onglet, tu change les classes des div...
0
gwenm Messages postés 591 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 11 février 2016 29
10 mars 2010 à 19:21
Tu veut dire que j' ai juste à fabriquer le script que tu me decrit, et j' aurais juste à le copier/coller dans les pages? Je ne comprend pas trop...
0
Titial69 Messages postés 259 Date d'inscription lundi 22 février 2010 Statut Membre Dernière intervention 11 mars 2010 20
10 mars 2010 à 19:29
Ben le script n'est pas tres compliqué, pour le JS :
function multiClass(eltId) {
	arrLinkId = new Array('_0','_1','_2');
	intNbLinkElt = new Number(arrLinkId.length);
	arrClassLink = new Array('current','ghost');
	strContent = new String()
	for (i=0; i<intNbLinkElt; i++) {
		strContent = "menu"+arrLinkId[i];
		if ( arrLinkId[i] == eltId ) {
			document.getElementById(arrLinkId[i]).className = arrClassLink[0];
			document.getElementById(strContent).className = 'on content';
		} else {
			document.getElementById(arrLinkId[i]).className = arrClassLink[1];
			document.getElementById(strContent).className = 'off content';
		}
	}	
}


Pour les trois div :
<div id="menu_0" class="on content">
Contenu 0
</div>
<div id="menu_1" class="off content">
Contenu 1
</div>
<div id="menu_2" class="off content">
Contenu 2
</div>


Pour les boutons :
<a href="#" id="_0" class="current" onclick="multiClass(this.id)" alt="menu0">Descriptif</a>
<a href="#" id="_1" class="ghost" onclick="multiClass(this.id)" alt="menu1">Images</a>
<a href="#" id="_2" class="ghost" onclick="multiClass(this.id)" alt="menu2">Config</a>


Pour le css :
.on
{
display: block;
}

off
{
display: none;
}


Voilà, ce script permet lors de l'appuis sur un bouton d'afficher la partie correspondante, en affectant au bouton la class "current" qui permet de changer son apparence via le css.

Tu devrais réussir à te débrouiller avec ca.
0
gwenm Messages postés 591 Date d'inscription lundi 6 octobre 2008 Statut Membre Dernière intervention 11 février 2016 29
10 mars 2010 à 19:38
C est plus facile a dire qu'à faire car je n' est jamais fait ca..en tous cas merci pour ton savoir faire!
0