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
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
A voir également:
- Création menu
- Media creation tool - Télécharger - Systèmes d'exploitation
- Creation compte gmail - Guide
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Creation adresse mail - Guide
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
10 mars 2010 à 12:46
Bonjour, ça doit être une boîte à onglets à base de Javascript.
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
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.
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
10 mars 2010 à 13:42
http://tutorialblog.org/10-javascript-ajax-tabs/
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
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.
Si vous connaissez un theme WP qui à une boîte à onglets intégrer dans ses pages , je suis preneuse.
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
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...
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...
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
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...
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
10 mars 2010 à 19:29
Ben le script n'est pas tres compliqué, pour le JS :
Pour les trois div :
Pour les boutons :
Pour le css :
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.
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.
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
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!