JavaScript Image Rollover with html:image ?

I've got a website I'm developing in which I have a submit button as well as a button which pops up a google map within my web page. I've currently got the buttons working and doing what they are supposed to do, but I'm having trouble with a rollover image effect.
The method I'm currently using looks something like...
For my page with the submit button:
<html:image src="images/spacer.gif" styleId="sButton">
</html:image>
For my page with the button that pops up a google map:
<html:image src="images/spacer.gif" styleId="mButton" onclick="javascript:blahblahblah">
</html:image>That's what I'm using to display the buttons on both pages and the functionality works. Next up is the basic CSS I'm using for the image rollover effect...
For the submit button...
#sButton {
display:block;
width:100px;
height:100px;
background-image:url(submitImage.jpg);
background-repeat:no-repeat;
#sButton:hover, #sButton:active {
background-image:url(submitImageHover.jpg);
background-repeat:no-repeat;
For the map button...
#mButton {
display:block;
width:100px;
height:100px;
background-image:url(mapImage.jpg);
background-repeat:no-repeat;
#mButton:hover, #mButton:active {
background-image:url(mapImageHover.jpg);
background-repeat:no-repeat;
}And that's basically it. So as you can see, I'm using the <html:image> to give myself a submit button type thing which works perfectly in both cases. To try and make it have a rollover image effect I'm setting a styleId and then in my CSS declaring a default image and then a hover/active image. Back in the <html:image> tag, for the required src attribute, I've just got a spacer.gif which is a 1 x 1 image that is 100% transparent.
The effect, at least in the Gecko based browsers I've tried, such as Firefox, is that you don't see the spacer.gif even though it is there, and all you see are the CSS background images which changes on hover. This even works in IE7.
My problem... Internet Explorer browsers prior to 7 aren't doing the image rollover. The buttons still work, but I can't get the image to change just using the CSS... Any tips on a way to still use this method or to still use <html:image> but to use some sort of javascript solution?

Thanks for all the quick help on this one... I got it to work just like I was hoping.
bodhi-firestarr... You got me thinking and so I went and tried to search for a way to use that particular javascript method with the <html:image> tag. This brought me to the solution that I could use styleId just like an id and then getElementById in the javascript.
Unfortunately, this only partially solved my problem... It made the submit button work through both CSS and JavaScript, but my map it button still wasn't working. My map button is inside of a loop generating a button for a set of results. If I used the getElementById method it would use the same id for each one causing problems. When I tried to add some sort of index to the end of the Id to fix this, it messed up my CSS, but that's when...
gmachamer, you came up with just the solution I needed. I had no idea property actually translated to name. Once I knew this I was able to use property and got everything to work.
Thanks again everyone!

Similar Messages

Expose module pool application to ITS with HTML Images

I am facing issue while exposing my module pool application to ITS.
I have splitting container and HTML images in Tab strip. When I expose same to ITS, Its not displaying any HTML image tab however its displaying rest of screen element. I have to show the screen in ITS as it is in module pool. help me to resolve if anyone faced same kind of issue.

As mentioned in the Thread, use the Syntax
SET Pf-STATUS 'STATUS' excluding itab
Example:
data: BEGIN OF MTAB_UCOMM_EXCLUDE OCCURS 0,
        VALUE(4) TYPE C,
      END OF MTAB_UCOMM.
AT USER-COMMAND.
PERFORM SET_PF_STATUS. ...
FORM SET_PF_STATUS *
Set up the menus/buttons for the report *
FORM SET_PF_STATUS.
CLEAR MTAB_UCOMM_EXCLUDE.
REFRESH MTAB_UCOMM_EXCLUDE.
CASE MI_CURRENT_PAGE.
    WHEN 1.
*-- Do not want any pushbuttons that point to items to the right
*-- since the list is at its rightmost position
    MTAB_UCOMM_EXCLUDE-UCOMM = 'FRST'.
    APPEND MTAB_UCOMM_EXCLUDE.
    MTAB_UCOMM_EXCLUDE-UCOMM = 'PREV'.
    APPEND MTAB_UCOMM_EXCLUDE.
WHEN MI_TOTAL_PAGES.
*-- Do not want any pushbuttons that point to items to the left
*-- since the list is at its leftmost position
    MTAB_UCOMM_EXCLUDE-UCOMM = 'LAST'.
    APPEND MTAB_UCOMM_EXCLUDE.
    MTAB_UCOMM_EXCLUDE-UCOMM = 'NEXT'.
    APPEND MTAB_UCOMM_EXCLUDE.
WHEN OTHERS.
*-- Want all pushbuttons to appear on any other page
ENDCASE.
SET PF-STATUS 'MAIN' EXCLUDING MTAB_UCOMM_EXCLUDE.
ENDFORM. " SET_PF_STATUS
Hope this helps
Vinodh Balakrishnan

Use of javascript and textarea with HTML editor

Hi all,
I have been trying to use some onchange javascript in the HTML Form Element Attributes of an item which is a textarea with an HTML Editor. It just seems to ignore the code. When you "view source" the code does not seem to be there.
What I am attempting to do is described in thread: detecting changes to items prior to submitting page
i.e. to warn a user that if they leave the page without saving they will lose their changes. It works fine with most of the other items on the page i.e. text boxes, select lists but not the textarea with html editor.
Is there somewhere else I should be putting my js for items of this type? I have spent some time looking through the forum posts but cannot find an answer so far.
Thanks,
Brian

I'm having the same problem.
Would like to use the onChange event in a textarea with html editor.
This works in Firefox (where I don't get the html editor but only a textarea) but doesn't seem to work in IE.
Is there another way of detecting the user has changed the text in the html editor?
Thanks,
Pieter

How to fill up image exactly with other image

I have two pictures of a pigeon. The background image is the ideal posture of a pigeon. The foreground image was taken by me and is not the ideal posture of a pigeon. I want to transform the foreground image so that the foreground image matches the background image exactly. What are common techniques or best practices in Photoshop to do this? I have tried to do this with CTRL + T with warp modus, but i don't know how to use this without disfigure the other parts of the pigeon. I have tried puppet warp as well, but i don't know how to use this in this case.
Thanks!

Well there's also Liquify under Filters which allows you to warp pixels using brushes. But I would probably stick to Free Transform Warp and/or Puppet Warp for this. It's a bit of a tricky task this and will require some work and the end result is up to your material quality, picture resolution and patience. I know, not much help, but a suggestion to begin with would be to scale the pigeon images so they match each other as closely as possible and then get busy pushing your pixels around.
BTW search YouTube on some tips on how to use Free Transform Warp and Puppet Warp. It's always easies getting visual help from a video than trying to explain this with words...

How Mail work with image attachements and HTML image ?

Hello,
I'm writing an application that sends html emails with images to Mail.app. When Mail display the mail, everything is okay, images are correctly embedded in html code, using inline attachements.
But there's still a problem : The images are also displayed at the bottom of the email, as file attachements. I know that Mail's template can hide these attachements, but I cannot reproduce it when sending my own emails.
Is there anybody here that already get such problem and find the solution ? (apparently, Windows User get the same problem with Outlook, but they have an API under Windows...I'm using my own email API..)
David

David can you share how you managed to get the inline images to work. I've got the general idea of how to do it. But I do not seem to be able to change the Content-Type to multipart/mix. Can you point me in the right direction. Should the Content-Type definition and everything else be part of the body? Or should some headers (namely the multipart) be defined in the mailto URL format?
In other words do you do: mailto:?subject=test&Content-Type=multipart/mix;%20boundary=myBoundary&body=--m yBoundary etc...
Or id it: mailto:?subject=test&body=Content-Type=multipart/mix;%20boundary=myBoundary%20- -myBoundary etc..
Neither seems to work for me so I am really stuck. But knowing what the right way is would help me figure things out a bit better.
Thanks in advance

Image rollover with spry menu

Hi everyone:
I have a vertical spry menu as shown below. I was trying to
display an image-text(graphic image) when i mouse over for example
on "home" or "product" or on any of them. it will be different
image for each of them. I tried using the images as background
images on hover but raan into two problems. 1) image shown was the
same for all of them and 2)the already existing text is over the
top of the image.
any idea please.
thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">home</a> </li>
<li><a href="history.html"
class="MenuBarItemSubmenu">product</a>
<ul>
<li><a
href="history.html">history</a></li>
<li><a
href="performance.html">performance</a></li>
<li><a
href="results.html">results</a></li>
<li><a href="welding_tips.html">welding
tips</a></li>
</ul>
</li>
<li><a href="customers.html">customers</a>
</li>
<li><a
href="partner.html">partner</a></li>
<li class="MenuBarItemSubmenuHover"><a
href="news.html"
class="MenuBarItemSubmenuHover">news</a></li>
<li><a href="about_us.html">about
us</a></li>
<li><a href="contact_us.html">contact
us</a></li>
</ul>
<script type="text/javascript">

</script>
</body>
</html>

The easiest way is to use pseudo elements.
To style the first and last menu items ifferently to the rest, merely add :first-child and :last-child respectivly as follows
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<style>
ul.MenuBarVertical li:first-child a {
    background-color: red;
    color: white;
ul.MenuBarVertical li:last-child a {
    background-color: green;
    color: yellow;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
In your case, in liue of the background colour, you would have an image.
Gramps

Updating image collection with new images

I have an image collection which works as a slideshow which can be paused/resumed. This works fine but my problem is that these images are going to change everyday but they will keep the same filename. Is there a way to get the collection to refresh itself
automatically or perhaps if there is a different way to do this rather than a collection? Something that grabs the image from file at run time rather than storing a copy locally which the collection seems to do.

Hi Daniel,
If I understand you correctly, the app you're building will display images that are new everyday, but keep the same name. If this is correct, then to be able to do this you will need to work with a REST based source such as RSS or Facebook, for example.
The reason is that since we always fetch from these sources, displaying the data returned, and therefore any changes you make such as a new image or name will be pulled into Siena when we go grab the data. This is different from a source
like Excel where we take a snapshot and use with Siena. As you have observed, this snapshot will only get updated when you manually refresh from the backstage.
To see an example of what it means to work with a REST source such as Facebook, please see our help topic, where we discuss
how to display photos from a Facebook Album. If you would like this to this to be supported with Excel, please consider contributing to
this thread where the community has been collecting such feedback.
Hope this helps, get you going.

Next / previous image swap WITH larger image popup

Very simply what I need to do is almost identical to what you
see here:
http://www.java-scripts.net/javascripts/Slide-Show-Script.phtml
(scroll down to the animal pictures)
When you click "next" and "previous" the images swap through
a series
called "img1.gif" "img2.gif" and "img3.gif"
So far so good. However let us assume there is also a set of
images called
"img1_lrg.gif" "img2_lrg.gif" and "img3_lrg.gif" which are
larger
versions of those little thumbnails. I need for the
appropriate associated
large image to popup in its own window when the thumb is
clicked.
Has anyone a lead on something like that?
Thanks very much.

On Thu, 28 Sep 2006 17:59:37 +0000 (UTC), [email protected]
(Clay)
wrote:
>Very simply what I need to do is almost identical to what
you see here:
>
>
http://www.java-scripts.net/javascripts/Slide-Show-Script.phtml
>
>(scroll down to the animal pictures)
>
>When you click "next" and "previous" the images swap
through a series
>called "img1.gif" "img2.gif" and "img3.gif"
>
>So far so good. However let us assume there is also a set
of images called
>
>"img1_lrg.gif" "img2_lrg.gif" and "img3_lrg.gif" which
are larger
>versions of those little thumbnails. I need for the
appropriate associated
>large image to popup in its own window when the thumb is
clicked.
>
>Has anyone a lead on something like that?
>
>Thanks very much.
That sounds simple, where are you stuck? Do you not know how
to open a
popup? BTW, the JustSo Picture Window extension would be
perfect for
the popups.

Matching IOS capwap flash image file with Wlc image file

Hello to all Wireless Expert
My question will perhaps seems a little bit obvious for some of you, but here it is :)
I'd like to understand the relation between the Capwap IOS image file that I can see while typing 'dir flash' on an AP, and the version a WLC gives to that AP when joining it. My wlc is running 7.4.100 and on the AP's flash (2602i):
MYCAPWAPAP#dir flash:
Directory of flash:/
2 -rwx 75095 Oct 23 2014 07:54:43 +00:00 event.log
3 -rwx 280 Oct 23 2014 07:57:35 +00:00 lwapp_officeextend.cfg
4 -rwx 49372 Oct 23 2014 09:37:14 +00:00 lwapp_non_apspecific_reap.cfg
5 -rwx 95008 Oct 23 2014 07:54:34 +00:00 lwapp_reap.cfg.bak
10 drwx 2048 Oct 23 2014 07:54:33 +00:00 ap3g2-k9w8-mx.152-4.JB6
51 drwx 128 Oct 23 2014 07:57:38 +00:00 configs
52 -rwx 64 Oct 23 2014 07:54:34 +00:00 sensord_CSPRNG0
53 -rwx 64 Oct 23 2014 07:54:34 +00:00 sensord_CSPRNG1
77 -rwx 95008 Oct 23 2014 07:57:55 +00:00 lwapp_reap.cfg
7 -rwx 7192 Oct 23 2014 09:36:56 +00:00 private-multiple-fs
56 -rwx 0 Mar 26 2014 14:37:17 +00:00 ce
13 drwx 448 Nov 9 2013 19:06:17 +00:00 ap3g2-rcvk9w8-mx
8 -rwx 75303 Oct 22 2014 16:30:26 +00:00 event.capwap
76 -rwx 230 Oct 23 2014 07:57:34 +00:00 env_vars
31739904 bytes total (10376704 bytes free)
Does it mean that the 7.4.100 image file is included in the ap3g2 file? In other word, where is stored the wlc firmware image on the AP? As an AP has a primary image and a backup one, it must be stored somewhere on it, or maybe I'm missing something here!
Thanks,
Theo

Hi Theo,
If you read this post you will understand the ap3g2 represent the AP platform.
https://supportforums.cisco.com/document/77131/understanding-access-point-ios-images
platform-featureset-tar.version.tar
ap1g1 - 700 series (702w beginning with 15.2(4)JB5)
ap1g2 - 1600 series
ap1g3 - 1530 series
ap3g2 - 3700/3600/2700/2600 series (3700 supported beginning with 15.2(4)JB; 2700 beginning with 15.2(4)JB5)
ap3g1 - 3500/1260 series
In lightweight mode, there is Recovery Imange & Full-image. (Recovery image has min files to boot the AP & discover a WLC, then WLC will push the full image according to the software code running on WLC.
ap3g2-k9w8-mx.152-4.JB6
ap3g2-rcvk9w8-mx
In this case you can see some directories with the above name on your AP. So corresponding image should be within these sub-directories.
HTH
Rasika
**** Pls rate all useful responses ****

1 by 1 image slider with multiple images showing

Is it possible to do this?
http://www.patinagroup.com/

Hi
There is no direct widget to achieve this , but you can try resizing slideshow and then use different slideshow , use pin feature to fix the page position.
Thanks,
Sanjit

How do you create a rollover so larger image appears nearby?

I'd like to create a rollover so that when your mouse moves over the first, the rollover appears as a larger image near to the first.

You can do it with pure CSS, too.
Disjointed Image Rollover -
http://alt-web.com/DEMOS/CSS-Disjointed-Image-Rollover.shtml
Disjointed Image Gallery -
http://alt-web.com/DEMOS/CSS-Disjointed-Image-Gallery.shtml
Disjointed Menu Rollover -
http://alt-web.com/DEMOS/CSS-Disjointed-Menu-Rollover.shtml
Disjointed Text Rollover -
http://alt-web.com/DEMOS/CSS-Disjointed-Text-Rollover.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Image processing with imaq vision with 2 webcams on the same computer

Hi,
I'm currently trying to set up 2 usb webcams (logitech quickcam for notebooks pro). I want to be able to have them both run simultaneously and do some image processing with the images that I get from both cameras with labview and imaq vision.
As of right now, I'm having trouble getting both cameras to run at the same time. Any help would be gladly appreciated. Thanks.

The USB IMAQ driver will not support running 2 USB cameras at a time (I believe it is a limitation of the DirectShow interface). You could open one camera, acuqire an image, close the reference to that camera and then do the same for the second camera.
If you need simultaneous acquisition, look at possibly moving to 1394 cameras or analog cameras.

Image Rollover issues with IE

I am working with CS4 and trying to do a simple image rollover exercise for a class I am taking, I have selected the initial image and the replacement image and a link. When I go to view the image rollover does not work but the link does. I veiwed in Firefox and Opera and the rollover works as expected.
Any Ideas?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">

</script>
</head>
<body onload="MM_preloadImages('images/triangle.gif')">
<p><a href="http://www.trilateral.org" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('trilateral','','images/triangle.gif',1)"><img src="images/square.gif" name="trilateral" width="84" height="83" border="0" id="trilateral" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
Here is the code, it works in Opera and Firefox but the mouseover changing to the square to a triangle does not work in IE but the link works.
Appreciate any insight you can provide.
Ron

Inserting an image into Clearbox with html code

Hi guys,
I am using Clearbox to make pop up boxes so I can use text and images in it and I am editing them with html code.
This is the code that I have (default for clearbox html)
<div class="item"><a href="htmlcontent" rel="clearbox[gallery=Gallery,,width=400,,height=200,,html=<br /><strong><font size="4" color="#999">BRC Food!</font><br /><br />You can use most of html codes. For more information, please check the 'Professional usage' on www.clearbox.hu!</strong>,,title=HTML content]"><img src="images/brc_food_1.jpg" alt="html content" /></a></div>
This code works fine, but I also want to add an image to it.
<img src="images/brc_food.jpg" alt="BRC Food" width="500" height="334">
Can anyone tell me how I would add the above together. Just inserting it into the code does not work, and I have also tried replacing the
< INSTEAD OF < / > INSTEAD OF > / " INSTEAD OF "
Any help would be appreciated

Whenever I deploy Fancybox on a page, I usually throw "the whole enchilada", to use a food analogy, in there:
I link to every possible script from Fancybox just in case I'll need it.
<script type="text/javascript" src="fancybox/lib/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css" media="screen">
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-buttons.css">
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/helpers/jquery.fancybox-thumbs.css">
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js"></script>
<script type="text/javascript" src="fancybox/lib/fancybox_definitions.js"></script>
That last one "fancybox_definitions" is simple a remote file I made from the inline styiling I found in thwe Fancybox demo page:
It reads as follows:
// JavaScript Document
$(document).ready(function() {
* Simple image gallery. Uses default settings
$('.fancybox').fancybox();
* Different effects
// Change title type, overlay closing speed
$(".fancybox-effects-a").fancybox({
helpers: {
title : {
type : 'outside'
overlay : {
speedOut : 0
// Disable opening and closing animations, change title type
$(".fancybox-effects-b").fancybox({
openEffect : 'none',
closeEffect     : 'none',
helpers : {
title : {
type : 'over'
// Set custom style, close if clicked, change title type and overlay color
$(".fancybox-effects-c").fancybox({
wrapCSS    : 'fancybox-custom',
closeClick : true,
openEffect : 'none',
helpers : {
title : {
type : 'inside'
overlay : {
css : {
'background' : 'rgba(85,164,194,0.85)'
// Remove padding, set opening and closing animations, close if clicked and disable overlay
$(".fancybox-effects-d").fancybox({
padding: 0,
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
closeClick : true,
helpers : {
overlay : null
* Button helper. Disable animations, hide close button, change title type and content
$('.fancybox-buttons').fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
helpers : {
title : {
type : 'inside'
buttons     : {}
afterLoad : function() {
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
* Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
$('.fancybox-thumbs').fancybox({
prevEffect : 'none',
nextEffect : 'none',
closeBtn : false,
arrows    : false,
nextClick : true,
helpers : {
thumbs : {
width : 50,
height : 50
* Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
$('.fancybox-media')
.attr('rel', 'media-gallery')
.fancybox({
openEffect : 'none',
closeEffect : 'none',
prevEffect : 'none',
nextEffect : 'none',
arrows : false,
helpers : {
media : {},
buttons : {}
* Open manually
$("#fancybox-manual-a").click(function() {
$.fancybox.open('1_b.jpg');
$("#fancybox-manual-b").click(function() {
$.fancybox.open({
href : 'iframe.html',
type : 'iframe',
padding : 5
$("#fancybox-manual-c").click(function() {
$.fancybox.open([
href : '1_b.jpg',
title : 'My title'
href : '2_b.jpg',
title : '2nd title'
href : '3_b.jpg'
helpers : {
thumbs : {
width: 75,
height: 50
Copy that block of code and save it into a js file with the name "fancybox_definitions" in the fancybox/lib folder.
Then add the other "calls" to Fancybox files to your header. It should work from there.

Invisible submit button with image rollover

I have a need to combine a rollover image with a form submit
button. I need the submit button to not be visible except for those
that know where to look.
I have a database query that displays rows of data. Each row
has a checkbox to select that item, so the data table is in a form;
the checkbox is a cfinput. In order to pass the parameters of the
checked items, a submit button must be used to submit the form
values.
My need is for the submit button to be the rollover image.
Only users that know where to find the rollover image will be able
to submit the list of checked form values. "Regular" users
shouldn't be in that area of the screen.
So, a combined rollover image submit button is needed.
Ideas? Thanks...Rick...

document.yourformname.submit didn't work.
But then discovered that the href value needs to be empty (or
"#") to work. This code works: (rollover images with the submit()
code):
<a href="#"
onClick="javascript:submit()"
onmouseover="MM_swapImage('Image9','','images/change-meeting-date.png',1)"
onmouseout="MM_swapImgRestore()">
<img src="images/blank-hidden-area.png"
name="Image9"
width="111"
height="11"
border="0"
id="Image9" />
</a>
When, in DW, you add the rollover image, you need to leave
the href value empty. I suppose that lets the submit button use the
<cfform action...> value as the results page, letting the
form values pass to the results page.
Now, the next step is to have two different rollover images
with submits() that point to two different result pages, while
still using one cfform. (Two submits in one form, each submit
pointing to a different results page.)
...Rick...

JavaScript Image Rollover with html:image ?

Similar Messages

Maybe you are looking for