hilfdirselbst.ch
Facebook Twitter gamper-media
Alex
Beiträge: 48
20. Dez 2003, 15:33
Beitrag #1 von 10
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Hallo!

Weiß nicht ob das hier richtig ist:

Wie kann ich anstelle eines Submit Buttons eine Grafik in ein Formular einbauen?

Geht das mit PHP, oder ist das eher ne Aufgabe für JavaScript?

gruß
alex Top
 
X
SabineP  M 
Beiträge: 7586
20. Dez 2003, 15:43
Beitrag #2 von 10
Beitrag ID: #63207
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Hallo Alex,

das geht weder mit PHP noch mit Javascript, sondern nur mit HTML:

<INPUT TYPE="image" SRC="bild.gif">

http://www.edition-w3.de/.../forms.html#h-17.4.1

Gruß Sabine
als Antwort auf: [#63206] Top
 
Alex
Beiträge: 48
20. Dez 2003, 19:33
Beitrag #3 von 10
Beitrag ID: #63221
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Oh super, vielen Dank!
als Antwort auf: [#63206] Top
 
Alex
Beiträge: 48
20. Dez 2003, 21:40
Beitrag #4 von 10
Beitrag ID: #63229
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Hallo Sabine,

danke für Deine Hilfe, aber bei mir scheint es nicht zu funktionieren.

Mein Code sieht folgendermaßen aus:

<input type="image" name="senden" src="../ok.jpg" alt="Senden" border="0">

Jetzt wird das Formular nur immer wieder neu geladen, aber die Daten werden nicht verarbeitet. Mit einem Submit-Button funktioniert alles tadellos.

Weißt Du (/jemand) Rat?

gruß alex
als Antwort auf: [#63206] Top
 
SabineP  M 
Beiträge: 7586
20. Dez 2003, 21:58
Beitrag #5 von 10
Beitrag ID: #63231
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Alex, wie sah denn der Quellcode des Submit - Buttons vorher aus?
Hatte der Submit - Button <input type="submit" ...
irgendwelche Attribute, die Dein Script ausgewertet hat?

Gruß Sabine
als Antwort auf: [#63206] Top
 
Alex
Beiträge: 48
20. Dez 2003, 22:53
Beitrag #6 von 10
Beitrag ID: #63234
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Quellcode vom Submit Button sieht folgendermaßen aus:

<input type="submit" name="senden" value="senden">

außerdem gibt es noch:

<?
if (isset($_POST["senden"]))
{
// zusätzlicher Code

?>

Hast Du ne Idee?
als Antwort auf: [#63206] Top
 
SabineP  M 
Beiträge: 7586
20. Dez 2003, 23:26
Beitrag #7 von 10
Beitrag ID: #63237
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Hallo Alex, bei der W3C steht noch (siehe Link oben)

"Wird ein Zeigergerät verwendet, um auf ein Bild zu klicken, dann wird das Formular übertragen und die Klick-Koordinaten werden an den Server weitergeleitet. Der x-Wert wird in Pixeln von der linken Seite des Bildes und der y-Wert wird in Pixeln von der Oberseite des Bildes gezählt. Die übermittelten Daten enthalten name.x=x-Wert und name.y=y-Wert, wobei »name« der Wert des Attributs name ist, und x-Wert sowie y-Wert die Werte der x- bzw. y-Koordinaten sind."

Ich habe das jetzt mal getestet mit
<FORM METHOD="post" ACTION="info.php">

Die info.php sieht so aus:
<?phpinfo()?>

Der Browser sendet die Klick-Koordinaten, wenn man auf das Bild klickt
zum Beispiel:

senden.x=61&senden.y=27

die PHP Variablen sehen so aus:

Variable|Value

_POST["senden_x"]|61
_POST["senden_y"]|27

Ich weiß nicht, was Du im PHP-Code-Schnipsel auswertest.
Wenn Du nur den Namen des Submit-Buttons auswerten möchtest, dann versuchs mal so:

<input type="image" name="senden_x" src="../ok.jpg" alt="Senden" border="0">

Gruß Sabine
als Antwort auf: [#63206]
(Dieser Beitrag wurde von SabineP am 20. Dez 2003, 23:27 geändert)
Top
 
Alex
Beiträge: 48
21. Dez 2003, 01:30
Beitrag #8 von 10
Beitrag ID: #63241
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Wow, super!!!!

Danke für die ausführliche Info, werde ich direkt mal testen.....
als Antwort auf: [#63206] Top
 
SabineP  M 
Beiträge: 7586
21. Dez 2003, 01:46
Beitrag #9 von 10
Beitrag ID: #63242
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Oh moment Alex, habe einen Fehler gemacht.

"senden_x" muß natürlich in das PHP Script

<?
if (isset($_POST["senden_x"]))
{
// zusätzlicher Code
?>

und der Button darf nur "senden" heißen

<input type="image" name="senden" src="../ok.jpg" alt="Senden" border="0">

Gruß Sabine
als Antwort auf: [#63206] Top
 
Alex
Beiträge: 48
21. Dez 2003, 14:11
Beitrag #10 von 10
Beitrag ID: #63255
Bewertung:
(2724 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Grafik als Submit Button


Super, es klappt!!!

Vielen Dank nochmal!

als Antwort auf: [#63206] Top
 
X