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

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 

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

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.

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...

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...

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


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