Latest Announcemnent
New thread
Status
Not open for further replies.
R

RapidshareResellers

Active Member
58
2009
0
0
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
 
8 comments
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>
 
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>
 
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 :).
 
Status
Not open for further replies.
Back
Top