Masquer les messages du profil par un bouton

[Froufrou]

Bonjours à tous ! ^^

En modifiant le template viewtopic_body pour diverses raison, je me suis dis que ça serait bien si je pouvais faire en sorte que tout ce qui à sous l'avatar (sexe, message anniversaire etc) soit masquer par un bouton et qu'il faille cliquer dessus pour les afficher, pareil pour les masquer de nouveau. Je ne savais pas trop comment m'y prendre mais j'ai quand même essayer de créer un code, et voilà ou j'en suis :

Code:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><center><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_AVATAR}{postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}</center>

            <!-- BEGIN profile_field -->
<table align="center">
<form>
<tr>
<td><iframe style="width: 100%; display: none; height: 100%;" id="profilbouton" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" src="{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG};"></iframe></td>
<td style="align:top;"><img onclick="document.getElementById('profilbouton').style.display=(this.src==http://i63.servimg.com/u/f63/09/03/12/59/button11.jpg')?'block':'none';this.src=(this.src==http://i63.servimg.com/u/f63/09/03/12/59/button11.jpg')? http://i63.servimg.com/u/f63/09/03/12/59/button12.jpg':' http://i63.servimg.com/u/f63/09/03/12/59/button11.jpg';" src="http://i63.servimg.com/u/f63/09/03/12/59/button11.jpg"></td></tr></form></table>

         </span>

Pour l'instant, ce que j'ai mit dans iframe est bien masqué par le bouton censé demandé de cliquer, mais quand je clique, rien ne ce passe...Voilà un screen de où j'en suis pour que vous compreniez bien :

Spoiler:

Merci d'avance à celui/celle/ceux qui répondront à mon problème,

cordialement,

Froufrou ^^

[Froufrou]

UP ^^

[Froufrou]

Up \o/

[Froufrou]

UP ^^

[Froufrou]

up?

[Sabaku No Temari]

Bonjour,

Je croit que c'est parce que F A a des problèmes avec les spoilers en ce moment .. *-)
Mais c'est à confirmer.

Edit:
Ah,non,j'ai essayer sur le mien,& sa fait pareil O.o

[Froufrou]

D'accord mais mon code n'était pas vraiment un spoiler....Enfin merci quand même de m'avoir répondu ^^

[Sabaku No Temari]

J'ai éditer.
Je vais regarder si je réussi a modifier,ça me fessais pareil avec ma chatbox latéral ^^

[Sabaku No Temari]

Code:

<tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <div onClick="this.firstChild.value=(this.firstChild.value=='See')?'Mask':'See';this.lastChild.style.display=(this.firstChild.value=='See')?'none':'block';" style="text-align: center;"><input type="button" value="See" class="profil1" /><div style="display: none; text-align: left;">
            <!-- 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}
            </div></div>
        </span>

        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width: 150px; height: 1px;" />
      </td>

<input type="button" value="See" class="profil1" />

& css:

Code:

.profil1 {background: #000000;
color: #ffffff;
border: 1px groove #ff0000; margin-bottom: 3px;}

Désolé,c'est tout ce que je peut faire,je sais pas mettre un image :S

[Froufrou]

coucou !!

Merci beaucoup ^^

ca marche très bien et je vais me débrouiller pour les image ^^ encore merci ^^