tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
1285
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 05.03.04 19:28 #1
    NTDY NTDY ist offline Mitglied Gold
    Registriert seit
    Mar 2004
    Ort
    no-comment
    Beiträge
    136
    Ich habe dieses Script gefunden und wollte fragen, wie ich die einzelnen <option> mit Farbe unterlegen kann. Wörter wie die Farbe heißt mag sehr schön sein, aber wenn ich jemanden habe, der kein deutsch kann, soll er wenigstens anhand der Farbe eine Entscheidung treffen können.

    Vielen Dank

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

    <HTML>
<HEAD>
<SCRIPT LANGUAGE = "JavaScript">
function setColor () {
  var choice; 
    choice = document.colorForm.color.selectedIndex; 
      switch(choice) {
                case 0: document.bgColor = "FF0000"; break; 
                case 1: document.bgColor = "00FF00"; break; 
                case 2: document.bgColor = "0000FF"; break; 
                case 3: document.bgColor = "FFFFFF"; break; 
                case 4: document.bgColor = "FFFF00"; break; 
                case 5: document.bgColor = "FF00FF"; break; 
        } 
}
</SCRIPT>
</HEAD>
<BODY bgColor="FFFFFF"> 
<H1> Bitte eine Hintergrundfarbe auswählen: </H1>
<FORM NAME="colorForm"> 
<SELECT NAME="color" onChange=setColor()> 
        <OPTION VALUE="red">rot</option>
        <OPTION VALUE="green">gr&uuml;n</option>
        <OPTION VALUE="blue">blau</option> 
        <OPTION VALUE="white">wei&szlig;</option>
        <OPTION VALUE="yellow">gelb</option>
        <OPTION VALUE="purple">lila</option>
</SELECT> 
</FORM> 
</BODY>
</HTML>
     
    Zitieren Zitieren
  2. 05.03.04 19:46 #2
    Fabian Hofmann Fabian Hofmann ist offline
    Registriert seit
    Nov 2002
    Ort
    Altdorf bei Nürnberg
    Beiträge
    3.027
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13

    <select onchange="window.document.getElementsByTagName('body')[0].style['backgroundColor'] = this[this.selectedIndex].value;">
    <option value="#FF0000" style="background-color:#FF0000;">Rot</option>
    <option value="#00FF00" style="background-color:#00FF00;">Gr&amp;uuml;</option>
    <option value="#0000FF" style="background-color:#0000FF;">Blau</option>
</select>
 
// Oder, für non-DOM-Browser:
 
<select onchange="window.document.bgColor = this[this.selectedIndex].value;">
    <option value="#FF0000" style="background-color:#FF0000;">Rot</option>
    <option value="#00FF00" style="background-color:#00FF00;">Gr&amp;uuml;</option>
    <option value="#0000FF" style="background-color:#0000FF;">Blau</option>
</select>
    Geändert von Fabian Hofmann (05.03.04 um 19:51 Uhr)
     
    Zitieren Zitieren
  3. 07.03.04 01:17 #3
    NTDY NTDY ist offline Mitglied Gold
    Registriert seit
    Mar 2004
    Ort
    no-comment
    Beiträge
    136
    Der Code von Dir ist wirklich super. Du bist ja ein wahres JS Genie. Ich wollte jetzt noch fragen, wie man auch nach einem Aktualisieren der Seite noch die jeweilige Farbe behalten kann, da meine nach dem Aktualisieren wieder auf weiß zurückspringt.

    Andreas
     
    Zitieren Zitieren
« JS Mozilla // show/hide | 2 JS in einem <FORM>-Tag »

Ähnliche Themen

  1. Fenstermenü schwarz hinterlegt
    Von tim&struppi im Forum Linux & Unix
    Antworten: 4
    Letzter Beitrag: 21.10.05, 17:32
  2. Auswahlliste eins, soll Werte der zweiten Auswahlliste ändern
    Von LiebHabSchafi im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 24.09.05, 09:21
  3. Formular: Select box farbig hinterlegt
    Von Nilman im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 11.04.05, 23:25
  4. Link auf HP wo man grade drauf ist farbig hinterlegt?!
    Von SnakeBite334 im Forum HTML & XHTML
    Antworten: 17
    Letzter Beitrag: 28.02.05, 22:39
  5. Wo sind die Adressen von outlook express hinterlegt
    Von Luda im Forum Office-Anwendungen
    Antworten: 6
    Letzter Beitrag: 06.11.04, 16:33