Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Archived] Show hide profile fields



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Hiruko

Hiruko
Punbb Rookie
Punbb Rookie
hello punBB community, nice to mt you Smile

i want to ask,
before i try tutorial about show hide profile fields,
source:
http://www.csshelp.net/t693-show-hide-members-profile-fields-for-all-version

but i have problem,
show hide on my profile nothing hiden.
[Archived] Show hide profile fields GvrxImE

basic html code about show hide prof fieds
Code:
<div class="toggle-trig"><a href="#">Toggle user info</a></div>
                      <div class="user-info">
css
Code:
           .toggle-trig{
  text-align:center;
  margin-bottom: 10px;

}
        .user-info{
  display: none;
}
        .toggle-trig a:hover{
  text-decoration: none;
}
jquery
Code:
       jQuery(document).ready(function(){
        jQuery(".toggle-trig a").click(function () {
              jQuery(this).parent().next().slideToggle("normal");
            return false;
            });
        });
this class about my profile fields.
Code:
<div class="xyz"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div class="id-size"><center> {postrow.displayed.POSTER_NAME}</center></div></strong></span><br />
                    <span class="postdetails poster-profile">
                    <center>
                      <div class="rankdist">{postrow.displayed.RANK_IMAGE}</div><br/><div class="avaborder"><span class="hoveeer">{postrow.displayed.POSTER_AVATAR}</span></div><br /><br />
                      <span class="rankdel">{postrow.displayed.POSTER_RANK_NEW}     </span>
                      
                      <div class="toggle-trig"><a href="#">Toggle user info</a></div>
                      <div class="user-info">
                      
                        <!-- BEGIN profile_field --></center>
                      <span class="profile_field"><span class="fieldddd">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}  {postrow.displayed.profile_field.SEPARATOR}</span>
    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
                                  </div><br />
can you help me to solved this problem?
thanks a lot Smile

my frum
http://budokai.indonesianforum.net/t24-sdfsd#123

Powered by PunBB
Currently 0 users have thanked Hiruko for this post:

2
Offline

  nanako

nanako
Punbb Guru
Punbb Guru
Forum version?

Powered by PunBB
Currently 0 users have thanked nanako for this post:

3
Offline

  Hiruko

Hiruko
Punbb Rookie
Punbb Rookie
My forum phpbb2 version, Smile

Powered by PunBB
Currently 0 users have thanked Hiruko for this post:

4
Offline

  nanako

nanako
Punbb Guru
Punbb Guru
Did you publish it?

Powered by PunBB
Currently 0 users have thanked nanako for this post:

5
Offline

  Shadow

Shadow
Administrator
Administrator
Hopw do you think to hide something, when you added </div> at end of Toggle user info ? You need to put it at end of post count.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

6
Offline

  Hiruko

Hiruko
Punbb Rookie
Punbb Rookie
Nep wrote:Hopw do you think to hide something, when you added </div> at end of Toggle user info ? You need to put it at end of post count.
yeah, i done put </div>  in last tag, like this
Code:
<!-- BEGIN profile_field -->
                      <div class="toggle-trig"><a href="#">Toggle user info</a></div>
                      <div class="user-info">
                      <span class="profile_field"><span class="fieldddd">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}  {postrow.displayed.profile_field.SEPARATOR}</span>
    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}</div>
                                  </span></div><br />
[Archived] Show hide profile fields 7BAb5mt
so error Sad
you can see this
http://budokai.indonesianforum.net/t24-sdfsd#123

why? please help me Smile

mark wrote:Did you publish it?
yes i done publish Smile

Powered by PunBB
Currently 0 users have thanked Hiruko for this post:

7
Offline

  Shadow

Shadow
Administrator
Administrator
You didn't read whole tutorial then, you lack some lines which would make js works, go again and read whole tutorial again where you found it.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

8
Offline

  nanako

nanako
Punbb Guru
Punbb Guru
Ok try to the tutorial again, if you still having the problem then reply Very Happy

Powered by PunBB
Currently 0 users have thanked nanako for this post:

9
Offline

  Hiruko

Hiruko
Punbb Rookie
Punbb Rookie
i done try, but always failed.
I always put a different place, be it </ div> but it always fails.

this basic for class profile field,
start XYZ = {postrow.displayed.U_POST_ID} and finish in {postrow.displayed.POSTER_RPG}
Code:
<div class="xyz"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div class="id-size"><center> {postrow.displayed.POSTER_NAME}</center></div></strong></span><br />
                    <span class="postdetails poster-profile">
                    <center>
                      <div class="rankdist">{postrow.displayed.RANK_IMAGE}</div><br/><div class="avaborder"><span class="hoveeer">{postrow.displayed.POSTER_AVATAR}</span></div><br /><br />
                      <span class="rankdel">{postrow.displayed.POSTER_RANK_NEW}    </span></center>
                                   
                      <!-- BEGIN profile_field -->
                     
                      <span class="profile_field"><span class="fieldddd">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}  {postrow.displayed.profile_field.SEPARATOR}</span>
    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}
                                  </span></div><br />
and i put this code (basic class for show hide profile) in viewtopic body
Code:
<div class="toggle-trig"><a href="#">Toggle user info</a></div>
                                <div class="user-info">
so like this
Code:
<div class="xyz"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div class="id-size"><center> {postrow.displayed.POSTER_NAME}</center></div></strong></span><br />
                    <span class="postdetails poster-profile">
                    <center>
                      <div class="rankdist">{postrow.displayed.RANK_IMAGE}</div><br/><div class="avaborder"><span class="hoveeer">{postrow.displayed.POSTER_AVATAR}</span></div><br /><br />
                      <span class="rankdel">{postrow.displayed.POSTER_RANK_NEW}    </span></center>
                                   
                      <!-- BEGIN profile_field -->
                      <div class="toggle-trig"><a href="#">Toggle user info</a></div>
                                <div class="user-info">
                      <span class="profile_field"><span class="fieldddd">{postrow.displayed.profile_field.LABEL}</span> {postrow.displayed.profile_field.CONTENT}  {postrow.displayed.profile_field.SEPARATOR}</span>
    <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}</div>
                                  </span></div><br />
css
Code:
.toggle-trig{
  text-align:center;
  margin-bottom: 10px;

}
        .user-info{
  display: none;
}
        .toggle-trig a:hover{
  text-decoration: none;
}
JS>in the topics
Code:
jQuery(document).ready(function(){
        jQuery(".toggle-trig a").click(function () {
              jQuery(this).parent().next().slideToggle("normal");
            return false;
            });
        });
but result like this: failed Smile
http://budokai.indonesianforum.net/t24-sdfsd#123

I've read carefully but failed.
I think it failed because I had to replace a few class for profile fields.

-----------

but when i try in other forum , still phpBB2 version, original vietopic_body template , succsesfull, work 100% Smile
you can see this
http://yellowflash.indonesianforum.net/t2-yellow-flash

please help me, thanks a lot Smile


Powered by PunBB
Currently 0 users have thanked Hiruko for this post:

10
Offline

  Shadow

Shadow
Administrator
Administrator
Code:
  <div class="toggle-trig"><a href="#">Toggle user info</a></div>
                                <div class="user-info">
add before
Code:
<!-- BEGIN profile_field -->
Also you have two spans,
Code:
<span class="profile_field"><span class="fieldddd">
it can be problem too.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

11
Offline

  Hiruko

Hiruko
Punbb Rookie
Punbb Rookie
http://budokai.indonesianforum.net/t24-sdfsd#123

i done try, you can see this Smile

still problem, Sad

Powered by PunBB
Currently 0 users have thanked Hiruko for this post:

12
Offline

  Shadow

Shadow
Administrator
Administrator
You have to ask tutorial writer to check again tutorial, i don't have time to rewrite script there can be problems regarding to some other javascript you use in viewtopic.

=> Locked.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

13
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum