Ein grafischer "Submit"-Button (JavaScript)
Den etwas plumpen üblichen "Submit"-Knopf eines Formulars kann man auch durch eine Grafik nach Wahl ersetzen. Allerdings funktioniert dies beim "Netscape Navigator 3" nicht, während der "Internet Explorer 3" mit einem "Reset" dieser Art nicht zurechtkommt. Bei dem Beispiel, das ich in Folge darstelle, kommt weiterhin zum Tragen, daß der Navigator 2 und 3 Probleme mit "document.write" innerhalb von Tabellen hat. Dort schafft ein "blindes GIF" direkt vor dem JavaScript seltsamerweise Abhilfe...

Dieses Beispiel enthält nur einen "Submit"-Knopf, der "Reset"-Knopf wird entsprechend mit reset() eingebaut ("Internet Explorer 3" ausschließen!) Außerdem erscheint selbstverständlich bei allen Browsern, die Probleme mit diesem grafischen Button oder kein JavaScript (aktiviert) haben, der übliche Button!

<FORM METHOD=POST NAME="suche" ACTION="...">
<CENTER><TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0>
<TR><TD BGCOLOR="#000000" VALIGN="MIDDLE">
<INPUT TYPE=TEXT NAME="terms" SIZE=30>&nbsp;</TD>
<TD VALIGN="MIDDLE">
<SELECT NAME="boolean">
<OPTION>AND
<OPTION>OR
</SELECT>&nbsp;</TD>
<TD VALIGN="MIDDLE">
<IMG SRC="blind.gif" ALT="" WIDTH=1 HEIGHT=1 BORDER=0>
<SCRIPT LANGUAGE="JavaScript"><!--
if ((navigator.appName == 'Netscape') && (navigator.appVersion.charAt(0) == '3')) {
	document.write('</TD><TD BGCOLOR="#000000" VALIGN="MIDDLE">');
	document.write('<INPUT TYPE=SUBMIT VALUE="Start">');}
else {
	document.write('</TD><TD BGCOLOR="#000000" VALIGN="MIDDLE">');
	document.write('<A HREF="javascript:self.document.suche.submit()"><IMG');
	document.write(' SRC="submit.gif" LOWSRC="blind.gif" ALT="Submit"');
	document.write(' WIDTH=62 HEIGHT=28 BORDER=0></A>);}
//-->
</SCRIPT><NOSCRIPT>
<INPUT TYPE=SUBMIT VALUE="Start">
</NOSCRIPT></TD>
</TR></TABLE></CENTER></FORM>

tricky html © Thorsten Duhn