Button durch Grafik ersetzen

[Freeloader]

Hallo zusammen,

wie im Beitragstitel zu erkennen, möchte ich einen Button auf meiner Seite durch eine Grafik ersetzen, bzw. ich möchte wissen wie das generell funktioniert. Der Button ist derzeit so in die Datei eingebunden:

<p align="right"><font color="#000080" size="2" face="Arial"><input
type="button" value="Einloggen" onClick="loadpage()"> </font> </td>

Dieser Button soll durch die Grafik mit dem Pfad "img/button/einloggen.gif" ersetzt werden. Dazu habe ich folgenden Tip gefunden:

<input type='image' src='img/button/einloggen.gif'>

Nachdem ich dann gestern nach stundenlangem Rumprobieren verzwiefelt bin, habe ich es irgendwann aufgegeben. Ich bekomme das einfach nicht hin. Der Button wird zwar durch meine Grafik ersetzt, ein Klick auf die Gafik bleibt jedoch ohne Funktion.

Wäre super wenn mir jemand weiterhelfen kann, und bitte keine komplizierten Antworten, wie ihr sicher festgestellt habt bin ich kein Profi
Optimal wäre der fertig umgeschriebene Text, den ich anstelle des obigen einsetzen kann. Im Vorraus vielen Dank!! Gruß Henner


Mod-Edit: Code-Tags hinzugefügt. Bitte das nächste Mal selbst anstatt bunter Formatierungen verwenden. (Maxi)

 

[mi-schi]

Weiterverarbeitung mit PHP? Geht nicht, siehe Selfhtml. Du musst einen unsichtbaren "hidden" Button mit einfügen und diesen prüfen.

 

[Freeloader]

Hallo Michael,

danke für deine Antwort. Wie bereits erwähnt bin ich kein Profi und kann mit deinem Vorschlag leider nichts anfangen. Wäre gut wenn ich hier einen Lösungsweg für meine Herausforderung finden würde. Gruß

 

[BcF]

PHP? Wieso hidden?
Mit dem Button wird doch einfach nur ne JS-Funktion aufgerufen, das müsste sich ganz einfach so umsetzen lassen:

<input type="image" src="img/button/einloggen.gif" onclick="loadpage()" />

 

[Freeloader]

Hallo,

habe jetzt den von dir vorgeschlagenen Text statt des obigen Meinen eingefügt. Komischerweise findet er mit diesem Text weder die Grafik, noch führt er meine Script aus. Stattdessen steht folgendes in der Adresszile des Browsers: MEINEDATEI.htm?user=&pswd=&x=11&y=10. Er setzt also i-was mit user und pswd dahinter. Ich bin verwirrt und dankbar für weitere Hilfe!!

PS: Der Pfad zum Bild stimmt, daran liegt es nicht, dass das Bild nicht gefunden wird.

 

[BcF]

Hab bei onclick aber genau das hingeschrieben, was oben in deinem ersten Post auch steht.
Und das mit der Grafik hab ich jetzt getestet im FF, IE und Opera => ging alles, bist du ganz sicher, dass der Pfad richtig eingetragen ist (Groß-/Kleinschreibung, Slashes verwendet "/" (keine Backslashes "\"))?

 

[Freeloader]

Das die Grafik nicht gefunden wurde lag an mir.. *schäm*
Hab das "../" am Anfang des Pfads vergessen. Okay, also die Anzeige passt soweit, allerdings funktioniert das immernoch nicht. Die eigentliche Aufgabe meines Scripts ist es, die Eingaben in den beiden Textfeldern hintereinander zu setzen, und dann .htm dahinter zu schreiben. Gibt der Nutzer also in das Feld Kundennummer "1234" ein und in das Feld Kennwort "pass", öffnet sich durch ein Klick auf den Button die Seite 1234pass.htm. Wenn ich jetzt den Button durch die Grafik wie von dir vorgeschlagen ersetze, wird auch eine Seite mit den Benutzereingaben geöffnet, allerdings auch mit anderen Variablen und ohne Dateiendung. Da ich das hier schlecht beschreiben kann, hab ich beide Versionen mal zum Testen hochgeladen.

Hier die ursprüngliche, funktionierende Version:

Kunden Login

Hier die Version, wo der Button durch meine Grafik ersetzt ist:

Kunden Login

Den Quelltext bitte über die Browerfunktion aufrufen. Zum Testen hab ich mal eine Bestätigungsseite 1234pass.htm eingerichtet!

Nochmal vielen Dank für die Hilfe, ich hoffe mir kann geholfen werden!
Gruß Henner

 

[freak131]

was ist das denn für nen passwortschutz :roll:

 

[BcF]

Fehler gefunden

- <input type="image" ...> schickt das Formular ab und da kein Ziel (action="") im <form> Tag angegeben ist, sendet es sich "an sich selbst" und hängt die Variablen per GET an. Da die Seite neu geladen wird, wird die JS-Funktion loadpage() hinfällig.

Beheben lässt sicht das ganze, indem man anstelle des <input> Tags einfach ein Bild benutzt:

<img src="../img/button/einloggen.gif" alt="" onclick="loadpage()" style="cursor:pointer;" />

 

[Freeloader]

Geil das funktioniert, du bist mein persönlicher Held des Tages

Danke dir vielmals!!