onClick and go to anchor #something

Parabolart · January 17th, 2005, 04:08 PM

I seem to have a problem: I have a button that runs a js function, and I want it to work so that when you press the button, it runs the function (collapse a table) and scrolls to an anchor #something.

<a href="#something" onclick="return toggle_collapse('1200')"><img src="images/button.gif" alt="button" border="0" /></a>

But this doesn't work.. when i click it, it only collapses the table but doesnt move to the <div id="something> labeled location.

Does this have anything to do with the code of the func itself, or is there a workaround?

Greg Griffiths · January 17th, 2005, 04:33 PM

possible, can you post your Javascript function ?

Parabolart · January 17th, 2005, 04:44 PM

its a vbulletin function.. I posted it on their website, noone responded.

this is the function

Code:

// #############################################################################
// function to toggle the collapse state of an object, and save to a cookie
function toggle_collapse(objid)
{
    if (!is_regexp)
    {
        return false;
    }

    obj = fetch_object("collapseobj_" + objid);    
    img = fetch_object("collapseimg_" + objid);
    cel = fetch_object("collapsecel_" + objid);

    if (!obj)
    {
        // nothing to collapse!
        if (img)
        {
            // hide the clicky image if there is one
            img.style.display = "none";
        }
        return false;
    }

    if (obj.style.display == "none")
    {
        obj.style.display = "";
        save_collapsed(objid, false);
        if (img)
        {
            img_re = new RegExp("_collapsed\\.gif$");
            img.src = img.src.replace(img_re, '.gif');
        }
        if (cel)
        {
            cel_re = new RegExp("^(thead|tcat)(_collapsed)$");
            cel.className = cel.className.replace(cel_re, '$1');
        }
    }
    else
    {
        obj.style.display = "none";
        save_collapsed(objid, true);
        if (img)
        {
            img_re = new RegExp("\\.gif$");
            img.src = img.src.replace(img_re, '_collapsed.gif');
        }
        if (cel)
        {
            cel_re = new RegExp("^(thead|tcat)$");
            cel.className = cel.className.replace(cel_re, '$1_collapsed');
        }
    }
    return false;
}

Greg Griffiths · January 17th, 2005, 05:27 PM

all you need to do is the work out what your anchor is for each element and then put that value into a variable and then do something like

var anchorRef="something"; // calculated value

document.location=document.location + "#" + anchorRef;

Parabolart · January 17th, 2005, 05:42 PM

I don't really understand.. where do i put this. And also.. the location of the anchor can change on different pages, since vbulletin uses mysql and php. I just need to know if there is a way to go to that anchor without using href="#something".

Like

Code:

<a href="#" onClick="return toggle_collapse('15150'); anchor(#something)">

or something of that sort

Greg Griffiths · January 17th, 2005, 07:26 PM

something like :

<a href="#" onClick="return toggle_collapse('15150'); document.location=document.location+'#something';" >

may work.

joefawcett · January 18th, 2005, 06:16 AM

You can also set the location.hash property directly to the anchor's name.

--

Joe (Microsoft MVP - XML)

andy189 · November 28th, 2006, 06:45 AM

Don't listen to their bullshi t. Just remove "return false;" in the javascript code would do the job.