HTML/CSS: Input: Button: Type=Image: Nur Submit moeglich?

SvenLittkowski · 01.11.2007, 18:31

Hallo,

hier mal wieder eine Anfaengerfrage: ich will einen Button erstellen, der durch ein Image dargestellt wird. Soweit, so gut. Jedoch ist der TYPE "image", und kann daher leider nicht vom Typ "button" sein. Automatisch scheint der "Image"-Button sich wie ein "Submit"-Button zu verhalten.

CSS wirkt hier leider nicht:

Code:

<input type="button" value="Pay without Credit Card" name="ButtonWithout" style="background-image: url(v/Deco/Page.gif) no-repeat fixed">

Gibt es einen Work-Around, um ihn wie ein "Button"-Button sich verhalten zu lassen?

cycap · 01.11.2007, 18:57

ähm hä?

du willst also einfach ne grafik mit ne link drüber die sich "reindrückt"? mach doch einfach mit nem bildbearbeitungsprogramm 2 grafiken, eine nach außengewölbt und eine nach innen. dann mit dem event-handler onClick die src ändern.

SvenLittkowski · 01.11.2007, 19:30

Eigentlich soooo einfach, dass ich nicht mal draufgekommen bin! Ich war einfach auf Buttons aus...

Cycap, vielen Dank, und - aeaeaehhh - nicht weitersagen!

nikosch · 01.11.2007, 19:51

Oder beschäftige Dich doch mal mit der selfhtml Referenz (Mund-fusselig-red'). Und nutze anschließend das <button> Element. Dann klappts auch mit dem Nachbarn. Du weißt schon, derjenige, der JS ausgeschaltet hat.

robo47 · 01.11.2007, 21:06

Zitat:

Zitat von nikosch77

Oder beschäftige Dich doch mal mit der selfhtml Referenz (Mund-fusselig-red'). Und nutze anschließend das <button> Element. Dann klappts auch mit dem Nachbarn. Du weißt schon, derjenige, der JS ausgeschaltet hat.

wenn ich selfhtml mir anschaue funktioniert doch <button> eben NUR mit JS:

Zitat:

Im übrigen gilt für diese Buttons das gleiche, was schon für ihre herkömmlichen Kollegen gesagt wurde: Ohne JavaScript sind sie komplett funktionslos, und sie treten deshalb in der Realität äußerst selten auf.

Curanai · 02.11.2007, 08:38

Im Zeitalter von Web2.0 deaktiviertes JavaScript?? ... tjoar ... ich denke, dass gerade diese User eine Randgruppe werden, oder?

robo47 · 02.11.2007, 17:32

Zitat:

Zitat von Curanai

Im Zeitalter von Web2.0 deaktiviertes JavaScript?? ... tjoar ... ich denke, dass gerade diese User eine Randgruppe werden, oder?

gutes Web2.0 funktionert AUCH ohne und JS/Ajax und alle spielereien sind zusätzliche Features.

SvenLittkowski · 03.11.2007, 00:01

Ja, ich habe es ebenfalls gehoert: JavaScript, Ajax und die anderen Dinge sind wirklich nur als Zusatz gedacht. Eine gute Website soll ohne all dies funktionieren.

Trotzdem muss ich sagen, dass ich diesen Vorsatz oft breche. Mit JavaScript kann ich eigentlich die Websites so erstellen, wie ich es fuer noetig ansehe. Trotzdem stimme ich aber diesem Grundsatz zu. Zwei Anschauungen in einem Kopf...

agrajag · 03.11.2007, 00:45

Man kann hier in diesem Fall ganz bestimmt ohne JS auskommen.

Für alle die möglichst einfach schöne Buttons erreichen wollen - unbedingt lesen:

http://particletree.com/features/red...utton-element/

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Submit Button mit 2 Funktionen	Spacecop	PHP Tipps 2008	23	27.05.2008 17:38
Image Button oder Submit mit Hintergrund?	PsychoEagle	HTML, Usability und Barrierefreiheit	3	19.07.2007 13:17
wert mit submit button übergeben	Matthiasnet	PHP Tipps 2007	2	07.04.2007 19:41
Submit Button	Shaira	HTML, Usability und Barrierefreiheit	4	26.11.2006 15:48
Formular abschiken ohne Submit Button	shocky	HTML, Usability und Barrierefreiheit	10	02.11.2006 21:53
id des submit button	Tigermoon	PHP Tipps 2006	4	20.04.2006 11:48
Input send button als bild		PHP Tipps 2005-2	4	16.08.2005 22:56
Submit Button und ungewollte Übergabe der daten an die DB		PHP Tipps 2005-2	9	27.06.2005 19:49
Variable aus Formular ohne submit Button übergeben		PHP Tipps 2005-2	3	24.06.2005 17:08
button (submit) ->action auf https		PHP Tipps 2005	7	18.04.2005 18:32
[Erledigt] Kann man den Button Text von input type=&amp;quot;file&amp;quot; änd		HTML, Usability und Barrierefreiheit	3	14.04.2005 09:43
input + submit ?		HTML, Usability und Barrierefreiheit	9	27.02.2005 23:31
[Erledigt] Submit Button durch Link ersetzen - Geht das denn ?		HTML, Usability und Barrierefreiheit	7	07.01.2005 10:58
[Erledigt] Submit Button		HTML, Usability und Barrierefreiheit	8	23.12.2004 23:15
Grafischer Submit Button sendet im IE seinen Namen nicht		PHP Tipps 2004	3	30.06.2004 14:54

01.11.2007, 18:31
SvenLittkowski Erfahrener Benutzer Registriert seit: 05.09.2004 Beiträge: 578	HTML/CSS: Input: Button: Type=Image: Nur Submit moeglich? Hallo, hier mal wieder eine Anfaengerfrage: ich will einen Button erstellen, der durch ein Image dargestellt wird. Soweit, so gut. Jedoch ist der TYPE "image", und kann daher leider nicht vom Typ "button" sein. Automatisch scheint der "Image"-Button sich wie ein "Submit"-Button zu verhalten. CSS wirkt hier leider nicht: Code: <input type="button" value="Pay without Credit Card" name="ButtonWithout" style="background-image: url(v/Deco/Page.gif) no-repeat fixed"> Gibt es einen Work-Around, um ihn wie ein "Button"-Button sich verhalten zu lassen? __________________ Vielen Dank für Eure Zeit, Absicht, Mühe und für Eure Ideen. Grüße, Sven


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.11.2007, 18:57
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	ähm hä? du willst also einfach ne grafik mit ne link drüber die sich "reindrückt"? mach doch einfach mit nem bildbearbeitungsprogramm 2 grafiken, eine nach außengewölbt und eine nach innen. dann mit dem event-handler onClick die src ändern.

01.11.2007, 19:30
SvenLittkowski Erfahrener Benutzer Registriert seit: 05.09.2004 Beiträge: 578	Eigentlich soooo einfach, dass ich nicht mal draufgekommen bin! Ich war einfach auf Buttons aus... Cycap, vielen Dank, und - aeaeaehhh - nicht weitersagen! __________________ Vielen Dank für Eure Zeit, Absicht, Mühe und für Eure Ideen. Grüße, Sven

01.11.2007, 19:51
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Oder beschäftige Dich doch mal mit der selfhtml Referenz (Mund-fusselig-red'). Und nutze anschließend das <button> Element. Dann klappts auch mit dem Nachbarn. Du weißt schon, derjenige, der JS ausgeschaltet hat.

02.11.2007, 08:38
Curanai Erfahrener Benutzer Registriert seit: 13.05.2006 Beiträge: 466	Im Zeitalter von Web2.0 deaktiviertes JavaScript?? ... tjoar ... ich denke, dass gerade diese User eine Randgruppe werden, oder? __________________ Manche Menschen sind wie Schnitzel - nicht zäh, aber beidseitig bekloppt!

03.11.2007, 00:01
SvenLittkowski Erfahrener Benutzer Registriert seit: 05.09.2004 Beiträge: 578	Ja, ich habe es ebenfalls gehoert: JavaScript, Ajax und die anderen Dinge sind wirklich nur als Zusatz gedacht. Eine gute Website soll ohne all dies funktionieren. Trotzdem muss ich sagen, dass ich diesen Vorsatz oft breche. Mit JavaScript kann ich eigentlich die Websites so erstellen, wie ich es fuer noetig ansehe. Trotzdem stimme ich aber diesem Grundsatz zu. Zwei Anschauungen in einem Kopf... __________________ Vielen Dank für Eure Zeit, Absicht, Mühe und für Eure Ideen. Grüße, Sven

03.11.2007, 00:45
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Man kann hier in diesem Fall ganz bestimmt ohne JS auskommen. Für alle die möglichst einfach schöne Buttons erreichen wollen - unbedingt lesen: http://particletree.com/features/red...utton-element/ __________________ Today you...Tomorrow me.