Afficher/masquer le profil en image

[Cædes]

Bonjour bonjour !

J'ai installé il y a quelques temps, le code JS pour afficher/masquer le profil, dans le template viewtopic_body.

Code:

<div onClick="this.firstChild.value=(this.firstChild.value=='afficher')?'masquer':'afficher';this.lastChild.style.display=(this.firstChild.value=='afficher')?'none':'block';" style="text-align: center;"><input type="button" value="afficher"/><div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}</div></div>

et j'aimerai changer le "afficher" et "masquer" très simple et basique, par une image comme sur ce forum. J'ai beau ajouter un url d'image (simplement ou en ajoutant du html), ça ne fonctionne pas.

Quelqu'un aurait la solution ou une explication ?
Merci d'avance =D
Deadyth

[Cædes]

Un petit Up, des fois que quelqu'un ait la solution à ce petit problème que je rencontre =D merci d'avance !

[Cædes]

Le up du soir =)

[Cædes]

Nouveau petit Up, je tiens beaucoup à connaitre cette astuce =)

[Cædes]

Up du soir, bonsoir =)

[Arlem]

Salut

Est-ce que ça fonctionnerait comme ça ?

Code:

          <div onClick="this.firstChild.value=(this.firstChild.value=='afficher')?'masquer':'afficher';this.lastChild.style.display=(this.firstChild.value=='afficher')?'none':'block';" style="text-align: center;"><input type="image" src="http://www.crosslog.com/squelettes/img/bouton%20plus.png" value="afficher"/><div style="display: none; text-align: left;">{postrow.displayed.POSTER_RPG}</div>

En remplaçant http://www.crosslog.com/squelettes/img/bouton%20plus.png par l'adresse de l'image que tu veux.

[Cædes]

Merci de t'être penché sur ma question Hinus ! C'est parfait =)
J'ai une question encore, est-ce qu'il est possible que l'image change quand les informations s'affichent ? D'avoir donc une image pour "afficher" et une autre pour "masquer" ?
Encore merci =)

[Cædes]

Et hop, pour ne pas qu'on m'oublie =)

[Arlem]

Voilà un code donné par Kiriii dans un autre topic :

Code:

<div onClick="this.firstChild.src=(this.firstChild.src=='http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png')?'http://i29.servimg.com/u/f29/14/59/60/98/bouton11.png':'http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png';this.lastChild.style.display=(this.firstChild.src=='http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="http://i29.servimg.com/u/f29/14/59/60/98/bouton10.png"/><div style="display: none; text-align: left;"><span style="white-space:nowrap;">
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}</span></div></div>

Pour l'adapter il faut que tu remplaces "'https://i.servimg.com/u/f29/14/59/60/98/bouton10.png" par l'adresse de ton image afficher et "'https://i.servimg.com/u/f29/14/59/60/98/bouton11.png" par l'adresse de ton image cacher.

[Cædes]

C'est parfait ! Merci beaucoup Hinus !

Problème résolu