Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Ajout d'un module au bloc droit

0 appréciations
Hors-ligne


:b0:

je viens de creer (tant bien que mal) un début de colonne droite
en suivant les conseils de papyclic sur le premier lien concernant ce sujet, grâce au collage de 2 codes, mais ça se corse, dès qu'il faut commencer à réfléchir un peu.... :pl!

Et notamment au sujet du code permettant d'ajouter un autre module que le module photo au bloc droit:

// Affectation des variables
var nvDiv = document.createElement("div");
// Variables de création du titre du module
var nvTitre = document.createElement("h2");
var texteNvTitre = document.createTextNode("Module Plus");
var nvUl = document.createElement("ul");
// Variables des éléments de la liste
var nvLi0 = document.createElement("li"); // premier lien
var nvLi1 = document.createElement("li");
var nvLi2 = document.createElement("li");
// Variables des liens
var nvLien0 = document.createElement("a"); // premier lien
var nvLien1 = document.createElement("a");
var nvLien2 = document.createElement("a");

// création du texte de chaque lien
var texteNvLien0 = document.createTextNode("Lien 1"); // premier lien
// création des attributs des liens
nvLien0.href = "http://diztest.blog4ever.com/blog/lire-article-205392-2050386-ajout_de_liens_sur_la_barre_menu.html"; // premier lien
nvLien0.title = "Texte 1 au survol"; // premier lien
// affectation du texte au lien
nvLien0.appendChild(texteNvLien0); // premier lien

// création du texte de chaque lien
var texteNvLien1 = document.createTextNode("Lien 2");
// création des attributs des liens
nvLien1.href = "http://diztest.blog4ever.com/blog/lire-article-205392-2050382-gestion_dynamique_des_liens_du_menu_barre.html";
nvLien1.title = "Texte 2 au survol";
// affectation du texte au lien
nvLien1.appendChild(texteNvLien1);

// création du texte de chaque lien
var texteNvLien2 = document.createTextNode("Lien 3");
// création des attributs des liens
nvLien2.href = "http://diztest.blog4ever.com/blog/lire-article-205392-2050388-image_differente_pour_chaque_module_de_la_barre.html";
nvLien2.title = "Texte 3 au survol";
// affectation du texte au lien
nvLien2.appendChild(texteNvLien2);

// mise en place des liens aux nouveaux éléments de la liste LI
nvLi0.appendChild(nvLien0); // premier lien
nvLi1.appendChild(nvLien1);
nvLi2.appendChild(nvLien2);

// affectation des éléments au bloc liste UL
nvUl.appendChild(nvLi0); // premier lien
nvUl.appendChild(nvLi1);
nvUl.appendChild(nvLi2);

// affectation du titre du module
nvTitre.appendChild(texteNvTitre);
nvDiv.appendChild(nvTitre);

// création de ID et CLASS comme pour les autres modules
nvDiv.setAttribute("id","menu_perso2");
// code pour faire accepter la CLASS aux navigateurs différents
if(document.all) nvDiv.className="menu_bloc";
else nvDiv.setAttribute("class","menu_bloc");
// affectation de la liste au bloc DIV
nvDiv.appendChild(nvUl);

// affectation du module plus dans la colonne
nvColonne.appendChild(nvDiv);




J'ai bien compris que c'est un code java, entremêlé d'explications et que je dois le personnaliser...mais ce qui m'étonne, c'est qu'il y ait pas de balises pour l'encadrer...Quant au reste, je ne suis pas sûre d'avoir le niveau.. :snif:
Feedora

128 appréciations
Hors-ligne
:b0: Feedora

J'ai bien compris que c'est un code java, entremêlé d'explications et que je dois le personnaliser...mais ce qui m'étonne, c'est qu'il y ait pas de balises pour l'encadrer...Quant au reste, je ne suis pas sûre d'avoir le niveau..


C'est du codes Javasccript

Je mets des commentaires pour essayer de faire comprendre le cheminement du code, afin qu'il serve à quelque chose de plus constructif, que du copier/coller.

Dans mes tutos, à la fin, en principe, je mets le code complet avec les balises d'encadrement.


Voilà pour répondre à tes remarques.

Maintenant si tu veux mon avis attends un peu, certains changements sont en cours, qui modifieront certainement la gestion ou la créations des modules, et à la suite, des tutos ou générateurs verront le jour.

Donc patience!!!

Bon WE


0 appréciations
Hors-ligne
Merci pour tes eclaircissement ,

il est vrai que ça fait quelques jours que j'essaye de monter un blog avec une répartition équilibrée, et je commence un peu à me décourager.

mon souhait serait, pour des néophytes comme moi, des codes pratiques à employer (du tout prêt en quelque sorte, pourquoi pas des exemples de sites présentés et à côté les CSS qui leur correspondent, à coller directement dans les bordures...un peu précipité je sais, puisqu'on zapperait l'aspect éducatif et pédagogique de votre démarche) mais des débutants comme moi aurions vraiment besoin d'une "grammaire pratique" qui puisse nous aider à réaliser rapidement des sites variés sans avoir à étudier le javascript ou le html de façon trop poussée, je laisse cela à ceux qui ont déjà pas mal de compétences à ce sujet, peut être y viendrai-je dans un futur proche où j'aurai plus de temps à y consacrer...Je sais que vous faites beaucoup d'efforts pour nous aider. Et votre travail et vos contributions dans l'aide et l'assistance pour nous tous sont tout à fait herculéens et je vous en remercie.


J'espère que tes tutos et générateurs à venir iront un peu vers ce sens.
Feedora
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Année 2011.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6061 autres membres