Podmiana obrazków w polu imput, jak to zrobić? Opcje

[pc5]

Witam!

Mam takie pole :

[HTML] pobierz, plaintext 
<input class="none" type="image" src="images/szukaj_sm.gif" ALT="szukaj" NAME="szukaj1" border=0>
[HTML] pobierz, plaintext 

Jest to po prostu obrazek lupki, po nacisnieciu ktorego rozpoczynamy wyszukiwanie, jest on czescia pewnego formularza. Czy da sie zrobic podmienianie obrazkow przy najechaniu kursorem na ten "obrazko-submit"? Próbowałem ale nic mi nie zadziałało.

Pozdrawiam - KM

[mario]

Rollover Submit Image

Najpierw skopiuj ten skrypt JAVA:

[HTML] pobierz, plaintext 
<script TYPE="text/javascript">
<!--
// copyright 1999-2001 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but keep this 
// notice with the code.
var submitRolls = new Object();
 
function submitroll(src, oversrc, name)
{
this.src=src;
this.oversrc=oversrc;
this.name=name;
this.alt="Submit Query";
this.write=submitroll_write;
}
 
function submitroll_write()
{
var thisform = 'document.forms[' + (document.forms.length - 1) + ']';
submitRolls[this.name] = new Object();
submitRolls[this.name].over = new Image();
submitRolls[this.name].over.src = this.oversrc;
submitRolls[this.name].out = new Image();
submitRolls[this.name].out.src = this.src;
 
document.write
	(
	'<A onMouseOver="if (document.images)document.images['' + this.name + "'].src=submitRolls['" + this.name + ''].over.src"' + 
	' onMouseOut="if (document.images)document.images['' + this.name + "'].src=submitRolls['" + this.name + ''].out.src"' + 
	' HREF="javascript:'
	);
 
if (this.sendfield)
	{
	if (! this.sendvalue)
		this.sendvalue = 1;
	document.write(thisform, ".elements['", this.sendfield, "'].value='", this.sendvalue, "';");
	}
 
document.write(thisform + '.submit();void(0);"');
if (this.msg)document.write(' onClick="return confirm('' , this.msg, '')"');
document.write('>');
 
document.write('<IMG SRC="' + this.src + '" ALT="' + this.alt + '" BORDER=0 NAME="' + this.name + '"');
if (this.height)document.write(' HEIGHT=' + this.height);
if (this.width)document.write(' WIDTH='  + this.width);
if (this.otheratts)document.write(' ' + this.otheratts);
document.write('></A>');
if (this.sendfield)
	{
	document.write('<INPUT TYPE=HIDDEN NAME="' + this.sendfield + '">');
	document.forms[document.forms.length - 1].elements[this.sendfield].value='';
	}
}
 
//-->
</SCRIPT>
[HTML] pobierz, plaintext 

i robisz formularz z tego:

[HTML] pobierz, plaintext 
<FORM ACTION="../cgi-bin/mycgi.pl">
email: <INPUT NAME="email">
 
<script TYPE="text/javascript">
<!--
var sr = new submitroll("submit.out.gif","submit.over.gif","mysubmit");
sr.write();
//-->
</SCRIPT>
 
<NOSCRIPT>
<INPUT TYPE=SUBMIT VALUE="Go!">
</NOSCRIPT>
 
</FORM>
[HTML] pobierz, plaintext