Lire la suite

bonjour
mettre un "lire la suite" en mode normal, dans son billet..
d'abord faire comme moi: rédigez normalement votre message

ensuite passer par le bouton HTML "<>" pour accéder aux codes du message et y insérer à partir du texte du billet que vous voulez cacher
<h4 id="cacher01" style="display:none"> <a name="#cacher01"></a>

et à la fin du message :
</h4> <a href="#cacher01" onclick="javascript:document.getElementById('cacher01').style.display = 'block'; javascript:this.style.display = 'none';">Lire la suite...</a>

voilà c'est aussi simple que cela, observations quand même:
- à 'cacher01' , mettre autant de numéro que de billets ('cacher02"' .. 'cacher299' ou le debut du titre du billet), sinon ça va planter, il ne peut y avoir référence qu'à une seule id, pas à plusieurs,
donc changer à h4 id= et getElementById
si vous éditez pour une raison quelqu'onque, ou si vous "publiez" en passant par le mode "wysiwyg" , le code http://www.canalblog.com/cf/my/ sera rajoute au #cacher01 du href, donc ça ne fonctionnera pas, à supprimer avant toute publication

ensuite et bien... "Lire la suite..."

Voilà bien un truc qui peut vous être utile..

Comments

[Myrdiin]

Bonjour et merci pour ce tuto qui m'a bien servi.
Je rencontre aujourd'hui un petit souci (en fait ça fait un bout de temps, mais j'aimerai vraiment pouvoir réutiliser ce "lire la suite".

Lorsque je veux éditer mon texte en mode HTML, ça me l'ouvre dans une autre fenêtre. J'insère les codes, je remplace les cacher01 par le titre de mon post, bref comme je faisais au début, et je clique sur "Mettre à jour".

Le lien "Lire la suite" s'affiche en bas du texte complet, et ne link vers rien du tout. Quand je retourne en mode HTML pour voir le code, il n'est plus du tout comme inséré (par ex, la balise h4 est fermée dès la première ligne de code, et non plus en bas du texte à cacher).

Est-ce dû à une évolution du site ? Existe-t-il une solution ?

Merci par avance !

[EsToiLe]

OOOOOOuh làlàlàlà , me voilà par ici pour comprendre mais pour l'instant c'est un langage inconnu ... va falloir que j'étudie cela de plus près [Casse-tete]... merci en tous cas de vos précieux conseils ...[olleeee]

[Fabricio]

pour ceux qui interessent ça donne

<h4 id="cacher01" style="display:none">
<a name="#cacher01"> le texte à taper ici
<-- la partie pour cacher le texte avec le display block du lire la suite-->
<p><a onclick="javascript:document.getElementById('cacher01').style.display = 'none'; javascript:this.style.display = 'block';
javascript:document.getElementById('test').style.display = 'block';"
href="#cacher01" style="color: red; font-size: 14px">Cacher le texte</a></p>
</a></h4>
<a id="test" onclick="javascript:document.getElementById('cacher01').style.display = 'block'; javascript:this.style.display = 'none';" href="#cacher01" style="color: red; font-size: 14px">Lire la suite...</a>
<-- fin du code mais pas oublier de mettre une id dans la balise id="test" du lire la suite pour permettre de le faire reapparaitre-->

[Fabricio]

pour ceux qui interessent ça donne

<h4 id="cacher01" style="display:none">
<a name="#cacher01"> le texte à taper ici
<-- la partie pour cacher le texte avec le display block du lire la suite-->
<p><a onclick="javascript:document.getElementById('cacher01').style.display = 'none'; javascript:this.style.display = 'block';
javascript:document.getElementById('test').style.display = 'block';"
href="#cacher01" style="color: red; font-size: 14px">Cacher le texte</a></p>
</a></h4>
<a id="test" onclick="javascript:document.getElementById('cacher01').style.display = 'block'; javascript:this.style.display = 'none';" href="#cacher01" style="color: red; font-size: 14px">Lire la suite...</a>
<-- fin du code mais pas oublier de mettre une id dans la balise id="test" du lire la suite pour permettre de le faire reapparaitre-->

[Fabricio]

Merci ça a bien servi dans mon site [URL]:url:www.louishdb.fr[NAME]Huiles essentielles[/URL]

J ai ajouté dans le code une partie pour cacher à nouveau le texte.
ce qui n a pas été dur, mais le problème c'est que lire suite restait en display none mais dans le code de cacher texte j ai ajouté un display block ave cune id dans la balise du "lire la suite" pour qu il reaparaisse à nouveau.
Merci bien...