Trouble with javascript confirm() and IE...

[Beta_Grumm]

Hi.

First off I would like to say how much I love these forums, and find them very informative.

Ok, straight to the problem:

THE SCRIPT:
function check_for_save()
{
check = confirm("message");

if (check)
{ return true; }
else
{ return false; }
}

THE LINK
<a href="GearBag.asp?id=<%=id%>" style="text-decoration:none"><input <%=disabled%> type="button" value="Add/Edit Gear" onClick="return check_for_save()" /></a>

The confirm works correctly in both browsers returning "true" or "false" depending on what button is pushed, but IE will not follow through with the link. It just stays on the same page.
I have tried sever different styles of code, and from what I see, the fact that I am using a button is causing the problem. But I need the button.

I'm just wondering if any has dealt with this before? Or could possibly suggest a good resource on the subject.

Thanks,
Micah

[DaveSawers]

Good old IE! The way you're trying to do it isn't exactly standard.

You could put a form around the button, set the link as the action and set the button up to run the check_for_save function. If it returns true, run the Javascript submit function to submit the form.

Something like:

<script type="text/JavaScript">
<!--
function check_for_save()
{
	check = confirm("message");

	if (check)
		{ document.forms[0].submit(); }
}
//-->
</script>

...

<form id="form1" name="form1" method="post" action="GearBag.asp">
  <input name="Button" type="button" onclick="javascript:check_for_save()" value="Button" />
</form>

[Beta_Grumm]

Thanks for the reply.

I have considered this application, but the button is currently in the middle of another form. And forms don't like to be inside of another form.
Worst case scenario I may just have to move all the buttons out side of the form. (There are actually three buttons all with different links)
However for now, the user likes the payout the way it is.

One thing that I tried last night and work as a link on both browsers:

SCRIPT
<SCRIPT LANGUAGE="javascript">
<!---
function ConfirmLink(url){
if(confirm('Are you Sure?')) location.href = url;
}

LINK
<a href="javascript:ConfirmLink('http://www.nrsweb.com/');">Home Page</a>

But when I change it to a button:
<a href="javascript:ConfirmLink('http://www.nrsweb.com/');"><input type="button" value="Home Page" /></a>

FireFox called the confirm function twice and IE didn't do anything at all.
There has to be a way to make this work. I'm just running out of resources.

Thanks again.

[wige]

What if you changed:

<a href="javascript:ConfirmLink('http://www.nrsweb.com/');"><input type="button" value="Home Page" /></a>

to:

<input type="button" value="Home Page" onClick="ConfirmLink('http://www.nrsweb.com/'); />

Since the <a> tag now has a javascript, you no longer get any benefit to having a link at all, so this should cause everything to be handled from the button itself.

[Beta_Grumm]

Nicely done. That did the trick.

Thanks guys for your help.

Micah