Problem mit CSS Wertezuordnung via JS

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Problem mit CSS Wertezuordnung via JS

    Hallo,
    irgendwie stell ich mich hier grad zu blöd an. Ich will folgende Funktion bei einen MouseOver sowie MouseOut auf einem Div abwickeln:

    Code:
    function colorStatusDiv(color) {
    	if (document.getElementById('systemStatusDiv').style.background-color == 'yellow') {
    		document.getElementById('systemStatusDiv').style.background-color = color;
    	} else {
    		document.getElementById('systemStatusDiv').style.background-color = 'yellow';
    	}
    }
    PHP-Code:
    $displaySystemStatus '<div id="systemStatusDiv" style="'
                        
    'background-color:' $color ';'
                        
    'color:white;'
                        
    'text-align:center;'
                        
    'vertical-align:middle;'
                        
    'width:200px;'
                        
    'height:30px;'
                        
    'border:1px white solid;'
                        
    'text-transform:uppercase;" '
                        
    'onMouseOver= "colorStatusDiv(' $color ');" '
                        
    'onMouseOut= "colorStatusDiv(' $color ');" '
                        
    'onClick="changeSystemStatus(' $systemStatus ');'
                        
    '">'
                        
    $systemStatus ' since ' $date
                        
    '</div>';
    print 
    $displaySystemStatus
    (Den Variablen $systemStatus, $color und $date wird ein Wert zugewiesen - Checked!)

    Problem: Die Farbzuordnung mit dem Parameter color funzt nicht un der body onload stoppt daher nicht.
    Frage: Wie hat diese Farbzuordnung richtig auszusehen?

    Zuletzt geändert von KillUrMind; 04.06.2008, 17:36.

  • #2
    Hallo,

    bitte erstmal Code umbrechen...

    http://de.selfhtml.org/javascript/ob...t.htm#bg_color

    mfg

    Kommentar


    • #3
      Ist das denn falsch?:

      Code:
      document.getElementById('systemStatusDiv').style.background-color = color;
      Ich raffs nich...

      Kommentar


      • #4
        Ja

        http://de.selfhtml.org/javascript/ob...tm#allgemeines

        mfg

        Kommentar


        • #5
          Meinst du wegen dem background-color, was scheinbar bgColor oder backgroundColor heissen muss, oder die Zuordnung mit der Variable color, die durch die Parameterübergabe gebaut wird?

          Kommentar


          • #6
            Ersteres.

            Kommentar


            • #7
              Darf man fragen, welchen Browser du nutzt?

              Firefox kann einem sowas alles anzeigen...

              mfg

              Kommentar


              • #8
                Also ich habe nun backgroundColor eingesetzt, jedoch zeigt mir der Fuchs keine Hintergrundfarbe im Div an!?

                Kommentar


                • #9
                  solange du immer sen selben wert angibst, brauchst du dich auch nicht zu wundern.
                  PHP-Code:
                  'onMouseOver= "colorStatusDiv(' $color ');" '
                  'onMouseOut= "colorStatusDiv(' $color ');" ' 
                  gruß
                  peter
                  Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
                  Meine Seite

                  Kommentar


                  • #10
                    Hmm, na ich dachte das wenn $color den Wert "grün" hat und man drüber geht, dann soll die Hintergrundfarbe gelb werden. geht man wieder raus ist die Farbe wieder grün?! Müsste doch so gehen, mit der Funktion oder?

                    Kommentar


                    • #11
                      Ja ne is klar, sorry, was ein dummer Denkfehler

                      Kommentar


                      • #12
                        Ja ne is klar, sorry, was ein dummer Denkfehler
                        OffTopic:
                        gibts eigentlich auch kluge Denkfehler?
                        "I don't want to belong to any club that would accept me as a member."

                        Groucho Marx

                        Kommentar


                        • #13
                          OffTopic:
                          Nee, aber Kluge, die Denkfehler machen

                          Kommentar

                          Lädt...
                          X