Steini: Bild auf Submit Button

Beitrag lesen

Hallo, mein erster Fred hier im Forum, da ich sonst immer alles durch die Suche gefunden habe. Wenn man sich den Betreff anschaut kann man denken, dass es das Thema schon x-mal gab, jedoch habe ich keine Lösung gefunden.

Also gut, ich versuchs so gut wie möglich zu erklären:

Ich möchte mir auf meine selbstgeschriebene Startseite einen Button machen, der mich beim Catererservice meiner Schule direkt einloggt.
Kein Problem. Quelltext kopiert und eingefügt, Benutzername und Passwort eingefügt, URLs vervollständigt... Super.
Funktioniert soweit gut, aber jetzt is das nur son hässlicher Standart Button wie bei allen "submit" Formularen.

  
	<form name="form1" method="post" action="https://www.meinessen.net/Nibelungenland/Vorbesteller/Default.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="form1" onkeyup="return handleKeyUp()">  
		<input name="__EVENTTARGET" id="__EVENTTARGET" value="" type="hidden">  
		<input name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" type="hidden">  
		<input name="__VIEWSTATE" id="__VIEWSTATE" type="hidden" value="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LjAyLjE5OTUNCg0KPGJyPg0KPGJyPg0KRGllIEJhbmt2ZXJiaW5kdW5nIGxhdXRldDoNCg0KPGJyPg0KRnJldW5kZXNrcmVpcyBIR1MNCjxicj4NClNwYXJrYXNzZSBIZWlkZWxiZXJnDQo8YnI+DQpCTFogNjcyIDUwMCAyMA0KPGJyPg0KS29udG8gTnIuIDkwIDEzMzc3DQoNCjxicj4NCjxicj4NCm9kZXIgDQoNCjxicj4NCjxicj4NClZvbGtzYmFuayBLdXItdW5kIFJoZWlucGZhbHplRyA8YnI+DQpCTFogNTQ3IDkwMCAwDQo8YnI+DQpLb250byBOci4gMTAgNTYwODUNCg0KPGJyPg0KPGJyPg0KSWhyZSDDnGJlcndlaXN1bmcga2FubiBudXIgZXJrYW5udCB3ZXJkZW4sIHdlbm4gU2llIGltIFZlcndlbmR1bmdzendlY2sgWmVpbGUgMSBkaWUgcmljaHRpZ2VuIERhdGVuIGFuZ2ViZW4uIERhcyBzaW5kIGRpZSBCdWNodW5ncyBOciB1bmQgZGFzIEdlYnVydHNkYXR1bS4NCkJlaXNwaWVsOiAyMjYtMTIzNDU2Nw0KMDcuMDIuMTk5NQ0KRWluZSBCdWNodW5nc25yLiBPaG5lIEJpbmRlc3RyaWNoIHdpcmQgbmljaHQgYWt6ZXB0aWVydC4gRWluIEdlYnVydHNkYXR1bSBkYXMgdm9tIEZvcm1hdCBUVC5NTS5KSkpKIGFid2VpY2h0LCB3aXJkIG5pY2h0IGFremVwdGllcnQuDQofBgUFMTAwcHhkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYBBRdMb2dpbjEkTG9naW5JbWFnZUJ1dHRvbiRTL71MmXr2sCL5E7nzHfzc1Rba">  
		<input name="TransferValues" id="TransferValues" type="hidden">  
		<input name="txtKartenbetrag" id="txtKartenbetrag" type="hidden">  
		<input name="txtLocation" id="txtLocation" type="hidden">  
		<input name="txtTouch" id="txtTouch" type="hidden">  
		<input name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCAK84JX1CQL81qLkDQL10cXFCgKV6YbiAQL41ocoApS81rUPAvrrq9gMAqfPjJsIietbq39eUzP3dzWQ27My0u35spg=" type="hidden">  
		<input name="Login1$UserName" id="Login1_UserName" value="*BENUTZERNAME*" type="hidden">  
		<input name="Login1$Password" id="Login1_Password" value="*PASSWORT*" type="hidden">  
		<input name="Login1$LoginButton" type="submit" onclick='WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Login1$LoginButton", "", true, "Login1", "", false, false));' id="Login1_LoginButton">  
	</form>  

So.
Da würd ich jetzt gern ein Bild draufmachen.
Ich hab stundenlang verschiedene Möglichkeiten ausprobiert.
z.B.:

  
<input name="Login1$LoginButton" type=image src="http://steinator.st.funpic.de/favs/Catering.png" border="0" onclick='WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Login1$LoginButton", "", true, "Login1", "", false, false));' id="Login1_LoginButton">  

Ich bin so durcheinander, dass mir nichmehr mehr einfällt was ich alles ausprobiert habe, aber auf jeden Fall gings immer schief und zwar immer gleich!
Man wurde verwiesen auf die eigendliche Einloggseite (https://www.meinessen.net/Nibelungenland/Vorbesteller/Default.aspx) und der Benutzername war eingetragen, jedoch nicht das Password und abgesendet wurde das Formular auch nicht.
Ich denke es liegt daran, dass das onclick nicht verarbeitet wird, aber ich habe keine Ahnung warum geschweige denn wie man das ändern könnte.

Habe mäßige HTML Kenntnisse und keine Javascriptkenntnisse, also bitte Ausführlich erklären oder gleich den neuen Code posten.

Schonmal DANKE für eure Mühen.
MfG Daniel