Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
24 novembre 2009 2 24 /11 /novembre /2009 12:00

C'est quoi, un 'topicTitle' ? Ouvrez cette page du blog. Il s'agit d'une page  de catégorie , une liste d'extraits d'articles. En haut à droite de la page se trouve un rappel du nom de la catégorie :  La gadgetière . Ce rappel est un élément h2 de classe topicTitle, voilà qui explique le titre de l'article.

Bien. Au début j'ai râlé contre cette évolution surgie de nulle part, ensuite j'ai trouvé le moyen d'en tirer parti, pour finir je me suis demandé pourquoi on ne la trouvait pas ailleurs dans le blog. Alors, en attendant qu'OB le fasse un jour, je me suis chargé du boulot.

Regardez cette page d'archive ou cette page de la liste complète et vous y trouverez un titre analogue, à la même place. Regardez leur code source et vous ne trouverez ce titre nulle part. Magie !

Voilà donc ce que fait le programme du jour : fabriquer de toutes pièces un élément nouveau et l'insérer dans la page.

Il est possible qu'il vous rende service tel qu'il est : tant mieux. Si la programmation en JS vous tente, et même si vous ne prévoyez pas d'utiliser ce programme, lisez sa dissection : ce programme est simple et les techniques utilisées peuvent servir à faire un tas de choses.

Installation

À faire une fois pour toutes : si votre module des articles n'a pas encore d'identifiant, donnez-lui en un, de préférence lesArticles (comment fait-on ?). S'il en a déjà un vous devrez retoucher le programme JS (pas dur !). Si configuration avancée, donnez cet identifiant en "Articles". Inutile en "Accueil", cependant je vous le conseille : ça peut toujours servir.

Ensuite :

  1. Cliquez sur le bouton et sauvegardez le fichier sur votre ordinateur.
  2. Si l'identifiant de votre module des articles n'est pas lesArticles, utilisez le bloc-notes ou un éditeur de texte (évitez Word) pour écrire votre identifiant à l'endroit indiqué dans le programme.
  3. Ensuite stockez ce programme dans l'espace  Mes Documents/Autres fichiers  de votre admin de blog.
  4. Enfin, ajoutez une ligne au pied de page du blog :
     <script type="text/javascript" src="URL_du_programme"></script> 

Remplacez bien sûr URL_du_programme par l'url effective du fichier. Et c'est fini.

Utilisation

Il y aura un h2 de classe topicTitle dans les pages d'archives et dans la liste complète des articles, exactement au même endroit que celui qu'écrit OB dans les pages de catégorie. Si votre CSS contient h2.topicTitle {display:none}, il est temps de vous mettre au travail !


Démontage

Le présent article vous fournit le programme et son mode d'emploi. Son article jumeau démonte entièrement le programme si vous voulez comprendre comment il marche (lecture totalement facultative mais espérée intéressante !).

Mises à jour

  • Novembre 2009 : 1ère publication
  • Mai 2012 : simplification du programme, mise à disposition du programme sous forme téléchargeable, révision de l'article, réécriture de la  dissection  du programme et report dans un article séparé.
par Aïe mes doigts ! - dans La gadgetière
commenter cet article

commentaires

Archives