Attention:

Support Rules and Guidelines
Before you post your support topic, please remember to:
  • Read the support forum rules.
  • Check the wiki and use search to see if your problem can be answered there first.
  • Link your board please, and make sure that the problem on your board is visible to guests or provide a test account.
  • Do not post Board Wrappers and CSS unless requested. With a board link, this is not necessary.
  • Be as descriptive as you can and use as many details as possible when describing your problem.
  • Please briefly mark any links to forums that may not be work-safe.
This will help ensure your support issue will be attended to in a quick and efficient manner.

  Add ReplyNew TopicNew Poll

 Recent Topics Clip
#
    Ugh, okay. Usually I'm able to figure things out on my own but I'm at the end of my rope with this stupid design on my site here.

    Basically, I'm creating a custom board stats area that utilizes the HTML Templates system, and is only done through CSS and HTML (no Javascript or Jquery). The third tab, designated by the hashtag symbol, is supposed to contain the recent topics, which I have currently set at five. I use the following script just below the <% COPYRIGHT %> tag, as it states in the board wrappers.

    CODE
    <script>
    /* Recent Topic Activity display - below copyright */
    $("#recent-topics").appendTo("#recent-topics-clip");
    </script>


    Here is the board stats template:

    CODE
    <div class="tableborder" id="boardstats">
    <div class="maintitle">
     <span class="bstats-text">Board Statistics</span>
    </div>
    <div id="new-statistics">
     <div id="css">
      <div class="tabs">
       <div class="tab">
        <input type="radio" id="tab-1" name="tab-group-1" checked>
        <label for="tab-1" title="Current" class="one"><i class="icon ion-heart"></i></label>
        <div class="content">
         <div class="content-inside">
          <div class="css-first">
           <div class="css-online">
            <title>currently online</title>
            <box>
             <inn><!-- |online_list| --></inn>
            </box>
            <blocks>
             <smol>
              <!-- |total_users| --> <span>online</span>
             </smol>
             <smol>
              <!-- |total_mems| --> <span>members</span>
             </smol>
             <smol>
              <!-- |total_anons| --> <span>hidden</span>
             </smol>
             <smol>
              <!-- |total_guests| --> <span>guests</span>
             </smol>
            </blocks>
           </div>
           <div class="css-deets">
            <wel>
             <!-- |newest_member| -->
            </wel>
            <weltitle>
             our newest member
            </weltitle>
            <fieldset>
             <!-- |total_mem_reg| -->
             <legend>Members</legend>
            </fieldset>
            <fieldset>
             <!-- |total_posts| -->
             <legend>Posts</legend>
            </fieldset>
           </div>
           <div class="clear"></div>
          </div>
         </div>
        </div>
       </div>
       <div class="tab">
        <input type="radio" id="tab-2" name="tab-group-1">
        <label for="tab-2" title="Statistics" class="two"><i class="icon ion-stats-bars"></i></label>
        <div class="content">
         <div class="content-inside">
          <div class="css-second">
           This is second tab.
          </div>
         </div>
        </div>
       </div>
       <div class="tab">
        <input type="radio" id="tab-3" name="tab-group-1">
        <label for="tab-3" title="Recent Activity" class="three"><i class="icon ion-pound"></i></label>
        <div class="content">
         <div class="content-inside">
          <div class="css-third">
           <div id="recent-topics-clip"> </div>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
    </div>
    <div id="css_util">
    <a href="?act=Stats&CODE=leaders">
     <i class="fa fa-group fa-fw" title="moderating team"></i> moderating team
    </a>
    <a href="?act=Search&CODE=getactive">
     <i class="fa fa-heartbeat fa-fw" title="today's active topics"></i> today's active
    </a>
    <a href="?act=Search&CODE=getactive">
     <i class="fa fa-bookmark fa-fw" title="view new posts"></i> view new posts
    </a>
    <a href="?act=Members&max_results=10&sort_key=posts&sort_order=desc">
     <i class="fa fa-bar-chart fa-fw" title="overall top posters"></i> overall posters
    </a>
    <a href="?act=Stats">
     <i class="fa fa-line-chart fa-fw" title="today's top posters"></i> today's posters
    </a>
    <a href="?act=Login&CODE=05">
     <i class="fa fa-check fa-fw" title="mark all posts as read"></i> mark forum read
    </a>
    <a href="?act=Login&CODE=06">
     <i class="fa fa-bomb fa-fw" title="delete cookies"></i> delete cookies
    </a>
    </div>


    I don't have any conflicting CSS elements that would negatively affect the recent topics, except for maybe this?

    CODE
    /* Tab Three Recent Activity */
    #recent-topics .maintitle { display: none; }
    .tableborder #recent-topics {
       display: block;
       height: 180px;
       width: 520px;
       margin-top: 0px;
       margin-left: 0px;
    }


    The rest of the custom stats does not affect that area of the template just yet, as I have yet to code it.

    Any assistance would be greatly appreciated, as I'm ready to throw out the last tab and call it quits at two, which kinda messes with the jive of my design.
PM
#
It doesn't seem like any recent topics are even being recorded? The table element is totally empty. If you remove the appending script, does the table appear at all?
PM
#
QUOTE (Dusty @ Jul 8 2017, 09:50 AM)
It doesn't seem like any recent topics are even being recorded? The table element is totally empty. If you remove the appending script, does the table appear at all?

    I removed the script and it appears in the inspect element of my browser, but does not contain any active topics. Despite there being recent topics within the last day or so.
PM
#
    After clicking around in the settings, turning some on and turning others off, I finally recounted statistics on my forum (all of them set to yes) and that fixed it. Not sure why, not sure how, but the topics are showing up again.
PM
#
Dang, talk about being thorough! But it looks like it paid off. ^^ Good job finding that, I'd probably just be in a puddle crying if it were me.

signature
user posted image
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options Add ReplyNew TopicNew Poll