Cadre comme un spoiler
yooyoo12
Messages postés
337
Statut
Membre
-
yooyoo12 Messages postés 337 Statut Membre -
yooyoo12 Messages postés 337 Statut Membre -
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
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
A voir également:
- Cadre comme un spoiler
- Spoiler imprimante - Guide
- Comment faire un cadre sur word - Guide
- Illustrator cadre de sélection disparu ✓ - Forum Illustrator
- Problème cadre frameo - Forum Photo numérique
- Probleme d'affichage cadre photo numerique - Forum Graphisme
11 réponses
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é) :
on peut personnaliser le "afficher" et "cacher".
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".
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.
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/
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/
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?
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?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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!!!
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!!!
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.
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.
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)
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.
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.
