Trucsweb.com

Trucsweb 1997-2017

Le site des Trucsweb a maintenant 20 ans! 20 ans de gratuit mur-à-mur, peu importe que vous soyez à Montréal, Paris ou Ouagadougou, que vous soyez riche, pauvre ou éducateur ; -). « C’est un endroit que chacun peut visiter pour apprendre et partager ses connaissances » pour paraphraser Wikipédia. C’est aussi des milliers de dollars déboursés pour les couts d’un serveur Web. La publicité c’est bien, mais trop peu pour payer les frais d’hébergement toujours plus cher.

Il va sans dire que je m'adresse beaucoup aux institutions d'enseignement et aux corporations, particulièrement les géants de ce monde qui bénéficie de PROMOTION GRATUITE sur les sites des webmestres comme celui des Trucweb! Les Google et Microsoft de ce monde. Le fournisseur d'hébergement des Trucsweb qui a bénéficié d'une grande visibilité certainement pas étrangère a son succès. Mais aussi l'Organisation internationale de la Francophonie par exemple. Car la majorité des visiteurs des Trucsweb proviennent de l'ensemble des pays de la francophonie. Pays pour la plupart, outre la France, du berceau de l'humanité et surtout des plus pauvres de notre brillante civilisation.

Où va votre don : essentiellement pour payer la carte de crédit (surtout les intérêts) utilisée pour payer le serveur et la bande passante. Le maintien et le développement étant absolument bénévole, avec grand plaisir, depuis 1997!

jours restants pour la campagne de financement 2017-2037 ;- )
Objectif : 5000 €

Je vous remercie d’envisager de faire un don afin de perpétuer cette longue tradition francophone qui a maintenant 20 ans.

Merci,
Django Blais, L’Isle-Verte (Québec)

Javascript

Menu et Navigation

RDFFav

Menu et Navigation - Organiser vos répertoires physique avec le menu hiérarchique

Techniques utilisées dans ce truc : document.write, Split. location.href, Le Menu hiérarchique est une excellante façon d’organiser votre site Internet pour récupérer l’information selon leurs dispositions physiques sur le serveur. Cette technique est surtout pratique si vous avez beaucoup d’information à offrir et si cette information peut êtrjavascript document.write split location.href menu hiérarchique organiser répertoire navigation automatique sous url href.split boucle extraire noms racine for length variable path chemin substring indexof length writeln

  • · Niveau : DÉBUTANT
  • · Compatibilité : Tous les navigateurs

Techniques utilisées dans ce truc : document.write, Split. location.href,

imageTechniques utilisées dans ce truc : document.write, split, location.href

Le Menu hiérarchique est une excellante façon d’organiser votre site Internet pour récupérer l’information selon leurs dispositions physiques sur le serveur. Cette technique est surtout pratique si vous avez beaucoup d’information à offrir et si cette information peut être classer en plusieurs ensembles. Cette technique est en fait la base de l’organisation visuel d’un ordinateur.

Par exemple vous présenter des livres, et bien vous pourrez créer les répertoires Roman, poésie, Science fiction, bande dessinée, éducation et ainsi de suite. Puis de créer une page Index.htm dans chacun des répertoires donnant la liste de tous les livres de cette catégorie.

Ainsi il vous sera alors très facile d’ajouter des pages sans avoir à créer de nouveau menu ou de refaire une analyse complète de votre site. Ajouter votre nouvelle page avec le menu hiérarchique puis ajouter votre nouvelle page dans l’index de ce répertoire.

Votre site restera simple et très facile au visiteur à parcourir tout en ayant la possibilité d’ajouter des pages à volonté. Vous pouvez aussi créer des sous-répertoires comme les noms des auteurs par exemple et de créer une page Index.htm dans le sous-répertoire ASIMOV donnant la liste de tous les livres de science fiction de ASIMOV.

L’étape la plus complexe et la plus importante est donc de faire une première analyse de votre site. Regrouper vos sujets en catégorie (sachez que cette technique permet très facilement d’ajouter des catégories) il suffit de trouver les bonnes catégories. Pour vous aider, chercher les catégories qui seront les plus explicites pour le visiteur.

Par exemple.

  1. Première catégorie LIVRE, DISQUE, CÉDÉROM
  2. Deuxième catégorie LIVRE : ROMAN, POÉSIE, SCIENCE-FICTION
  3. Troisième catégorie LIVRE-SCIENCE-FICTION : ASIMOV, VAN VOGT, CLARKE
  4. Quatrième catégorie LIVRE-SCIENCE-FICTION-VAN VOGT : Le Monde des Â, Les joueurs du Â.

Donc en partant de la racine de votre site jusqu’à la page qui présente le livre Le Monde des  vous aurez cette URL. www.votresite.com/livre/science-fiction/van_vogt/monde.htm.

Le visiteur pourra alors revenir au répertoire depuis la page en question jusqu’à l’index principal en trois clics ou obtenir depuis l’index principal le livre Le Monde des  en trois clics ou tous livres de votre collection en trois clics. C’est formidable ça…

Pour résumer, une fois votre système bien installé, vous n’aurez qu’un lien à ajouter dans l’index du répertoire où vous ajoutez une page et d’ajouter le code Javascript du menu sans changer quoi que ce soit sur votre nouvelle page

Description du script :

La première étape consiste à trouver l’adresse de votre page avec la mnémonique document.location.href. Puis de disséquer cette adresse dans une variable S en se fiant sur le caractère / avec href.split. Alors il ne vous reste qu’à faire une boucle pour extraire les noms des répertoires de la racine à la page en question. for (var i=3;i<(s.length-1);i++) Au fur et à mesure que vous extirpez un nom de la variable S, vous devez construire une variable texte PATH qui servira à générer le code HTML. Cette variable sera construite avec la balise A HREF pour créer le lien puis du nom du répertoire extirpé de la variable S path+="<A HREF=\""+href.substring(0,href.indexOf(s[i])+s[i].length)+"/\">"+s[i]+"</A>

Bon ça semble bien compliquez mais amusez-vous avec le code ci-dessous et vous verrez bien que ce n’est pas si pire que ça. Et n’oubliez pas que vous n’aurez plus à jouer avec ce code mais seulement de le copier sur chacune de vos pages. Vous pouvez ajouter une image lors de la construction de la variable PATH question de bien identifier le lien. Il ne reste qu’à générer le code HTML contenue dans la variable PATH avec document.writeln(path). Noté l’utilisation du signe + dans la construction de la variable PATH, path+, c’est la façon Javascript de faire path = path +...Et notez aussi la barre oblique \ utilisé (comme en Perl) pour indiquer que le caractère qui suit " fait partie de la chaîne de caractère

<script language="JavaScript">
<!--
var path = "";
var href = document.location.href;
var s = href.split("/");
for (var i=3;i<(s.length-1);i++) {
  path +="<a href=\""+href.substring(0,href.indexOf(s[i])+s[i].length)+"/\">"+s[i]+"</a> *";
}
document.writeln(path);
// -->
</script>

Voyez en jaune l’astérisque que j’ai ajouter pour faire une séparation entre les liens. Vous pouvez ajouter une image. Selon votre serveur il se peut que le script ait besoin d’être adapté, si le script donne de drôle de résultat, changer la valeur de la boucle, (i=3 dans cette exemple). Encore une fois, une fois le script adapté vous pourrez l’oublier.

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

       Visites : 1578 - Pages vues : 34282
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@