Solved

Rollover with input type=image

Posted on 2000-03-20
4
302 Views
Last Modified: 2012-06-27
I'd like to use a rollover effect with a graphic that I'm using with a <input type=image> tag. I know how to do it using <a href>, but I'd like to use it in a form instead. Can this be done, and if so, how?
0
Comment
Question by:JOK
  • 2
  • 2
4 Comments
 

Accepted Solution

by:
Deathead earned 100 total points
ID: 2637360
Unfortunately it cannot be doneusing the input tag..
a work around would be to make an href rollover and make it submit the form via javascript
<a href="#" onmouseover="change" onmouseout="changeback" onClick="document.formname.submit()"><img tag></a>

That will get the effect of what you want
X.Deathead
0
 
LVL 3

Author Comment

by:JOK
ID: 2640272
I was afraid of that. I'm working with code from someone else and it doesn't look like I can easily change the onClick code.

Oh well, thanks anyways.
0
 

Expert Comment

by:Deathead
ID: 2640420
if you post the code I could help you out...
0
 
LVL 3

Author Comment

by:JOK
ID: 2640573
What I've got works. But like I said, there's a bunch of stuff with the onClick now and I don't want to mess with it too much. Thanks anyways.
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

697 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question