Re : Titre de menu alternatif
Super ! ça fonctionne parfaitement Vinyl !
Je me disais bien que le code était un peu bizarre mais d'un autre coté
c'était sorti d'une discussion datant de 2005 quand même ...
Pour la question de temps ou pas, on est sur un forum donc je n'attends jamais
de réponses à la minute (c'est le principe) !
Have a nice day !
Laurent
Titre de menu alternatif
Réduire
Ce sujet est fermé.
X
X
-
Re : Titre de menu alternatif
Salut,
Comme je te disais, je suis sur un projet en retard et je n'ai pas trop le temps de regarder en détail.
Je vois quand même des trucs bizarres dans ton code.
Je te propose d’essayer ça qui devrait fonctionner :
Code:function cacher_montrer() { var text_menu = document.getElementsByClassName("menu")[0]; var titre_menu = text_menu.getElementsByClassName("item-101")[0].innerHTML; if (titre_menu == 'accueil') { text_menu.getElementsByClassName("item-101")[0].innerHTML = "autre mot"; } else { text_menu.getElementsByClassName("item-101")[0].innerHTML = "accueil"; } } setInterval(function() { cacher_montrer(); }, 3000);
Laisser un commentaire:
-
Re : Titre de menu alternatif
Merci Vinyl !
là ça fonctionne !
Par contre je vais encore chercher car le setInterval ne s'exécute pas !
Code:var timer=setInterval("cacher_montrer()",1000);
Code:cacher_montrer();
Laisser un commentaire:
-
Re : Titre de menu alternatif
Salut,
Je suis désolé mais je n'ai pas le temps pour l'instant de te faire ton code et de vérifier si il fonctionne sur ton site.
Rapidement, j'ai fait un test sur un de mes sites :
Si le menu joomla est une liste <ul> qui a la class menu,
Je peux écrire :
Code HTML:var text_menu = document.getElementsByClassName("menu")[0];
Ensuite on le remplace
Code HTML:text_menu.getElementsByClassName("item-101")[0].innerHTML = "autre mot";
ça fonctionne chez moi. Je te laisse voir pour l'adapter.
Le menu a cette structure sur mon site :
Code HTML:<ul class="nav menu navbar-nav navbar-right main_menu"> <li class="item-101">Accueil</li> <li class="item-109"> <a href="#">Autre menu</a> </li> </ul>
Ensuite, ce serait plus simple de tout écrire en jQuery (même si en pure JavaScript cela fonctionnera très bien).
Bon courage !Dernière édition par Vinyl à 04/03/2015, 15h33
Laisser un commentaire:
-
Re : Titre de menu alternatif
Ok j'ai casé ce code mais il ne se passe (encore)
rien car ...
En fait j'ai "La Boutique" a cibler
Code:<li class="item-109">[INDENT]<span class="sfHolder">[INDENT]<a href="/index.php/la-boutique">[INDENT]LA BOUTIQUE[/INDENT] </a>[/INDENT] </span> [/INDENT]</li>
Code:var texte = document.getElementByClass('item-109').innerHTML; if(texte != 'LA BOUTIQUE') ...
Laisser un commentaire:
-
Re : Titre de menu alternatif
Essaye à l’intérieur de
Code HTML:jQuery(document).ready(function() { });
Laisser un commentaire:
-
Re : Titre de menu alternatif
Hello vinyl,
Merci pour ta réponse
En fait je me demandais où exactement insérer ce code
dans le code ci-dessous, à la suite alors je suppose tout simplement ?
Code:[B]jQuery(document).ready(function() { [/B] jQuery('ul li:last-child').addClass('lastItem'); jQuery('ul li:first-child').addClass('firstItem'); // Tips jQuery('*[rel=tooltip]').tooltip() jQuery('*[rel=popover]').popover() jQuery('.tip-bottom').tooltip({placement: "bottom"}) // Modal Window jQuery('[href="#modal"]').click(function(e){ jQuery('#modal').modal('toggle'); e.preventDefault(); }); jQuery('#modal button.modalClose').click(function(e){ jQuery('#modal').modal('hide'); e.preventDefault(); }) ... ... ... jQuery(function(){ // IPad/IPhone var viewportmeta = document.querySelector && document.querySelector('meta[name="viewport"]'), ua = navigator.userAgent, gestureStart = function () { viewportmeta.content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6"; }, scaleFix = function () { if (viewportmeta && /iPhone|iPad/.test(ua) && !/Opera Mini/.test(ua)) { viewportmeta.content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0"; document.addEventListener("gesturestart", gestureStart, false); } }; scaleFix(); }); [B]});[/B]
Laisser un commentaire:
-
Re : Titre de menu alternatif
Hello,
Oui c'est possible en JavaScript.
Ton code devrait fonctionner. Dans ton code, il y a un timer et ton texte change toutes les 1 seconde. C'est bien ça que tu veux ?
Cela dit quand je vois la "gueule" du code à l'intérieur
Laisser un commentaire:
-
Titre de menu alternatif
Bonjour,
Je voudrais afficher un titre de menu qui change ou alterne
ex : Accueil qui passe à Home puis repasse à Accueil ...
Je pensais utiliser du Javascript ...
J'ai trouvé ce code http://www.generation-nt.com/reponse...de-126747.html
Je ne suis pas un pro du javascript
et l'idée serait de placer ce code dans le fichier script.js de mon template
Cela dit quand je vois la "gueule" du code à l'intérieur du script.js
Code:jQuery(document).ready(function() { jQuery('ul li:last-child').addClass('lastItem'); jQuery('ul li:first-child').addClass('firstItem'); // Tips jQuery('*[rel=tooltip]').tooltip() jQuery('*[rel=popover]').popover() jQuery('.tip-bottom').tooltip({placement: "bottom"}) // Modal Window jQuery('[href="#modal"]').click(function(e){ jQuery('#modal').modal('toggle'); e.preventDefault(); }); jQuery('#modal button.modalClose').click(function(e){ jQuery('#modal').modal('hide'); e.preventDefault(); }) // Initialize the gallery touch jQuery('a.touchGalleryLink').touchTouch(); ...
telle quelle dedans !?
Code:function cacher_montrer() { var texte = document.getElementById('Id_elt_menu').innerHTML; if(texte != 'Accueil') { setTimeout("Id_elt_menu.innerHTML = 'Home';",1000); } else { setTimeout("Id_elt_menu.innerHTML = 'Accueil';",1000); } } setInterval("cacher_montrer();",2000)
LaurentDernière édition par messinmaisoui à 04/03/2015, 13h53
Annonce
Réduire
Aucune annonce pour le moment.
Laisser un commentaire: