Cadre comme un spoiler

Fermé
yooyoo12 Messages postés 308 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 28 janvier 2014 - 28 mars 2009 à 15:39
yooyoo12 Messages postés 308 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 28 janvier 2014 - 18 avril 2009 à 22:34
Bonjour,
depuis ce matin je me bas avec mon script, je souhaite avoir un cadre (qui auras un style via css)
avec un signe + et - a sa droite, lorsqu'on clique sur le "+" ce cadre se déroulerai vers le bas, affichant ce qui été cacher. et lorsque on clique sur le "-" on re-cache tout le contenue.
j'ai telecharger des script de spoilers, mais je n'arrive pas à les intégré :S


merci beaucoup

11 réponses

le hollandais volant Messages postés 4963 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 31 octobre 2019 1 053
28 mars 2009 à 16:25
salut!
j'ai voulu la même chose il n'y a pas si longtemps. J'ai trouvé ceci (je ne sait plus où, désolé) :
<table classe="spoiler" style=border="0" width="100%">
<tbody>
<tr>
<td>
<div style="margin: 5px 10px 10px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>spoiler</b> <input style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" 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 = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Afficher'; }" type="button" value="Afficher"></div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 2px;">
<div style="display: none;">
<div><br>votre texte ici<br></div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>


on peut personnaliser le "afficher" et "cacher".
0
yooyoo12 Messages postés 308 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 28 janvier 2014 18
4 avril 2009 à 01:16
merci, c'est presque cela, je vais essailler de voir si je peut pas remplacer le gros bouton par des images et mettre le cadre noir.
0
yooyoo12 Messages postés 308 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 28 janvier 2014 18
6 avril 2009 à 10:58
salut, c'est re-moi, en fait ce que je souhaite faire serait exactement ceci:
lorsque c'est fermer (avec le signe cotée) => https://imageshack.com/
lorsque c'est ouvert (avec le signe moins a cotée) => https://imageshack.com/
0
le hollandais volant Messages postés 4963 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 31 octobre 2019 1 053
6 avril 2009 à 13:50
Je vais voir ce que je peux faire...

Mais cette capture d'écran vient t-elle d'une page web? Car dans ce cas, on peut regarder dans le code source de la page?
Peux tu alors me passer le lien?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
yooyoo12 Messages postés 308 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 28 janvier 2014 18
6 avril 2009 à 16:39
non j'ai fait sa avec photoshop :]
j'ai fait une impression d' écran d'un morceaux de ma page, et coller dessous.
et après un petit cadre noir avec les signe + et -

vive le bidouillage!!!
0
le hollandais volant Messages postés 4963 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 31 octobre 2019 1 053
6 avril 2009 à 17:49
ok!

voilà

J'ai fais ce que j'ai pu, mais je n'arrive vraiment pas à mettre le petit bouton à droite dans le noir...

Lorsque tu prendra le code, prends aussi les codes CSS dans "Head" du html.
0
yooyoo12 Messages postés 308 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 28 janvier 2014 18
6 avril 2009 à 20:50
ahh merci beaucoup, mais pour le botton "+", tu n'est pas obliger de le faire en boutton, il peut être aussi en image (si sa facilite les choses)
0
le hollandais volant Messages postés 4963 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 31 octobre 2019 1 053
7 avril 2009 à 12:53
J'ai éssayé, mais au contraire, ca ne me facilite pas les choses...

En fait, le code que je t'ai passé lors du premier poste, je l'avais pris sur le net... Je n'ai fait que travaillé l'apparence. J'aurais été incapable de trouver ce scripte moi même, même si en l'étudiant, j'arrive à me repérrer...

Je vais voir si je peux mettre une image... mais ce n'est pas sur...


Aussi, y'a bien une solution pour mettre le bouton à droite, mais ce ne sera pas stable : le bouton changera de place suivant le navigateur internet, et même suivant la police d'écran par défaut sur chaque ordinateur... C'est donc vivement déconseillé...

Pour l'instant, niveau HTML, il est au normes W3C.
0
yooyoo12 Messages postés 308 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 28 janvier 2014 18
7 avril 2009 à 15:01
ok.
a la rigueur si l'image ne passe pas, une petite reduction du bouton serait plutôt pas mal aussi, mais l'image me plairaît mieux.
et après faut voir la position de l'image a driote qui semble un peu dur :/
0
yooyoo12 Messages postés 308 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 28 janvier 2014 18
16 avril 2009 à 12:48
up
0
yooyoo12 Messages postés 308 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 28 janvier 2014 18
18 avril 2009 à 22:34
Up
0