Balise Spoiler
Tna-Fr


Site/blog

50 messages

posté le 2011-03-14 à 10:56:29

Bonjour, je voudrais suggerer d'ajouter la "Spoiler".
Cacher un texte par un petit bouton, et cliquer sur "Afficher le spoiler" afin de montrer le texte.


Un exemple : [lien]
Administrateur de
Http://Tna-Fr.Blog4Ever.Com
Http://Wwe-Fr.Blog4Ever.Com
PapyClic


Site/blog

7329 messages

posté le 2011-03-14 à 11:30:09



Il faut préciser que ce sont des balises en BBcode pour forum.
[spoiler][/spoiler]

En HTML j'ai fait un tuto sur cette fonction, très facile à faire [lien]

Bonne journée

simon


Site/blog

3176 messages

posté le 2011-03-14 à 16:23:48


Tna-Fr


J'ai trouvé un article et je l'ai mis dans mon blog : [lien]
Le code spoiler avec "afficher" "masquer"

Je me suis servi de ce code:[quote] <div style="margin:20px; margin-top:5px"><div class="quotetitle"><strong>Spoiler :</strong> {TEXT1} : <input type="button" value="Afficher" style="width:60px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Masquer'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" /></div><div class="quotecontent"><div style="display: none;">{écrire son texte caché ici }</div></div></div>[/quote]

j'ai aussi mis en place ton code qui fonctionne très bien:[lien]

Je compte sur toi pour me donner ton avis.

Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



Nana


Site/blog

20952 messages

posté le 2011-03-14 à 17:54:27

tout le monde

J'ai déjà donné ce code ici [lien]

Tna-Fr c'est malheureux que les gens ne se donnent pas la peine de rechercher dans la barre réservée à cet effet, çà éviterait des pertes de temps pour tout le monde.

Si tu avais tapé "spoiler" dans la recherche tu aurais eu des réponses.
simon


Site/blog

3176 messages

posté le 2011-03-14 à 21:40:54



Je n'ai pas eu ce reflex de mettre "spoiler" dans la recherche mais j'ai mis un article avec le code: [lien]


Dire que j'ai cherché sur le net alors que j'avais la solution ici.


Exemple de la balise spoiler pour faire un questionnaire: [lien]


Cent fois sur le métier remets ton ouvrage...
...Car c'est en forgeant qu'on devient forgeron



Ce sujet est fermé, vous ne pouvez pas y répondre

Il faut être membre de ce forum pour ajouter un nouveau sujet ou répondre à un sujet, dans cette catégorie



Cliquez sur la carte :
dashboard ===> Nombre d'utilisateurs en ligne===> Nombre de personnes sur chaque page
lecteurs ===> Une liste des pages les plus consultées, avec le nombre de visiteur sur chaque page.
cartes ===>Le mode normal vous montre d'où viennent les visiteurs. Les cibles clignotent pour les personnes qui viennent de se connecter.
Historique :
lines => 24 h day ===>Un graphique des visiteurs durant les dernières 24 heures.

Recommander ce blog | Contacter l'auteur | Signaler un contenu | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs