Rubrique : Javascript

Lundi 20 Aout 2007

Faire un lien "Lire la suite..."

Par Jacky, Lundi 20 Aout 2007 à 06:51 GMT+2 dans Javascript

Voici un script qui vous permet de faire un "Lire la suite" directement dans vos articles.

Lire la suite…

Tout d'abord aller dans votre feuille de style CSS et dans /* Contenu: style des articles,

introduisez ces attributs:

.cacher {display:none;}

.montrer {display:block;}

a.cacher, a.montrer {margin-left: 0em; font-style:italic; font-size:14px;}

Ensuite faites un copier-coller du script et introduisez-le dans votre article en mode HTML

et changez seulement le texte en gras.

<p>votre texte principal</p>

<a id="escamotable_afficher" href="#escamotable" class=".a:montrer"

onclick="document.getElementById('escamotable').className = 'montrer';

this.style.display = 'none';

return false;"><ins>Lire la suite…</ins></a>

<p>votre texte caché</p>

<a href="#escamotable_afficher" class=".a:cacher"

onclick="document.getElementById('escamotable').className = 'cacher';

document.getElementById('escamotable_afficher').style.display = 'inline';

return true;"><ins>retour...</ins></a></div>

Pour imbriquer plusieurs "Lire la suite...", faite juste un copier-coller du code et changez le nom "escamotable" par un autre nom.