Non-submit button inside form?

[cmayo]

This is driving me batty and I simply cannot find a workaround...

I need a button inside a form which call a Javascript function to confirm the user's choice, then redirect the browser page. Ideally I'd like am IMAGE button but at this point, I'd take just about anything.

Since the redirect seems to be the issue and calling it directly from the button produces the same result, I've simplified the problem to the example below:

<form>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td width=22 align= align="center"><input type="checkbox"></td>
<td width=22 align= align="center">
<input type="image"
name="delete"
src="

http://www.google.com/nav_current.gif"

onClick="javascript:window.location='http:\\

http://www.google.com'"></td><td><-In-form

- no redirect.</td>
</tr>
</table>
</form>

The example is currently running at

http://www.distantrealities.com/jsimagetest.php.

I have tried this using both a standard INPUT TYPE="button" and a text link with an onClick action and both those methods almost work, but append the redirect URL to the server's root url, i.e.

http://www.distantrealities.com/www.google.com.

Would appreciate any help with this!

 

[LFI]

Try changing you instances of double back-slashes (\\) to double forward-slashes (//). I think you're suffering from an accidental escape of a slash.

--Dave

 

[cmayo]

Ah, good catch LookingForInfo, thanks. Sometimes you just look at this stuff for too long.

The INPUT TYPE="button" now works... can anyone tell me where I'm going wrong on the IMAGE button, or is there simply no way to make an image button within a form NOT be a submit button?

 

[LFI]

Two things you can try are to NOT use form tags (then image won't submit) or adding onsubmit='return false' to your form tag. The redirect should (maybe?) work then.

--Dave

 

[tsuji]

>[tt]<input type="image"
name="delete" src="

http://www.google.com/nav_current.gif"

onClick="javascript:window.location='http:\\www.google.com'">[/tt]
Change this to.
[tt]<input type="image"
name="delete"
src="

http://www.google.com/nav_current.gif"

onClick="[green]javascript:[/green]window.location='http:\\www.google.com';[red]return false[/red];">[/tt]
You can spare the javascript: pseudo protocol thing, but it us up to you.

 

[BillyRayPreachersSon]

I would opt for the "return false" over omitting the form tags... Some versions of NN have issues with form elements that do are not inside a form, I believe.

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[cmayo]

Thanks all, very much. Tsuji's "return false" turned the trick and things are working just the way I wanted.

I really appreciate all the tips,

Chuck Mayo