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 

[pc5]

Rzeczywiście to działa, ale jest jeden problem. W php nie mogę teraz sprawdzić czy naciśnięto przycisk szukaj, ponieważ nie jest on przekazywany do tablicy $_POST. Dla mnie akurat jest to duży problem. Może jakieś inne rozwiązanie?

Pozdrawiam - KM

[mario]

więc zastosuj w formularzu

[HTML] pobierz, plaintext 
<input type=hidden name=submit value=ok>
[HTML] pobierz, plaintext 

i dostaniesz w $_POST[submit] wartość która poinformuje Cię o przesłaniu formularza.

[kubatron]

mario: nie wprowadzaj ludzi w błąd, ponieważ ten skrypt co podałeś to nie jest jak napisałeś "JAVA", tylko jest to skrypt "JAVASCRIPT" a to wielka różnica, pierwsze poczytać co to JAVA potem poczytaj co to JAVASCRIPT...

To taka uwaga...

[pc5]

więc zastosuj w formularzu

[HTML] pobierz, plaintext 
<input type=hidden name=submit value=ok>
[HTML] pobierz, plaintext 

i dostaniesz w $_POST[submit] wartość która poinformuje Cię o przesłaniu formularza.

A właśnie ze w tablicy $_POST jest wartość pola text które się wypełnia, ale nie ma żadnego info o przycisku szukaj, ani nawet współrzednych szukaj_x i szukaj_y, a to przecież obrazek submit. Tak więc jeżeli mam 4 takie obrazki, to nie jestem w stanie sprawdzić który został naciśnięty, ponieważ mam 4 submity w formularzu, każdy działa troszkę inaczej. Tak więc... lipa.

Próbowałem metodą CSS, działa pod FF, ale pod IE już nie. Makabraaa...

[FiDO]

Po wstepnym obejrzeniu kodu moge stwierdzic, ze da sie cos takiego zrobic...

Kod

var sr = new submitroll("submit.out.gif","submit.over.gif","mysubmit");
sr.sendfield = 'nazwa_pola';
sr.write();

Nie sprawdzalem tego, ale z kodu wynika, ze powinno dzialac.