Prevent Double click on href link

aspless · May 27th, 2009, 07:35 AM

Chaps,

Been having a search for a solid JavaScript solution to a double click href issue i am experiencing.

Using some examples i have found, i have written the following process .. Issue being it works in IE but not Firefox.

Below are the hrefs:

Code:

<a href="#" onClick="TrueUrl();">
<img src="true.gif" alt="True" border="0"></a>

Code:

<a href="#" onClick="FalseUrl();">
 <img src="false.gif" alt="True" border="0"></a>

Below is the Javascript:

Code:

<script language="javascript" type="text/javascript">
var flag = 1
//Send True querystring
function TrueUrl()
{
if(flag) // if it's okay to proceed
{
flag = 0
window.navigate("tfsubmit.asp?val=t")
flag = 1
}
else
{
// do nothing.. except maybe yell at the over-anxious user
}
}
</script>
<script language="javascript" type="text/javascript">
var flag = 1
//Send False querystring
function FalseUrl()
{
if(flag) // if it's okay to proceed
{
flag = 0
window.navigate("tfsubmit.asp?val=f")
flag = 1
}
else
{
// do nothing.. except maybe yell at the over-anxious user
}
}
</script>

My knowledge of JavaScript is even worse than my asp so if anyone can point me in the right direction that would be great.

Cheers

Aspless

alliancejhall · May 27th, 2009, 07:46 PM

...But can't you just do that all in one function?

Code:

<script language="javascript" type="text/javascript">

var flag = 't';

function TrueUrl()
  {
    window.navigate('tfsubmit.asp?val=' + flag);
    if(flag == 't')
      {
        flag = 'f';
      }
   else
     {
       flag = 't';
     }
  }
</script>

<a href="#" onClick="TrueUrl();"><img src="true.gif" alt="True" border="0"></a>

There is probably and even better way to do this but if I understand correctly I think that might do what you want?

Old Pedant · May 28th, 2009, 12:09 AM

No, no, Jason...the val= in the URL has *NOTHING* to do with the state of the flag. It matches the ".gif" image the user clicks on.

Aspless: The issue *MIGHT* be that you are using the numbers 1 and 0 for your flag but then treating them as true/false. Be consistent. And Jason is right, you could do this all with a single function, though not the way he coded it:

Code:

<script>
var already = false;
function gothere(which)
{
    if ( already )
    {
        alert("Please wait...we are already processing your request...");
        return false;
    }
    already = true;
    location.href = "tfsubmit.asp?val=" + which;
    return false;
}
</script>

<a href="#" onClick="return gothere('t');"><img src="true.gif" alt="True" border="0"></a><a href="#" onClick="return gothere('f');"><img src="false.gif" alt="False" border="0"></a>

Don't forget the return false! And don't forget the return in the onClick. Otherwise, the browser is entitled to refresh the page, going to the top of the page (that's what href="#" means).

Old Pedant · May 28th, 2009, 12:11 AM

I think I see why it failed: You are changing the state of the flag *after* the call to window.navigate, and the browser *could* be simply ending all processing in the function as soon as it does the window.navigate.

Note that I changed the flag *before* changing the URL. I doubt that it matters whether you use window.navigate or location.href.

aspless · June 12th, 2009, 02:08 PM

Thanks .. Now working really well