Activity Stream
48,167 MEMBERS
6835 ONLINE
besthostingforums On YouTube Subscribe to our Newsletter besthostingforums On Twitter besthostingforums On Facebook besthostingforums On facebook groups

Results 1 to 9 of 9
  1.     
    #1
    Member

    Default Script Help Needed

    HTML:
    Code:
    Code: 
    <span style="display: block" id="show1">1 2 3</span>
    <span style="display: none" id="show2">4 5 6</span>
    <br /><br />
    <a href="#" onclick="showhide(); return false;">Show / Hide</a>
    Javascript: (Put inside <head> tag)
    Code:
    Code: 
    function showhide() {
        // Coded by CyberJ37
        var show1 = document.getElementById("show1");
        var show2 = document.getElementById("show2");
        if(show2.style.display == "none") {
            show1.style.display = "none";
            show2.style.display = "block";
        }
        else {
            show2.style.display = "none";
            show1.style.display = "block";
        }
    }

    This Is Code to hide and show two lines if want to make 10 lines like that in order than which script work i need please write
    RapidshareResellers Reviewed by RapidshareResellers on . Script Help Needed HTML: Code: <span style="display: block" id="show1">1 2 3</span> <span style="display: none" id="show2">4 5 6</span> <br /><br /> <a href="#" onclick="showhide(); return false;">Show / Hide</a> Javascript: (Put inside <head> tag) Code: function showhide() { Rating: 5

  2.   Sponsored Links

  3.     
    #2
    Member
    Website's:
    zomgbbqpizza.com evilddl.com scenemarket.org
    Just find a site that has the exact function you want and view the source....

  4.     
    #3
    Respected Developer
    Not sure if this is what you want. This is the idea of your code snippet but rewritten to work with any amount of <span> tags...

    Code: 
    <script type="text/javascript">
    function showhide() {
        // Coded by CyberJ37 <= LIES!
        // Hyperz was here (:
        var show_hide = document.getElementsByName("show_hide");
        var changed = false;
        var i;
        
        if (show_hide[show_hide.length-1].style.display == "block")
        {
            show_hide[show_hide.length-1].style.display = "none";
            show_hide[0].style.display = "block";
            return;
        }
        
        for (i = 0; i < show_hide.length; i++)
        {
            if (changed)
            {
                show_hide[i].style.display = "none";
            }
            else if (show_hide[i].style.display == "block")
            {
                show_hide[i].style.display = "none";
                show_hide[i+1].style.display = "block";
                changed = true;
                i++;
            }
            else
            {
                // Houston, we've got a problem...
            }
        }
    }
    </script>
    
    <span style="display: block" name="show_hide">1</span>
    <span style="display: none" name="show_hide">2</span>
    <span style="display: none" name="show_hide">3</span>
    <span style="display: none" name="show_hide">4</span>
    <span style="display: none" name="show_hide">5</span>
    <span style="display: none" name="show_hide">6</span>
    <span style="display: none" name="show_hide">7</span>
    <span style="display: none" name="show_hide">8</span>
    <span style="display: none" name="show_hide">9</span>
    <span style="display: none" name="show_hide">10</span>
    <br /><br />
    <a href="#" onclick="showhide(); return false;">Clicky</a>

  5.     
    #4
    Member
    Thanks its working when i click on clicky then show next step if i want to show back button also

  6.     
    #5
    Respected Developer
    Sure, it's a simple change to the original function:

    Code: 
    <script type="text/javascript">
    // Who needs credits?
    // Free for all!
    // General Public License FTW
    
    function showhide_next()
    {
        var show_hide = document.getElementsByName("show_hide");
        var changed = false;
        var i;
        
        if (show_hide[show_hide.length-1].style.display == "block")
        {
            show_hide[show_hide.length-1].style.display = "none";
            show_hide[0].style.display = "block";
            return;
        }
        
        for (i = 0; i < show_hide.length; i++)
        {
            if (changed)
            {
                show_hide[i].style.display = "none";
            }
            else if (show_hide[i].style.display == "block")
            {
                show_hide[i].style.display = "none";
                show_hide[i+1].style.display = "block";
                changed = true;
                i++;
            }
            else
            {
                // Houston, we've got a problem...
            }
        }
    }
    
    function showhide_prev()
    {
        var show_hide = document.getElementsByName("show_hide");
        var changed = false;
        var i;
        
        if (show_hide[0].style.display == "block")
        {
            show_hide[0].style.display = "none";
            show_hide[show_hide.length-1].style.display = "block";
            return;
        }
        
        for (i = 0; i < show_hide.length; i++)
        {
            if (changed)
            {
                show_hide[i].style.display = "none";
            }
            else if (show_hide[i].style.display == "block")
            {
                show_hide[i].style.display = "none";
                show_hide[i-1].style.display = "block";
                changed = true;
                //i++;
            }
            else
            {
                // Houston, we've got a problem...
            }
        }
    }
    </script>
    
    <span style="display: block" name="show_hide">1</span>
    <span style="display: none" name="show_hide">2</span>
    <span style="display: none" name="show_hide">3</span>
    <span style="display: none" name="show_hide">4</span>
    <span style="display: none" name="show_hide">5</span>
    <span style="display: none" name="show_hide">6</span>
    <span style="display: none" name="show_hide">7</span>
    <span style="display: none" name="show_hide">8</span>
    <span style="display: none" name="show_hide">9</span>
    <span style="display: none" name="show_hide">10</span>
    <br />
    <br />
    <a href="#" onclick="showhide_prev(); return false;" title="Previous">&lt;&lt;</a> - <a href="#" onclick="showhide_next(); return false;" title="Next">&gt;&gt;</a>

  7.     
    #6
    Member
    Thanks Very Much i like your help and please share your website 125*125 pic u daily got 100 visitors free my website rank is very good

  8.     
    #7
    Respected Developer
    I don't have a pic/button and I'm poor at graphics. You don't need to add my site per s? bro, but if you really want to a text link would be ok .

  9.     
    #8
    Member
    okk i will add then very less visitor come if image u got too much benifit

  10.     
    #9
    Member
    HyperZ is the name of a set of computer graphics processing techniques used by ATI Technologies in their Radeon video cards.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Classified Script Needed
    By amerriaz in forum Web Development Area
    Replies: 2
    Last Post: 6th Apr 2012, 05:14 AM
  2. Script Needed
    By amerriaz in forum Web Development Area
    Replies: 0
    Last Post: 24th Mar 2012, 03:47 PM
  3. pho cache Script needed
    By shahpar in forum Webmaster Discussion
    Replies: 9
    Last Post: 17th Feb 2011, 05:24 PM
  4. Hit counter script needed
    By Sponge Bob in forum Webmaster Discussion
    Replies: 3
    Last Post: 7th Jul 2010, 09:42 AM
  5. script needed - help
    By clarksta in forum Webmaster Resources
    Replies: 0
    Last Post: 24th Aug 2009, 11:29 AM

Tags for this Thread

BE SOCIAL