Rollover with Find & Submit

Sam Laundon · October 4, 2003

Can rollovers be used with a find or submit action? If yes, what would the cdml code look like?

Thanks in advance - Sam

Garry Claridge · October 4, 2003

Yes they can.

You can use either a URL or a Form. If you use a Form you can submit it with something like this:

<a href="Javascript:document.myform.submit();" .....

All the best.

Garry

Sam Laundon · October 7, 2003

Thanks for your answer, but I am not very familiar with javascript. Could you show me what it should look like in relation ship to my code?

</form>

Thanks again for you help

Garry Claridge · October 7, 2003

</form>

The image can have the regular rollover actions with "onMouseOver()" etc.

All the best.

Garry

Leb i Sol · October 8, 2003

<a href="Javascript:document.FormName.submit();">ROLLOVER CODE</a>

<a href="Javascript:document.FormName.reset();">ROLLOVER CODE</a>

in Dreamweaver:

<html>

<head>

<title>Rollover From Buttons</title>

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

</head>

<body onLoad="MM_preloadImages('/images/SubmitOver.jpg','/images/ResetOver.jpg')">

<form action="The_Page" method="post" name="FormName">

<input name="txSomeField" type="text" id="txSomeField">

<a href="Javascript:document.FormName.submit();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('SUBMIT','','/images/SubmitOver.jpg',1)">

<img src="/images/Submit.jpg" name="SUBMIT" width="50" height="30" border="0"></a>

</form>

</body>

</html>

All the best!

Sign In

Rollover with Find & Submit

Recommended Posts

Sam Laundon

Garry Claridge

Sam Laundon

Garry Claridge

Leb i Sol

Create an account or sign in to comment

Create an account

Sign in

Browse

Site Support

Forums

Blogs

Marketplace

Activity

Important Information