Formular-Schaltflächen

[wenco]

Hallo,
ich habe ein Schönheitsproblem

Also ich habe ien Formular und möchte neben den Standartschaltflächen:
Zurücksetzen und Senden auch noch einen grafisch gleichen Drucken-Button haben.
Nun habe ich diesen getürkt und als img/Grafik reingesetzt, nicht bedenkend, dass andere Browser (wie Safarie) die Standartbuttons ja anders anzeigen....

Nun meine Frage: Gibt es eine Möglichkeit ein Formularbutten so zu programmieren, dass es druckt? (Ich hab es nicht hingekriegt) O D E R
Gibt es die Möglichkeit Formularbuttons durch Grafíken zu ersetzen?

Danke wenco

 

[Fabian H]

Folgender Button wird als Bild dargestellt und uebernimmt die Funktion des Submit Buttons:

<input type="image" src="submit.png" alt="Abschicken" />

 

[SilentWarrior]

Gibt es eine Möglichkeit ein Formularbutten so zu programmieren, dass es druckt?

<button name="Drucken" type="button" value="Diese Seite ausdrucken" onclick="window.print()">
<img src="print.png" width="20" height="20" alt="Diese Seite ausdrucken" border="0" />
</button>

 

[Gumbo]

Damit es die nicht JavaScript-Benutzer nicht verwirrt, sollte dein Lösungsvorschlag auch erst mittels JavaScript in das Dokument implementiert werden.

 

[wenco]

WOW, vielen Dank für eure schnellen Antworten.
Ich probier alles aus und meld mich dann nochmal.

Danka wenco

 

[wenco]

Beide Möglichkeiten habe ich hinbekommen. Das ist doch mal ne Entscheidungsgrundlage.
Vielen Dank nochmal.

wenco

 

[Golz]

Hi,

ich hol den Beitrag mal wieder hoch, weil ich auch an diesem Problem arbeite. Aber mein Problem iss ein bissle größerer Natur ^^

also folgendes:

ich hab den Vorschlag vom SilentWarrior mal benutzt.

<SCRIPT LANGUAGE="JavaScript">
pic = new Image();
pic.src = "login2.bmp";
</SCRIPT>

<button type="submit" onMouseOver="login1.src='login2.bmp';" onMouseOut="login1.src='login1.bmp';" src="login1.bmp" border-color:#FFFFFF; background-color:#FFFFFF" ><img src="login1.bmp" alt="Submit" name="login1" height="22" width="55"></button>

Ich hab halt noch ein bissle JavaScript mit eingebaut, dass die Bilder nicht so starr sind.

aber wenn ich es so mache, dann erstellet er einen Button und setzt das Bild in die Mitte rein aber ich finde das nicht so schön, da mein Butto ja schon in Form eines Bildes existiert. ich kann es aber auch nicht mit einer Verlinkung machen, da ich ja eine SUBMIT brauche.


hat da einer eine Idee wie man das Problem lösen kann?

Vielen Dank

Gruß

Patrick

 

[SilentWarrior]

aber wenn ich es so mache, dann erstellet er einen Button und setzt das Bild in die Mitte rein aber ich finde das nicht so schön, da mein Butto ja schon in Form eines Bildes existiert.

Das soll ja auch so sein. Das, was zwischen <button> und </button> steht, wird genau so in dem Button angezeigt. Wenn du da ein "normales" Bild drin haben willst, dann schnapp dir ein Bildbearbeitungsprogramm und ändere dein Bild.

Ich hab aber ehrlich gesagt nicht so ganz verstanden, was du genau meinst. Ein Link oder ein Screenshot wäre nett.

 

[Golz]

kann ich leider beides nicht, weil ich keinen webserver habe das ist alle für Interne Seiten gedacht bzw. für ein Schulprojekt.

meine Bilder sehen schon aus wie win Button, deswegen.

wenn ich zwischen <button> und </button> was schreibe, dann macht er mir nochmal einen button um nein Bils aber es entsteht ein rand . naja egal

kann ich auch via <a href="" ..... ein Submit erzeugen?

weil da klappt es mit dem Button. ich brauch halt ein Submit um des ganze weiter schicken zu können. statische Links habe ich kaum drin.

 

[SilentWarrior]

kann ich auch via <a href="" ..... ein Submit erzeugen?

Kannst du machen. Der Code dazu sähe folgendermassen aus:

<form id="myform">
...
<a href="javascript:document.gelementbyid('myform').submit();"><img src="..."></a>
</form>

Ich verstehe aber immer noch nicht, was du genau meinst mit "dann macht er mir nochmal einen button" - bei mir funktioniert das wunderbar:

http://de.selfhtml.org/html/formulare/anzeige/button.htm