Memo : installer un script

Ceci ne concerne pas le niveau Confiance, mais peut en échange vous servir pour des programmes JavaScript autres que les miens ;-) .

---

Le scénario est de

1. recopier le script proposé sur votre ordinateur, en l'adaptant si nécessaire,
2. puis l'héberger chez OB,
3. enfin l'installer dans votre blog.

Voyons ça en détail :

1. recopier le fichier sur votre micro. S'il n'est pas tout prêt à télécharger (ce que je m'efforce de proposer), vous devrez :
   • ouvrir une fenêtre vierge du bloc-notes Windows ou d'un éditeur de texte (PAS Word), y copier/coller le code JavaScript désiré ;
   • modifier ce code selon les indications de son auteur ;
   • enregistrer le script dans un fichier sur votre micro.
     Le nom est à votre guise, l'extension habituelle est .js. Exemple de nom : gadgetInfernal.js ;
   • fermer le bloc-notes ou l'éditeur.
2.  remonter  ce fichier chez OB
   • dans l'admin OB : Documents/Autres fichiers ;
   • facultatif mais conseillé : créer un répertoire (pourquoi pas  js  ?) réservé aux fichiers JavaScript ;
   • une fois dans ce répertoire, cliquer sur  Ajouter un document  : ça ressemble beaucoup à la procédure pour récupérer une photo ;
   • une fois le fichier chargé, cliquer sur le lien à son nom. Apparaît alors un popup d'information où figure son URL : laisser ce popup ouvert, il servira bientôt.
3. vérification : copiez l'URL du fichier dans la barre d'adresse de votre navigateur (et appuyez sur Entrée). Le fichier uploadé s'affiche. Il doit être strictement identique à l'original. S'il est pollué par des balises ou des caractères hiéroglyphiques c'est que le fichier créé sur votre ordinateur est incorrect. Peut-être l'avez-vous créé avec Word ? Pas glop. Si vous manquez d'entraînement tenez-vous en au bloc-notes de Windows (Notepad), car il n'ajoute aucun embellissement à ce que vous y écrivez.
4. implanter le script dans le blog
   • Il faut ajouter quelque part dans le blog une ligne HTML cousine de celle-ci :

      <script type="text/javascript" src="URL_du_script"> </script> 

     C'est parti…
   • dans l'admin OB/configuration, ouvrir (petit marteau) le module où implanter le script (le pied de page, en général) ;
   • mettre l'éditeur OB en édition avancée si ce n'est pas déjà fait, afficher le code source du module (bouton HTML) ;
   • sur le micro, ouvrir une fenêtre vierge du même bloc-notes (ou éditeur) que tout à l'heure (et toujours pas Word !), y copier/coller tout le source du module ;
   • toujours dans le bloc-notes (ou éditeur) ajouter, à la toute fin du texte du module, la ligne HTML servant à implanter le script ;
   • adapter cette ligne, en y remplaçant URL_du_script par l'URL visible dans le popup laissé ouvert (copier/coller, inutile de tout réécrire).
   Félicitations ! Vous venez d'écrire le nouveau code source du module. Reste à le mettre à jour dans l'admin :
   • copier/coller ce code dans la fenêtre  HTML  de l'éditeur OB, en lieu et place du code existant ;
   • valider le source, fermer le bloc-notes et le popup contenant l'URL.

---

Terminus.

---

PS : je ne voudrais pas insister lourdement mais, si vous n'avez pas l'habitude de ce genre de manip', N'UTILISEZ PAS WORD ni un autre traitement de texte pour faire le copier/coller. Utilisez un éditeur de texte tel que Notepad++ ou, si vous n'êtes pas certain de la différence entre  éditeur  et  traitement  de texte, rabattez-vous sur le bloc-notes de Windows, aussi nommé Notepad. Cet outil est si rudimentaire qu'il est incapable d'ajouter un quelconque balisage à ce qu'on lui confie, et c'est très bien.

La même précaution vaut pour recopier du CSS ou pour du code HTML.

Comments

[Flo-Avril]

Bon et bien cher monsieur rien ne marche chez moi
Bisous de bonne soirée
Je te pique un truc, j'en ai besoin pour ma mosaïque
Flo

[AïmD !]

Chers-chères (autres) lecteurs-trices,


ce commentaire n'est qu'un épisode d'une conversation ardue par courriel. Donc ne vous grattez pas le crâne.

[khoa PhaM]

Bonjour Monsieur,

D'abord, je tiens à saluer la qualité et du bel esprit de partage de votre blog, qui est à classer parmi les "Indispensables". Je me permets de solliciter votre expertise et votre aide pour notre blog qui est consacré à l'art africain : ma "spécialité" est plutôt l'histoire de l'art que l' informatique (en la matière, mon niveau est proche de celui des nuls)
Je suis impressionné par votre menu repliable (à droite de votre blog) et je désire faire exactement la même chose pour notre blog car votre menu permet d'avoir toujours une visibilité "géographique" dans la navigation et de pouvoir visualiser l'ensemble des titres des articles au sein d'une catégorie. Et je suis désespéré de ne pas pouvoir produire la même chose malgré vos excellentes informations.

Notre blog "Pieds nus sur la terre sacrée" (http://www.piedsnussurlaterresacree.com) est aussi un site de partage, de mémoire, et de transmission avec tous, d'un savoir rapporté sur l'art africain, ma démarche est désintéressée, il s'agit d'une approche globale et initiatique sur l'art africain. Nous osons l'ambition de faire via ce blog une petite arche de Noé du savoir. Ce blog, en terme de contenu va dans un proche avenir, contenir à peu près 1000 photos via des diaporamas flash, plus de 500 articles à ventiler dans de nombreuses rubriques et comportant des vidéos et documents sonores, d'où la nécessité d'avoir un bon menu dynamique. C'est pourquoi, lorsque j'ai découvert votre blog, ce fut la Grâce et c'est exactement ce qu'il nous faut !
Je vous invite à regarder notre blog que nous venons de commencer pour votre meilleure appréciation et si vous jugez que cela est faisable, je vous serai extrêmement reconnaissant si vous pouvez nous apporter votre précieux concours.

Pour réaliser ce blog, je travaille avec un conservateur d'art âgé de 83 ans (Simon) qui est l'âme de ce site et moi, je suis son scribe (Khoa) et développeur occasionnel qui ne sait vraiment pas où il met ses pieds dans ce monde impénétrable du "CSS et du Html".

Nos remerciements anticipés.

Khoa et Simon

[Aïe mes doigts !]

Que d'éloges... :) "Indispensable" c'est à voir, "utile" suffirait à mon bonheur.


Le menu qui vous fait si envie est, profondément, un bricolage sur mesures. Il repose sur la superposition au pixel près des modules à animer et d'un module de texte libre qui en contrôle
l'affichage. Les techniques utilisées, si elles sont assez simples prises séparément, sont complexes lorqu'on les combine.


Je crois prudent que vous vous familiarisiez d'abord avec les possibilités du CSS, ce n'est pas aussi terrifiant qu'on l'imagine d'entrée. Le tutoriel du site du Zéro vous tend les bras ! (j'ai
commencé par lui et ne l'ai jamais regretté).


Mettez votre blog en forme, apprenez à modifier son design en vous servant des possibilités de l'admin OB, changez les modules de place, etc. L'article consacré au "biniou" vous semblera alors
moins hermétique, je l'espère.


Mais peut-être parlez-vous des listes d'articles qui apparaissent lorsqu'on survole le lien catégorie ou les mots-clés ? Aaaaaaaaaaalors là... c'est bien pire ! Ce qui explique que je n'aie pas
encore écrit d'article sur la question. Ce système repose sur plusieurs programmes Javascript et finesses de CSS, il impose des choix de configuration du blog, il demande de tenir les listes
d'articles manuellement à jour... je crains sincèrement que ne vous vous y noyiez très vite.


Ce que vous pouvez faire, qui est simple et par quoi j'ai d'ailleurs débuté : en classant les articles du plus ancien au plus récent, le premier article d'une catégorie (celui auquel renvoie le
lien vers la catégorie) sera toujours le même, à savoir le plus ancien. Ce "vieil" article (daté par exemple de l'ouverture du blog) peut parfaitement être une table des matières de la catégorie,
charge à vous de la compléter à chaque nouvel article. Rien que cela donnera déjà du confort à vos lecteurs (et du travail supplémentaire à vous.....). Vous pouvez compléter le dispositif par un
article "plan du blog+explications", ce sera déjà pas mal !