/CSS Umsetzungsproblem - Wie kann man das realisieren?
Mike©
- php
Moin @ All,
auf meiner Page kann der User seine eigene Farbkombination wählen und speichern.
Dazu benutze ich eine Tabelle:
Button(Diese Farben wählen) - Farbe 1 - Farbe 2
Zur Verdeutlichung hier ein Screenshot: http://kita.dnip.net/images/muster.gif 19 kb
Nun zur Aufgabenstellung. Um eine Farbkombination zu wählen und zu speichern soll der Button geklickt werden. Wenn ich diese Page jemandem gezeigt habe, dann haben 99% nicht auf den Button geklickt, sondern intuitiv auf die angezeigte Farbfläche ( welche aber nur eine Tabellenzelle mit Hintergrundfarbe ist )
Wie könnte ich diese Farbfläche klickbar machen?
Eine Lösung wäre, die Zelle mit einem transparenten "Spacer" GIF auszufüllen, und zu verlinken. Aber dann fehlt mir ja die Aktion des Push Buttons, welcher die Farbwahl speichert. Ansonsten müsste ich auf eine "Zwischen PHP Seite" verlinken, welche die Speicherung ausführt.
Andere Lösung: Ich ersezte die farbigen Zellen durch entsprechend farbige Buttons ( Geht das mit CSS, kann ich einen Button einfärben?)
Habt Ihr andere Lösungsansätze, oder soll ich trotz der 99% einfach sagen; Was solls, nehmt gefälligst den dafür vorgesehenen Button?
Danke & regds
Mike©
Moin Mike,
Eine Lösung wäre, die Zelle mit einem transparenten "Spacer" GIF auszufüllen, und zu verlinken. Aber dann fehlt mir ja die Aktion des Push Buttons, welcher die Farbwahl speichert. Ansonsten müsste ich auf eine "Zwischen PHP Seite" verlinken, welche die Speicherung ausführt.
Oder Du übergibst die Werte mit GET!
Andere Lösung: Ich ersezte die farbigen Zellen durch entsprechend farbige Buttons ( Geht das mit CSS, kann ich einen Button einfärben?)
Ja klar kannst Du...
mit css ganz normal kannst Du fast alle Eigenschaften hinsichtlich des Aussehens bestimmen.
Eine andere Variante wäre auch das hier...
http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern
Viele Grüße TomIRL
Moin TomIRL,
http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern
danke für deine Antworten. Mit deinem, von Self, angeführtem Beispiel würde ich wieder in die "JS Falle" gerraten, welche ich gerade ausgemerzt habe. In dem genannten Beispiel muss JS aktiviert sein. Richtig?
regds
Mike©
hi,
Mit deinem, von Self, angeführtem Beispiel würde ich wieder in die "JS Falle" gerraten, welche ich gerade ausgemerzt habe. In dem genannten Beispiel muss JS aktiviert sein. Richtig?
ja - aber warum verfolgst du denn den hinweis auf eine wertübergabe per GET nicht weiter, dass dürfte doch hier viel einfacher sein ... ganz ohne formular.
gruß,
wahsaga
Moin wahsaga,
ja - aber warum verfolgst du denn den hinweis auf eine wertübergabe per GET nicht weiter, dass dürfte doch hier viel einfacher sein ... ganz ohne formular.
Ebent hat's geklickt. Aber natürlich ist das Lösung.
Manchmal sieht man den Wald vor lauter Bäumen nicht.
Thanx @ all
regds
Mike©
hi,
Ebent hat's geklickt. Aber natürlich ist das Lösung.
- transparentes Spacer.gif
- link auf sich selbst und "?Selected_color=Blub"
noch 'n klick weiter, und du sparst dir das gif, und nutzt gleich reine HTML-links, die per CSS mit display:block und höhe und breite formatiert sind ...
Manchmal sieht man den Wald vor lauter Bäumen nicht.
mir kommt da spontan ein "und mancher hätte mehr überblick, wenn er nicht zu früh von den bäumen runtergestiegen wäre" in den sinn, aber das wäre in diesem falle vermutlich ein wenig zu fies ;-)
gruß,
wahsaga
Moin wahsaga,
... wäre" in den sinn, aber das wäre in diesem falle vermutlich ein wenig zu fies ;-)
Indeed :-)
Wäre ich in diesem Forum ein Newbie, dann wäre der nächste "Zu diesem Forum: Keiner hat mich lieb", vor programmiert. Zum Glück "kenne" ich Dich ;-)
Thanx
regds
Mike©
Moin TomIRL,
http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern
danke für deine Antworten. Mit deinem, von Self, angeführtem Beispiel würde ich wieder in die "JS Falle" gerraten, welche ich gerade ausgemerzt habe. In dem genannten Beispiel muss JS aktiviert sein. Richtig?
Mit dem Beispiel schon aber:
<button name="new" value="Neue Daten" type="submit">
<img src="images/butt-speichern.gif" alt="Ändern">
</button>
Damit nicht..
TomIRL