Laurent G
Site/blog
175 messages
|
posté le 2011-11-22 à 12:38:43
Bonjour...
j'ai à peu près compris les explications de Papy Dizztest concernant "Gestion dynamique des liens du menu barre"
http://diztest.blog4ever.com/blog/lire-article-205392-2050382-gestion_dynamique_des_liens_du_menu_barre.html
J'ai appliqué, en inserant codes dans Bordure gauche.
ça fonctionne quand je me limite à 2 onglets dans ce Menu horizontal (cf code A)
ça ne marche pas quand je veux avoir + de 2 onglets ( cf code B), et ça m'embête bcp.
serait-ce que parce que notre blog n'a que 2 modules : "Articles" (que j'ai renommé "Rubriques" + Statistiques " ???
Ou vaut-il mieux que je fasse ces modifs dans la page CSS ???
Merci pour vos aides.......
Code A =
<script type="text/javascript">// <![CDATA[
// sélection du bloc HTML concerné, partie barre
var menu_barre = document.getElementById("barre");
// Affectation variables des liens existants
var lien0 = menu_barre.getElementsByTagName("a")[0];
var lien1 = menu_barre.getElementsByTagName("a")[1];
// liens textes modifiés
lien0.style.width = "150px";
lien0.firstChild.data = "Accueil - Agenda";
lien0.href ="http://afps-grenoble-isere.blog4ever.com/blog/index-263921.html
lien1.style.width = "150px";
lien1.firstChild.data = "Contacts";
lien1.href ="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-283233-contacts_afps.html";
// ]]></script>
Code B =
<script type="text/javascript">// <![CDATA[
// sélection du bloc HTML concerné, partie barre
var menu_barre = document.getElementById("barre");
// Affectation variables des liens existants
var lien0 = menu_barre.getElementsByTagName("a")[0];
var lien1 = menu_barre.getElementsByTagName("a")[1];
var lien2 = menu_barre.getElementsByTagName("a")[2];
var lien3 = menu_barre.getElementsByTagName("a")[3];
var lien4 = menu_barre.getElementsByTagName("a")[4];
// liens textes modifiés
lien0.style.width = "150px";
lien0.firstChild.data = "Accueil - Agenda";
lien0.href ="http://afps-grenoble-isere.blog4ever.com/blog/index-263921.html";
lien1.style.width = "150px";
lien1.firstChild.data = "l'AFPS, c'est quoi ?";
lien1.href ="http://afps-grenoble-isere.blog4ever.com/blog/lire-article-263921-1053748-l_afps__c_est_quoi___.html";
lien2.style.width = "150px";
lien2.firstChild.data = "Contacts";
lien2.href ="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-283233-contacts_afps.html";
lien3.style.width = "150px";
lien3.firstChild.data = "La Palestine à l'ONU";
lien3.href ="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-585130-reconnaissance_de_l_etat_de_palestine_.html";
lien4.style.width = "150px";
lien4.firstChild.data = "BDS";
lien4.href ="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-346596-campagne_internationale__bds___boycott__desinvesti.html";
// ]]></script>
Dernière modification le 22-11-2011 à 12:39:39
Dernière modification le 22-11-2011 à 12:40:46
|
Laurent G. / AFPS Grenoble et Isère
|
|
|
Laurent G. / AFPS Grenoble et Isère
|
Laurent G
Site/blog
175 messages
|
posté le 2011-11-22 à 18:19:20
J'ai réussi à ajouter module supplémentaire comme ça , (et en renouvelant l'opération pour autre module supplémentaire ) . y a sans doute + simple ?
_________________________________
<script type="text/javascript">// <![CDATA[
// sélection du bloc HTML concerné, partie barre
var menu_barre = document.getElementById("barre");
// création des nouveaux éléments HTML
var nvElt = document.createElement("li");
var nvLien = document.createElement("a");
// création du texte du nouveau lien
var texteNvLien = document.createTextNode("La Palestine à l'ONU");
// pour supprimer les puces
nvElt.style.listStyleType = "none";
// création des attributs du nouveau lien
nvLien.href ="http://afps-grenoble-isere.blog4ever.com/blog/articles-cat-263921-585130-reconnaissance_de_l_etat_de_palestine_.html";
// mise en place du texte du lien
nvLien.appendChild(texteNvLien);
// mise en place du lien au nouvel élément de la liste
nvElt.appendChild(nvLien);
// mise en place du nouvel élément à la liste
menu_barre.appendChild(nvElt);
// ]]></script>
_______________________
Pas encore pigé où et comment indiquer lignes pour paramétrer largeur du module ou la police, mais je finirai bien trouver ...
|
Laurent G. / AFPS Grenoble et Isère
|
|
Laurent G
Site/blog
175 messages
|
posté le 2011-11-22 à 23:53:01
Pourquoi tu n'as pas gardé le code précédent, il suffisait d'ajouter à la fin, les lignes que je t'ai indiquées dans mon message. =
ben parce que ça fonctionnait pas, ou alors parce que j'avais mis ton code au mauvais endroit, ou parce que j'avais ajouté d'autres trucs.
Et quand le texte est plus long du mets une largeur plus grande.
lien3.style.width = "200px";
oui, j'avais mis un truc de ce genre, mais j'ai dû faire erreur qq part.
Pas grave, je vais bien finir par réussir. Et en même temps, j'apprends....
|
Laurent G. / AFPS Grenoble et Isère
|
... PRIVATE
Laurent
Laurent Coucou 
|
Espace de gestion
|
Annuaire des blogs