Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Problem mit dem Submit-Button im Formular » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Problem mit dem Submit-Button im Formular
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Pami Pami ist weiblich
Mitglied


images/avatars/avatar-53739.png

Dabei seit: 04.08.2006
Beiträge: 593
Herkunft: Stuttgart

Problem mit dem Submit-Button im Formular Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Heeyy..
also ich bin jetzt echt verzwifelt ^^

und zwar bin ich gerade am Gäsebuch, beim Eintragen. Die Ausgabe hab ich noch nicht aber das ist ja egal.
Aber ich möchte für das Formular unbedingt eine Grafik als Button.

Ein Button ohne Grafik, also der ganz normale funktioniert.
code:
1:
<input type="submit" name="submit" value="Eintragen">


Ich habs schon mit Javascript versucht:
code:
1:
<a href="" onClick="document.gastebuch.submit()"><img src="Skins/1/images/b_eintragen.png" border="0"></a>

Da passiert allerdings garnichts.

Dann hab ichs mit Css versucht. Funktioniert aber auch nicht. Sieht bei mir so aus:
code:
1:
<input type="submit"  style="background-image: url(Skins/1/images/b_eintragen.png); width: 115px; height: 17px; border: 0px;   background-color:#DCDADA" value="">

Also mit CSS siehts schonmal besser aus als mit Java! Die Seite wird neu geladen und wenn ich im Browser auf "Zurück" klicke kommt "Erneut senden?" Nur kommt in der Datenbank nichts an. Der Reset-Button funktioniert allerdings auf diese Art und Weise..


ich hoffe ihr könnt mir helfen smile

__________________

18.06.2010 15:12 Pami ist offline E-Mail an Pami senden Homepage von Pami Beiträge von Pami suchen Nehmen Sie Pami in Ihre Freundesliste auf
Oli
Server-Administrator


Dabei seit: 13.06.2010
Beiträge: 1.540

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Hi,

du machst dir das viel zu kompliziert. Es gibt einen "Grafikbutton" als Formularelement in HTML:

code:
1:
<input type="image" src="Skins/1/images/b_eintragen.png" name="submit" value="Eintragen">


Bei Bedarf könnten auch die Attribute width und height gesetzt werden.


LG,
Oli

P.S.: Die CSS-Version würde sicherlich auch funktionieren, du hast lediglich das name-Attribut vergessen.

Edit: Tippfehler

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Oli: 18.06.2010 15:28.

18.06.2010 15:28 Oli ist offline Beiträge von Oli suchen Nehmen Sie Oli in Ihre Freundesliste auf
Thorim Thorim ist männlich
Mitglied


images/avatars/avatar-48753.png

Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
Original von Oli
du hast lediglich das name-Attribut vergessen.


seit wann braucht ein Submit-Button ein name-Attribut, das geht auch wunderbar ohne
edit: ok, wenn natürlich $_POST['submit'] abgefragt wird, dann würde das name="submit" wirklich eine Rolle spielen

also die CSS-Lösung sollte eigentlich gehen

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Thorim: 18.06.2010 15:37.

18.06.2010 15:36 Thorim ist offline E-Mail an Thorim senden Homepage von Thorim Beiträge von Thorim suchen Nehmen Sie Thorim in Ihre Freundesliste auf
Pami Pami ist weiblich
Mitglied


images/avatars/avatar-53739.png

Dabei seit: 04.08.2006
Beiträge: 593
Herkunft: Stuttgart

Themenstarter Thema begonnen von Pami
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

nein wie geil ^^ mit deinem Code klappts smile Vielen Dank
aber ich hab eigentlich gedacht, ich hätte das schonmal ausprobiert, nur kam da der Standart button noch im Hintergrund...

Und wie mach ich das dann mit dem Reset-Button?

__________________

18.06.2010 15:38 Pami ist offline E-Mail an Pami senden Homepage von Pami Beiträge von Pami suchen Nehmen Sie Pami in Ihre Freundesliste auf
Oli
Server-Administrator


Dabei seit: 13.06.2010
Beiträge: 1.540

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
Original von Thorim
edit: ok, wenn natürlich $_POST['submit'] abgefragt wird, dann würde das name="submit" wirklich eine Rolle spielen


Das hatte ich vermutet, da der Button ohne CSS, der dieses hat, funktioniert
und der Button mit CSS, der dieses nicht hat, nicht funktioniert.


Zitat:
Und wie mach ich das dann mit dem Reset-Button?

Das ist glaube ich nicht ohne weiteres möglich. Probier mal folgende Javascript-Lösung:
code:
1:
<input type="image" .... onclick="this.form.reset();return false;">

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Oli: 18.06.2010 15:40.

18.06.2010 15:38 Oli ist offline Beiträge von Oli suchen Nehmen Sie Oli in Ihre Freundesliste auf
Pami Pami ist weiblich
Mitglied


images/avatars/avatar-53739.png

Dabei seit: 04.08.2006
Beiträge: 593
Herkunft: Stuttgart

Themenstarter Thema begonnen von Pami
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

klappt wunderbar danke danke danke smile

__________________

18.06.2010 15:43 Pami ist offline E-Mail an Pami senden Homepage von Pami Beiträge von Pami suchen Nehmen Sie Pami in Ihre Freundesliste auf
Thorim Thorim ist männlich
Mitglied


images/avatars/avatar-48753.png

Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

naja ich hätte jetzt generell einfach mit CSS gemacht, klappt halt auch bei deaktiviertem JavaScript

code:
1:
2:
<input type="submit" name="submit" style="...">
<input type="reset" style="...">

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Thorim: 18.06.2010 15:44.

18.06.2010 15:43 Thorim ist offline E-Mail an Thorim senden Homepage von Thorim Beiträge von Thorim suchen Nehmen Sie Thorim in Ihre Freundesliste auf
Oli
Server-Administrator


Dabei seit: 13.06.2010
Beiträge: 1.540

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
Original von Thorim
naja ich hätte jetzt generell einfach mit CSS gemacht, klappt halt auch bei deaktiviertem JavaScript

Klar, es gibt immer mehrere Möglichkeiten, wobei das Javascript ja auch nur für den Reset-Button notwendig ist. Ich finde, das kann man dann doch vernachlässigen. Wer kein Javascript hat, kann das Formular ansonsten ja immernoch nutzen, er kann nur nicht Resetten.
18.06.2010 15:47 Oli ist offline Beiträge von Oli suchen Nehmen Sie Oli in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Problem mit dem Submit-Button im Formular

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH