04 juillet 2008
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
et à la fin du message :
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..
- Commentaires
ça marche, oui mais...
inexplicablement, la suite du texte lorsqu'on clique sur Lire la suite, s'affiche en caractères gras ! j'ai essayé de supprimer ça en ajoutant les marqueurs avant le texte, mais ça n'a pas fonctionné. Et impossible de trouver le marqueur responsable de ça dans le html... Je suis sur mac et utilise Firefox. c quoi le bug, l'erreur, la fausse manip ???
yeah!!!
Merci Alérion pour ta réponse - c normal que tu n'aies rien vu, j'avais supprimé le code après avoir constaté que le texte était graissé... je viens de réessayer, figure-toi, et cette fois ça a marché ! la suite du texte est normale !!! La seule différence c'est qu'aujourd'hui avant d'insérer le code, j'ai supprimé tous les retours à la ligne dans la suite du texte... apparemment ça a eu une incidence ??? les joies et mystères du html :) merci pour ce tuto en tout cas, cette fonction est hyper pratique !
Problème de gras aussi
Bonjour à toi, d'abord merci pour tes tutos, j'ai bien aimé m'amuser un peu avec mon blog !
Je suis ennuyée car j'ai testé ton astuce proposée ici, et autant pour le premier article testé, nickel :
:url:chezmaud.canalblog.com/archives/2009/04/07/12850667.html
Autant pour les articles suivants, j'ai le même problème que Jo_siane, la suite est en gras ! Mais je n'arrive pas à y trouver une explication. Bon ma connaissance html est minime, je me dépatouille du mieux que je peux... Connais-tu une solution à ce problème ? Voilà les deux articles en question :
[URL]:url:chezmaud.canalblog.com/archives/2009/04/07/13295519.html[NAME]CLIC[/URL]
[URL]:url:chezmaud.canalblog.com/archives/2009/04/07/13295519.html[NAME]CLIC[/URL]
(dans ce dernier, j'ai testé de placer le code après le titre qui est en gras (et donc après le </strong>) mais ça ne change rien [Triste ouin]
Un tout grand merci si tu arrives à y voir clair, car j'adore vraiment beaucoup cette fonction (suis une grande parlotte aussi [:s])Merci
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...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-->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-->Ne fonctionne plus...
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 !
Cela a failli marcher
Bonjour,
Pour l'essentiel cela fonctionne, sauf que ... lorsque je clique sur "Lire la suite", cela me renvoie systématiquement au dernier message posté ???
Quel est l'oubli ?