The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Problem with memberlist

View previous topic View next topic Go down

Problem with memberlist

Post by darki on July 18th 2015, 1:38 pm

Hi,

I have a problem with my memberlist (it's not the original template):
Spoiler:
Code:
    <!-- SEARCH FORM -->
<h1 class="ipsType_pagetitle"><strong>Mitglieder des Schiggysboard</strong></h1>
    <!-- BEGIN switch_pagination -->
    <div class="paged-head clearfix">
      <p class="paging">{PAGINATION}</p>
    </div>
    <!-- END switch_pagination -->

    <div class="ipsBox ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_tinyleft clearfix">
      <div id="mlist_tabs" class="ipsVerticalTabbed_tabs ipsVerticalTabbed_minitabs ipsLayout_left">
          <ul>
            <li class="tab_toggle active"><a title="Alle Mitglieder anzeigen" href="0">Alle</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit A" href="a">A</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit B" href="b">B</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit C" href="c">C</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit D" href="d">D</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit E" href="e">E</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit F" href="f">F</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit G" href="g">G</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit H" href="h">H</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit I" href="i">I</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit J" href="j">J</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit K" href="k">K</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit L" href="l">L</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit M" href="m">M</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit N" href="n">N</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit O" href="o">O</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit P" href="p">P</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit Q" href="q">Q</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit R" href="r">R</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit S" href="s">S</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit T" href="t">T</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit U" href="u">U</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit V" href="v">V</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit W" href="w">W</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit X" href="x">X</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit Y" href="y">Y</a></li>
            <li class="tab_toggle"><a title="Username beginnt mit Z" href="z">Z</a></li>
          </ul>
      </div>
      <div class="ipsVerticalTabbed_content ipsLayout_content">
          <div class="maintitle ipsFilterbar clear clearfix">
            <ul class="ipsList_inline left">
                <li class="tab_toggle_horizontal active">
                  <a title="Nach Usernamen sortieren" href="userName">Name</a>
                </li>
                <li class="tab_toggle_horizontal">
                  <a title="Nach Beiträgen sortieren" href="posts">Beiträge</a>
                </li>
                <li class="tab_toggle_horizontal">
                  <a title="Nach dem Registrierungsdatum sortieren" href="joined">Registrierungsdatum</a>
                </li>
            </ul>
          </div>
          <div id="mlist_content" class="ipsBox_container ipsPad" style="min-height: 769px;">           
<center>             
              <form action="{S_MODE_ACTION}" method="get">
   <div class="inner"><span class="corners-top"><span></span></span>
   <h2 class="h3">{L_ORDER_OR_SELECT}</h2>
   <p style="margin-top: 0; padding: 0; background-color: #FFF;">
      {L_USER_SELECT}&nbsp;<input type="text" class="inputbox tiny" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      {L_SELECT_SORT_METHOD}&nbsp;{S_MODE_SELECT}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      {L_ORDER}&nbsp;{S_ORDER_SELECT}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      {S_HIDDEN_SID}
      <input class="button2" type="submit" name="submit" value="{L_SUBMIT}" />
   </p>
   <span class="corners-bottom"><span></span></span></div>                 
</form>
  </center>
            <ul class="ipsMemberList">
                <!-- BEGIN memberrow -->
                <li class="ipsPad clearfix member_entry row1" id="member_id_">
        <a class="ipsUserPhotoLink left" title="Profil anschauen" href="{memberrow.U_VIEWPROFILE}">
                      {memberrow.AVATAR_IMG}
                      <!--<img class="ipsUserPhoto ipsUserPhoto_medium" alt="- foto" src="">-->
          </a>
                  <div class="ipsBox_withphoto">
                      <ul class="ipsList_inline right">
                        <li><a class="ipsButton_secondary" href="{memberrow.U_VIEWPROFILE}">Profil anschauen</a></li>
                      </ul>
                      <h3 class="ipsType_subtitle">
                        <strong><a title="Profil anschauen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></strong>
                      </h3>
                      <span class="desc">
                        Registrierungsdatum: {memberrow.JOINED}
                        <br>
                          Letzter Besuch: {memberrow.LASTVISIT}                     
                          <br>
                            Lieblingsedition: {memberrow.INTERESTS}
                            <br>
                              {memberrow.POSTS} Beiträge
                      </span>
                  </div>
                </li>
                <!-- END memberrow -->                   
                <!-- BEGIN switch_no_user -->
                <li colspan="{switch_no_user.COLSPAN_NUMBER}" class="no_messages">Keine Resultate gefunden...</li>
                    <!-- END switch_no_user -->
            </ul>
          </div>
      </div>
    </div>
          <div class="main-foot">
          </div>
    <!-- BEGIN switch_pagination -->
      <div class="paged-foot clearfix">
          <p style="float: right; font-size: 11px; color: #848484;">JScript modify. Thank you!</p>
      </div>
      <!-- END switch_pagination -->
   
    <script type="text/javascript">
      //<![CDATA[
      $(document).ready(function(){
          $(".tab_toggle:first").addClass("active").show();
          $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");

          $(".tab_toggle_horizontal").click(function(){
            $(".tab_toggle_horizontal").removeClass("active");

            $(this).addClass("active");

            var activeTab = $(this).find("a").attr("href");
            $(activeTab).fadeIn();

            switch (activeTab)
                {
                case 'userName':
                  $("#mlist_content").load("/memberlist?mode=username&order=DESC&submit=Ok&username .ipsMemberList", function() {
                      $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
                  });
                  break;
                case 'posts':
                  $("#mlist_content").load("/memberlist?mode=posts&order=DESC&submit=Ok&username .ipsMemberList", function() {
                      $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
                  });
                  break;
                case 'joined':
                  $("#mlist_content").load("/memberlist?mode=joined&order=DESC&submit=Ok&username .ipsMemberList", function() {
                      $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
                  });
                  break;
            }
            return false;
          });

          $(".tab_toggle").click(function(){
            $(".tab_toggle").removeClass("active");

            $(this).addClass("active");

            var activeTab = $(this).find("a").attr("href");
            $(activeTab).fadeIn();

            switch (activeTab)
                {
                case '0':
                  $("#mlist_content").load("/memberlist .ipsMemberList", function() {
                      $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
                  });
                  break;
                default:
                  $("#mlist_content").load("/memberlist?mode=username&order&submit=Ok&username="+activeTab+" .ipsMemberList", function() {
                      $('.ipsUserPhotoLink.left img').addClass("ipsUserPhoto ipsUserPhoto_medium");
                  });
            }
            return false;
          });
      });
      //]]>
    </script>

    <style type="text/css">
    .maintitle a {
        color: #FFFFFF;
    }
    .pun .paged-head {
    margin-left: -15px;
    }
    .clear {
        clear: both;
        height: auto !important;
    }
    .no_messages {
        background-color: #F6F8FA;
        color: #1C91D9;
        padding: 15px 10px;
    }
    #mlist_tabs {
        margin-top: 35px;
    }
    #mlist_tabs li a {
        padding: 5px 8px;
    }
    #mlist_tabs li {
        text-align: center;
    }
    .ipsVerticalTabbed_tabs li a {
        color: #1C91D9;
        display: block;
        outline: 0 none;
        padding: 10px 8px;
        transition: background-color 0.3s ease-in-out 0s;
    }
    .ipsVerticalTabbed_content {
        min-height: 400px;
    }
    .ipsVerticalTabbed_tabs > ul {
        border-left: 1px solid #DBE4EF;
        border-top: 1px solid #DBE4EF;
        margin-top: 10px;
        width: 149px !important;
    }
    .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul {
        width: 49px !important;
    }
    .ipsVerticalTabbed_tabs li {
        background: none repeat scroll 0 0 #F6F8FB;
        border-bottom: 1px solid #DBE4EF;
        color: #808080;
        font-size: 13px;
    }
    .ipsVerticalTabbed_tabs li a {
        color: #316897;
        display: block;
        outline: 0 none;
        padding: 10px 8px;
        transition: background-color 0.3s ease-in-out 0s;
    }
    .ipsVerticalTabbed_tabs li a:hover {
        background: none repeat scroll 0 0 #EAEFF5;
        color: #808080;
    }
    .ipsVerticalTabbed_tabs li.active a {
        background: none repeat scroll 0 0 #FFFFFF;
        border-right: 1px solid #FFFFFF;
        color: #353535;
        font-weight: bold;
        position: relative;
        width: 135px;
        z-index: 8000;
    }
    .ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
        width: 32px;
    }
    .ipsLayout_tinyleft.ipsLayout .ipsLayout_left {
        margin-left: -50px;
        width: 40px;
    }
    .ipsLayout .ipsLayout_left {
        float: left !important;
        margin-left: -210px;
        width: 200px;
    }
    .ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right {
        position: relative;
    }
    .ipsLayout_content {
        float: left;
        width: 100%;
    }
    .ipsType_pagetitle, .ipsType_subtitle {
        color: #323232;
        font: 300 26px/1.3 Helvetica,Arial,sans-serif;
    }
    .ipsType_subtitle {
        font-size: 18px !important;
    }
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }
    .ipsBox.ipsLayout_tinyleft.ipsLayout_withleft {
        padding-left: 60px;
    }
    .ipsBox {
        background: none repeat scroll 0 0 #A0D1E8;
    }
    .maintitle {
        background: url("http://www.autoitbrasil.com/public/style_images/master/maintitle.png") repeat-x scroll center top #1C91D9;
        border-color: #316897;
        border-radius: 4px 4px 0 0;
        border-style: solid;
        border-width: 1px 1px 0;
        box-shadow: 0 1px 0 #528CBC inset;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 300;
        padding: 10px 10px 11px;
    }
    .left {
        float: left;
    }
    ol, ul {
        list-style: none outside none;
    }
    .ipsList_inline > li:first-child {
        margin-left: 0;
    }
    .ipsList_inline > li:last-child {
        margin-right: 0;
    }
    .ipsList_inline > li {
        display: inline-block;
        margin: 0 3px;
    }
    .ipsFilterbar li {
        font-size: 11px;
        margin: 0 15px 0 0;
    }
    .ipsFilterbar li a {
        color: #FFFFFF !important;
        opacity: 0.5;
        text-shadow: 0 1px 0 #0D273E;
        transition: all 0.3s ease-in-out 0s;
    }
    .ipsFilterbar.bar.altbar li a {
        color: #1C91D9;
        opacity: 0.8 !important;
        text-shadow: none;
    }
    .ipsFilterbar:hover li a {
        opacity: 0.8 !important;
    }
    .ipsFilterbar li a:hover {
        color: #FFFFFF !important;
        opacity: 1 !important;
    }
    .ipsFilterbar li img {
        margin-top: -3px;
    }
    .ipsFilterbar li.active {
        opacity: 1;
    }
    .ipsFilterbar li.active a, .ipsFilterbar.bar.altbar li.active a {
        background: none repeat scroll 0 0 #1C91D9;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
        color: ##FFFFFF !important;
        font-weight: bold;
        opacity: 1;
        padding: 4px 10px;
    }
    .ipsBox_container {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #DBE4EF;
    }
    .ipsBox, .ipsPad {
        padding: 9px;
    }
    .row1, .post_block.row1 {
        background-color: #FFFFFF;
    }
    .row2, .post_block.row2 {
        background-color: #F1F6F9;
    }
    .ipsUserPhoto_medium {
        height: 50px;
        width: 50px;
    }
    .ipsUserPhoto {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #D5D5D5 !important
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
        padding: 1px;
    }
    .ipsUserPhotoLink:hover .ipsUserPhoto {
        border-color: #7D7D7D !important;
    }
    .ipsUserPhoto:hover{
        border-color: #7D7D7D !important;
    }
    .ipsBox_withphoto {
        margin-left: 65px;
    }
    .right {
        float: right;
    }
    .ipsMemberList > li .ipsButton_secondary {
        margin-top: 15px;
    }
    .ipsMemberList .ipsButton_secondary {
        opacity: 0.3;
    }
    .ipsButton_secondary {
        background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
        border: 1px solid #DBDBDB;
        border-radius: 3px 3px 3px 3px;
        box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
        color: #616161;
        display: inline-block;
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        padding: 0 10px;
        transition: all 0.2s ease-in-out 0s;
        white-space: nowrap;
    }
    .ipsMemberList li:hover .ipsButton_secondary, .ipsMemberList tr:hover .ipsButton_secondary {
        opacity: 1;
    }
    .ipsButton_secondary:hover {
        border-color: #9A9A9A;
        color: #4C4C4C;
    }
    .ipsMemberList li .reputation {
        margin: 5px 10px 0 0;
    }
    .reputation.zero {
        background: none repeat scroll 0 0 #DEDEDE;
        color: #6E6E6E;
    }
    .reputation.positive, .reputation.negative {
        color: #FFFFFF;
    }
    .reputation.positive, .members li.positive {
        background: none repeat scroll 0 0 #6F8F52;
    }
    .reputation {
        border-radius: 3px 3px 3px 3px;
        display: inline-block;
        font-weight: bold;
        padding: 3px 8px;
    }
    .positive {
        color: #6F8F52;
    }
    .ipsType_small {
        font-size: 12px;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #777777;
        font-size: 12px;
    }
    .desc {
    margin-left: 0 !important;
    }
    -->
    </style>
You can see my memberlist in action at schiggysboard.com -> Mitglieder

If I click on a letter like e.g. A, users will appear which beginn with letter A, but not all users with an A. After (I think) 40 users the list ends.

Does anyone has an idea? @Ange Tuteur maybe?

Thanks in advance!

Edit: I think this problem is there because of the toggle effect. The page doesn't reload because of that, so that it isn't possible that the number of pages get changed and users can choose page 2, 3, 4... for the rest of users which won't appear by clicking on a letter.
But deleting toggle effect in template doesn't work for me. The appearance of the buttons changes because of the part of CSS in this template wouldn't fit anymore (but I don't know how to change the css, tried it with firebug but that says me to use a:link {, which doesn't work and changes more than I want to change).
Furthermore, actually it is like that:
<a title="Username beginnt mit A" href="a">A</a>
That only works with toggling effect (<li class="tab_toggle"></li>). By deleting this effect and clicking on letter, a page without a content appears because of schiggysboard.com/a has no content. So I tried to search for letter A and to copy/paste this url in tag above. BIs this the best solution or are there better once?


Last edited by darki on July 19th 2015, 6:51 pm; edited 1 time in total

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Re: Problem with memberlist

Post by darki on July 19th 2015, 3:25 pm

bump

darki
Forumember

Posts : 254
Reputation : 10
Language : German, english

http://schiggysboard.com

Back to top Go down

Re: Problem with memberlist

Post by SLGray on July 19th 2015, 6:38 pm

Have you tried to ask for help from the forum you got the code from?  I am not sure, but I believe @JScript might be the one who created the tutorial.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Problem with memberlist

Post by JScript on July 19th 2015, 11:05 pm

@SLGray
You're right my friend!


@darki
Hello!
I made this code for my forum a long time ago, but I removed it due to a request by email of Invision Power Board (IPBoard), even if I put the original credits in the code as shown in the image below:


Creation date:


At the time I did not foresee this problem with the pagination, but also do not fix it because of what I have explained above.

So in my opinion, I think it would not be correct to provide support in a code that was not explicitly allowed to use it.

JS

JScript
Forumember

Male Posts : 741
Reputation : 167
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Re: Problem with memberlist

Post by SLGray on July 20th 2015, 4:07 pm

Thanks @JScript .  So would you say that members who have this code and the profile one need to remove them because of copyright issues?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: Problem with memberlist

Post by JScript on July 20th 2015, 4:26 pm

@SLGray
Yes, certainly including other IPBoard codes!

JS

JScript
Forumember

Male Posts : 741
Reputation : 167
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

View previous topic View next topic Back to top


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