Masquer partiellement un profil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Masquer partiellement un profil

Message par Farsight le Sam 11 Juin 2011 - 22:52

Bonsoir =)

Cela fait un moment que je réfléchis à ce problème (loin d'être urgent, rassurez-vous). Comment peut-on masquer partiellement un profil avec un bouton ? Je parle de ne masquer que certains champs. Par exemple : masquer les champs prénom, âge, localisation avec un bouton Afficher/Masquer mais laisser afficher en même temps le champ messages. J'ai déjà vu ça sur un forum fort bien codé, mais j'ignore absolument comment je dois m'y prendre. Si je puis me permettre une capture (si le screen gêne pour d'éventuelles raisons de plagiat, je peux le retirer et de même pour le topic, je pourrai laisser tomber).
Actuellement, mon code ressemble à ceci :
Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
             | 
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <center><span class="name" style="text-align:center;"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center>
            <span class="postdetails poster-profile">
            <center>{postrow.displayed.POSTER_RANK}

            {postrow.displayed.POSTER_AVATAR}
</center>

<div div class="profilbouton" onClick="this.firstChild.value=(this.firstChild.value=='C L I Q U E Z')?'M A S Q U E R':'C L I Q U E Z';this.lastChild.style.display=(this.firstChild.value=='C L I Q U E Z')?'none':'block';" style="text-align: center;"><input type="button" value="C L I Q U E Z" class="boutonprofil"/><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 -->
</div></div>
            {postrow.displayed.POSTER_RPG}
         </span>

         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a>

         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}

         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap">
{S_TOPIC_ADMIN}

         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />
            <input type="hidden" name="sid" value="{S_SID}" />
            <span class="gen">{L_MOD_TOOLS}
{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Merci d'avance.


Dernière édition par Farsight le Mar 14 Juin 2011 - 11:16, édité 1 fois

Farsight
Nouveau membre

Messages : 9
Inscrit(e) le : 11/06/2011

http://google.fr
Farsight a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Masquer partiellement un profil

Message par Moka7 le Dim 12 Juin 2011 - 2:54

Bonsoir ^^

Pour ton problème, je pense que la solution est plutôt simple.
Je vois que tu as déjà entré le code dans ton template cependant il comporte une petite erreur :

Code:
<div div class="profilbouton" onClick="this.firstChild.value=(this.firstChild.value=='C L I Q U E Z')?'M A S Q U E R':'C L I Q U E Z';this.lastChild.style.display=(this.firstChild.value=='C L I Q U E Z')?'none':'block';" style="text-align: center;"><input type="button" value="C L I Q U E Z" class="boutonprofil"/><div style="display: none; text-align: left;"><br />  <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
</div></div>

Si tu regardes tout au début de ta balise, elle s'ouvre et marque "<div div" ... hors je pense qu'en retirant un des "div" ton code devrait fonctionner.

Code:
<div class="profilbouton" onClick="this.firstChild.value=(this.firstChild.value=='C L I Q U E Z')?'M A S Q U E R':'C L I Q U E Z';this.lastChild.style.display=(this.firstChild.value=='C L I Q U E Z')?'none':'block';" style="text-align: center;"><input type="button" value="C L I Q U E Z" class="boutonprofil"/><div style="display: none; text-align: left;"><br />  <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
</div></div>


Teste et dis-moi si cela fonctionne, sinon je regarderai à nouveau ton code à tête reposée ^^

Moka7
***

Féminin
Messages : 117
Inscrit(e) le : 18/11/2010

http://gakuen-alice-rp.kikooforum.com/
Moka7 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer partiellement un profil

Message par Farsight le Dim 12 Juin 2011 - 10:36

Awi, erreur de frappe, pardon. Même avec deux div dans une seule balise, mon code fonctionnait. Néanmoins, est-il possible de ne masquer que certains champs dans le profil (feuille de personnage non comprise) ? Comme sur le screen que j'ai fourni.

Farsight
Nouveau membre

Messages : 9
Inscrit(e) le : 11/06/2011

http://google.fr
Farsight a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer partiellement un profil

Message par Moka7 le Dim 12 Juin 2011 - 17:57

Sachant que tout les champs sont résumé à ces balises :

Code:
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

Je doute qu'il y ai moyen de séparer, j'ai tout de même chercher des "balises indépendante" dans les autres templates sans grand succès.

Vis à vis du screen, les champs laisser visible ne serait-il pas dans la feuille de personnage justement ? Ceci expliquerai cela. (vu que tu dois parler des petite pokeball non ?)

Je continue de regarder ça tout de même et je te tiens au courant si je trouve une alternative ^^

PS : Sur le screen, les pokeball correspondent à quel "champs" ?

Moka7
***

Féminin
Messages : 117
Inscrit(e) le : 18/11/2010

http://gakuen-alice-rp.kikooforum.com/
Moka7 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer partiellement un profil

Message par Farsight le Dim 12 Juin 2011 - 20:58

Merci Smile
Logiquement, ça ne pourrait être des pokéball dans la mesure où la feuille de personnage ne permet l'affichage que de trois éléments dans les topics. C'est pourquoi j'ai pensé que c'étaient des champs du profil et non de la feuille de personnage. Mais je ne vois absolument pas comment on peut dissocier les différents champs à partir de la variable.

Les Pokéball seraient des champs Image sans texte (donc de type "Icône"). En l'occurence, il y en aurait six.

Farsight
Nouveau membre

Messages : 9
Inscrit(e) le : 11/06/2011

http://google.fr
Farsight a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer partiellement un profil

Message par SoraNoHime le Dim 12 Juin 2011 - 21:42

bonsoir ,

que voit-on apparaitre actuellement dans le profil de vos messages ?

cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer partiellement un profil

Message par Moka7 le Dim 12 Juin 2011 - 23:03

C'est aussi ce que j'ai pensé, mais tout dépend de la façon dont-elles sont affichée (je veux dire, sur une liste de choix d'image sur la feuille RPG tu peux sur une seule image mettre de une à six pokeball) et donc jouer la dessus ?

Si tu avais l'adresse du forum que tu as cité, je pourrais regarder ça afin de voir de quoi il en retourne et te dire tout ça ^^

Moka7
***

Féminin
Messages : 117
Inscrit(e) le : 18/11/2010

http://gakuen-alice-rp.kikooforum.com/
Moka7 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer partiellement un profil

Message par Farsight le Lun 13 Juin 2011 - 9:29

@ Moka7 : Merci Smile
http://wfwp.forumactif.com/

@ Macema : Bonjour. Tous les champs du profil (feuille de personnage exluse car je ne l'ai pas activée), ce dernier qui peut d'ailleurs être caché entièrement par le bouton "Afficher/Masquer".

Farsight
Nouveau membre

Messages : 9
Inscrit(e) le : 11/06/2011

http://google.fr
Farsight a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer partiellement un profil

Message par SoraNoHime le Lun 13 Juin 2011 - 14:35

Donc, je vous explique ce que vous pouvez séparer dans le profil message :
- l'avatar
- le nom
- le rang texte
- le rang image
- les données
- le RPG

On peut sépare ensuite les données individuellement, à condition de le faire pour toutes en mêmes temps.

Que désiriez-vous exactement dans ce champ (masquer/apparent) ?
Pouvez-vous me fournir votre template viewtopic_body complet ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer partiellement un profil

Message par Farsight le Lun 13 Juin 2011 - 21:32

Mon template complet est dans mon premier post. En revanche, au vu de l'exemple donné, je me demandais si ce que vous appelez « les données » ne pouvaient pas être séparées. Par exemple dans les données, on trouve le nombre de messages, la date d'inscription, et autres champs. Si je veux laisser apparent le nombre de messages (par exemple) mais cacher le reste des « données », est-ce possible ? Comme sur l'exemple que j'ai fourni.

En fait, je me demandais si par hasard, dans l'exemple donné, les Pokéball ne seraient pas un code JavaScript, un i-frame ou je-ne-sais quoi rajouté à la suite du code de Masquer/Afficher. Si on désactive le JavaScript, on voit que les Pokéball n'apparaissent plus sous le bouton "more && more".

Farsight
Nouveau membre

Messages : 9
Inscrit(e) le : 11/06/2011

http://google.fr
Farsight a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Masquer partiellement un profil

Message par SoraNoHime le Lun 13 Juin 2011 - 22:08

Il est impossible de séparer les données (sexe ,messages, date d'inscription ec...) elles se trouvent toutes dans la même balise.

Pour votre deuxième question, je ne connais rien en Javascript. Peut-être quelqu'un de plus calé que moi ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Masquer partiellement un profil

Message par Moka7 le Lun 13 Juin 2011 - 22:16

Pour le forum, j'ai regardé un peu et, les images sont en fait mise dans un cadre indépendant type iframe qui lie une page HTML qu'il semble avoir fait pour chaque membre afin de personnaliser le contenu.
Derrière ça il semble aussi y avoir un script qui renvoie à cette fiche mais, ça n'est pas non plus mon fort donc je ne saurais trop t'expliquer comment ça à été fait ^^"

Mais du coup, pour ce que tu veux faire, ça risque de ne pas te servir ?

Moka7
***

Féminin
Messages : 117
Inscrit(e) le : 18/11/2010

http://gakuen-alice-rp.kikooforum.com/
Moka7 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Masquer partiellement un profil

Message par Farsight le Mar 14 Juin 2011 - 11:11

Je n'y connais rien en JavaScript non plus XD

@ Macema : En effet, merci.

@ Moka7 : C'était bien ce qu'il me semblait (merci Firebug). Merci quand même =)

Bah, dans ce que je veux faire, ce serait la même chose mais avec un champ de texte à la place des Pokéballs. Mais à la limite, je n'en ai pas tellement besoin. C'était plutôt une question par simple curiosité =) Merci beaucoup à vous deux ♥

Farsight
Nouveau membre

Messages : 9
Inscrit(e) le : 11/06/2011

http://google.fr
Farsight a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum