WordPress.org

Ready to get started?Download WordPress

Forums

More tabs - I have it working :) (32 posts)

  1. Ennis
    Member
    Posted 9 years ago #

    For those of you who have been wondering how this site: http://lucky-33.com has the more tabs working, well i figured it out. I have this working. With the 'more tab', which you can click on, and it will drop down, showing the information. I know alot of people were looking for this, including myself, so I will post how to do it tomorrow. its now 1:00 am, and after a few hours of coding, its time to go to bed...

    and yes, i'll post the code so anyone can use it. I'll help anyone if they have any problems or questions.

  2. Ennis
    Member
    Posted 9 years ago #

    ok ppl. here ya have it.
    download the zip here, and read the "readme" textfile for installation
    http://www.thisisennis.com/downloads/MoreinfoTabs.zip

    any problems please lemme know
    There is a problem that there is a large amount of space above the code if it is placed in your sidebar (its probably just my theme). View this page http://www.thisisennis.com/about2.php with Internet Explorer to understand what im talking about.

    This works fine in Firefox.
    Good luck!

  3. Jinsan
    Member
    Posted 9 years ago #

    Ennis this great stuff, however, I wonder if you could put in a credit for Wasco and Phaelox at DivXstation as they pretty much rewrote 99% of the code from scratch and much of it looks the same. I appreciate the addtional bits you've added, but I would't want them thinking their work was thankless.

    Cheers

  4. Ennis
    Member
    Posted 9 years ago #

    Oh shit. my bad. i meant to do that too.
    its in the readme and on my site now.

    As Jinsan stated, thank Wasco and Phaelox at DivXstation for the slide.js file.

  5. Ennis
    Member
    Posted 9 years ago #

    Edit for my previous post:
    As Jinsan stated, thank Wasco and Phaelox at DivXstation for the code.

  6. whooami
    Member
    Posted 9 years ago #

    what are more tabs? I dont see them -- I feel like im missing something?

  7. Jinsan
    Member
    Posted 9 years ago #

    More tags as in the site on the site above. Click more and it gives you more info on a post. In theory you should be able to use it on almost anything, so possibly clicking with expand the content rather than refresh when click read more.

    Just one thing Ennis that phae reminded me, might wanna stick in an inspired by the original code at lucky33 :)

  8. dss
    Member
    Posted 9 years ago #

    awesome, long time coming too.

  9. Ennis
    Member
    Posted 9 years ago #

    i ain't wit it today b'ys honestly. Don't take me as a "skeet" or whatever, i ain't like that. Thanks Jinsan

  10. Ennis
    Member
    Posted 9 years ago #

    @dss it has been a long time coming, glad someone was able to figure it out. Kudos to the b'ys

  11. whooami
    Member
    Posted 9 years ago #

    more tabs == Read the rest of this entry » ? Is that them? the links? i dont see "tabs". I really am curious - I saw another thread that mentioned these and couldnt figure out what was so special?? maybe I really am missing out :(

    ----------

    http://lucky-33.com/ ........ oh THOSE tabs, I follow now. I was looking for them on ennis's front page :P

  12. Jinsan
    Member
    Posted 9 years ago #

    yeah when i meant site above, guess I should have been more precise:) ho hum

  13. Ennis
    Member
    Posted 9 years ago #

    on my page they are under the about page...i haven't gotten a chance to move em to the front page

    http://www.thisisennis.com/about2.php under the links section

  14. Jinsan
    Member
    Posted 9 years ago #

    the more I think about it though - how would it actually work with the more tab on a larger text. Wouldn't it preload the entire block first?

  15. Ennis
    Member
    Posted 9 years ago #

    more tab on a larger text? what do u mean

  16. Jinsan
    Member
    Posted 9 years ago #

    are you using this for posts or just small bits?

    Like, let's say instead of having read more as a link, youhave it as one of these tabs, will it load expand the entire post?

  17. Ennis
    Member
    Posted 9 years ago #

    yes t should....u may have to make it wider in the css

    i have the onload="hideElements();" in my body tag but its not hiding the tabs on my index page......anyone tell me why??

    edit: i removed the script for now because i couldn't get it working, but its weird, cause the call for the script file is in the head tag, the body has the call for the function hide elements, and the code is the exact same as that of my about2.php page, but it won't work on my index.....this is really weird.

  18. Ennis
    Member
    Posted 9 years ago #

    i noticed another problem with the script:
    If you view the code in internet explorer, theres a huge gap above your code. to see what i mean view my site in IE and go to the about page.

  19. Ennis
    Member
    Posted 9 years ago #

    Ok, i got my problem fixed with the index page. I dunno why, but i must've screwed up the #'s while i was testing it out.

    When your adding the code, the #'s you have to increment, make sure when you add another one, it is exactly one number higher then the previous one. Don't skip a #. It will cause the more info tabs you put there to just be open when you load the page and not closed. Hope this makes sense.

  20. piotr82
    Member
    Posted 9 years ago #

    hi it is not working on my page :
    http://coxis.webhop.net/wordpress

    i do like that :

    upload slide.js , add to css , upload the gif , add this to sidebar :

    <div class="tag" id="tag1" onclick="showContents('1', 'meta')">Title of More info Tab</div>
    <div class="contents" id="contents1">
    <div class="padd">Text 1: This is Text 1. </div>
    </div>
    <div class="moreinfo" onclick="showContents('1', 'meta')"></div>

    and to headee.php :
    <head>
    <script language="JavaScript" type="text/javascript" src="slide.js"></script>

    and after head :
    </head>

    <body onload="hideElements();">

    and nothing , like the js script doesn't exist

  21. Ennis
    Member
    Posted 9 years ago #

    where did you upload the slide.js file? try uploading it to the wordpress directory itself. and trying the code.

    your positive you place the <script> tag in the <head> tag of your header.php?

  22. Ennis
    Member
    Posted 9 years ago #

    ok guys i made an error in the readme. Originally it stated to place the slide.js file into your themes directory....well its s'ppose to go into your home/wordpress directory (where wp-content, wp-admin, wp-includes folders are located)

    so it should now be located under
    /yoursite.com/htdocs/slide.js

    I apologize for the mix up.

  23. Jinsan
    Member
    Posted 9 years ago #

    Ennis if you have question about the script and you additonal help, best to try and post at the source. Waco and/or Phae would be happy to help on the script side, just not the WP integration:)

  24. Ennis
    Member
    Posted 9 years ago #

    i did

  25. piotr82
    Member
    Posted 9 years ago #

    ok i upload js to wordpress global directory and it works ,
    but the more gif is not show :

    i add to css :
    }
    //This class adds the tab itself
    .moreinfo {
    float: center;
    width: 150px;
    background: url(http://oceanic.wsisiz.edu.pl/~slabosz/wordpress/wp-gallery/metatab.gif) no-repeat top right;
    margin:0;
    padding:9px;
    }

    and in the sidebar
    <div class="moreinfo" onclick="showContents('1', 'meta')"></div>

    but nothing

  26. Ennis
    Member
    Posted 9 years ago #

    you may have to fool around with the more info section. In other words change the size of the width (either increase it or decrease it). You may also have to change some other variables in the class based on your them.

    where do u have it on your website so i can take a look at it.

  27. piotr82
    Member
    Posted 9 years ago #

    ok now it works just great

  28. Ennis
    Member
    Posted 9 years ago #

    glad you got it working. did my advice help any?

  29. piotr82
    Member
    Posted 9 years ago #

    well no i delete the comments in css and that help
    also add ; after the image adress

  30. Jaxia
    Member
    Posted 9 years ago #

    I've been messing around with this. I want to use it to display more info after each post. With only one post, it works fine. But how do I get it to work with multiple posts? Does anyone know how to get it to auto increment the tag ID?

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic