Farben in Auswahlmenü SELECT anzeigen

[Sabine]

Ich denke mein Problem müsste man mit css lösen können. Ich möchte ein Auswahlmenü in meiner Seite einfügen in dem Farben zum anwählen sind.

<option value=”000000”>#000000</option>  
<option value=”800000”>#800000 </option>  
<option value=”008000”>#008000 </option>

Aber anstatt die hex Zahl der Farbe einzublenden würde ich lieber einen Balken mit der jeweiligen Farbe einblenden!
Doch lieber habe ich keine Information dazu bis jetzt gefunden.

Kann mir da jemand weiter helfen?

Sabine

[LX]

Du kannst versuchen, jeder Option einen CSS-style mit entsprechender background-color zu geben. Leider spielt da nicht zwangsläufig jeder Browser mit, so dass der Farbcode als Information trotzdem angegeben werden sollte.

Gruß, LX

[Prof. Sakkkkarre]

Ungeprueft und Tippfehler eingeschlossen:

statt

  
<option value=”008000”>#008000 </option>  

besser

  
<option value=”008000”><span style="color:#008000";>gruen</span></option>  

Das gruen gegebenenfalls durch Leerz. ersetzen damits zu leeren
Balken wird.

Gruss, Prof. Sakkkkarre

[ChrisB]

Hi,

statt
<option value=”008000”>#008000 </option>

besser
<option value=”008000”><span style="color:#008000";>gruen</span></option>

Nein, besser nicht.
http://de.selfhtml.org/html/referenz/elemente.htm#option

MfG ChrisB

[Prof. Sakkkkarre]

statt
<option value=”008000”>#008000 </option>

besser
<option value=”008000”><span style="color:#008000";>gruen</span></option>

Nein, besser nicht.
http://de.selfhtml.org/html/referenz/elemente.htm#option

MfG ChrisB

Ja, du hast recht! Für diejenigen, die den knappen Hinweis nicht sofort
verstehen: ChrisB weisst darauf hin, das ein option Tag nur #PCDATA
und damit keine span Tag enthalten darf.

Aber! es ist nur die halbe Miete jemanden auf einen Fehler aufmerksam
zu machen. Warum bringst du nicht einfach die Korrektur an? Ist doch
einfach - oder? Oder hast du Angst auch einen Fehler zu machen und
Bammel vor der Retourkutsche (gibts von mir nicht)???

Ich kann mit Kritik sehr gut leben!!! Danke sogar!!! Prof. Sakkkkarre

[ChrisB]

Hi,

Aber! es ist nur die halbe Miete jemanden auf einen Fehler aufmerksam
zu machen. Warum bringst du nicht einfach die Korrektur an? Ist doch
einfach - oder?

Ja - aber da LX schon alles nötige gesagt hat, wäre es überflüssig.

MfG ChrisB

[Prof. Sakkkkarre]

Aber! es ist nur die halbe Miete jemanden auf einen Fehler aufmerksam
zu machen. Warum bringst du nicht einfach die Korrektur an? Ist doch
einfach - oder?

Ja - aber da LX schon alles nötige gesagt hat, wäre es überflüssig.

Ich mache Fehler und gebe sie auch offen zu. Und du? Natürlich würdest
du einen Fehler auch zugeben wenn du je einen machen solltest :-)

[ChrisB]

Hi,

Ich mache Fehler und gebe sie auch offen zu. Und du? Natürlich würdest
du einen Fehler auch zugeben wenn du je einen machen solltest :-)

Ja, aber was hat das alles jetzt mit der Sache hier zu tun?

MfG ChrisB

[Jens Müller]

Morgen Sabine,

Ich denke mein Problem müsste man mit css lösen

können. Ich möchte ein Auswahlmenü in meiner Seite
einfügen in dem Farben zum anwählen sind.

Muss es unbedingt mit <select> sein?
Wenn du ein wenig weiter denkst, kannst du eventuell
mit CSS und JavaScript eine kleine Farbpalette
zusammenbauen. Ein kleines Quadrat in der aktuellen
Farbe, wenn die Maus drauf zeigt öffnet sich die Palette,
und mit click auf die Farbe wird die Farbe geändert.

gruesse aus'm ruhrpott
  jens mueller

[suit]

Muss es unbedingt mit <select> sein?
Wenn du ein wenig weiter denkst, kannst du eventuell
mit CSS und JavaScript eine kleine Farbpalette
zusammenbauen. Ein kleines Quadrat in der aktuellen
Farbe, wenn die Maus drauf zeigt öffnet sich die Palette,
und mit click auf die Farbe wird die Farbe geändert.

Sowas gibts auf der jQuery-UI-Demo-Seite bereits ;)

Aber auch ohne jQuery ist sowas relativ schnell umgesetzt.

[Jens Müller]

Hi,

Sowas gibts auf der jQuery-UI-Demo-Seite bereits ;)

Ich meinte es eigendlich eher so Rudimentary jQuery color picker demo
Kommt der Select lösung noch am nächsten, und verzichtet
auf überflüssige, ich nenne es mal, Spielereien.

Aber auch ohne jQuery ist sowas relativ schnell umgesetzt.

Ich muss mich selbst erstmal wieder hinsetzen und mal ein
wenig nachholen. Menno ey, hörts lernen denn nie auf?

gruesse aus'm ruhrpott
  jens mueller