Rollover with input type=image

Posted on 2000-03-20
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?
Question by:JOK
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2

Accepted Solution

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

Author Comment

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.

Expert Comment

ID: 2640420
if you post the code I could help you out...

Author Comment

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.

Featured Post

[Webinar] How Hackers Steal Your Credentials

Do You Know How Hackers Steal Your Credentials? Join us and Skyport Systems to learn how hackers steal your credentials and why Active Directory must be secure to stop them. Thursday, July 13, 2017 10:00 A.M. PDT

Question has a verified solution.

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

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

705 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