getElement.style Filter Syntax

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

  • getElement.style Filter Syntax

    Moins,
    kann mir einer die Syntax sagen, mit der ich mit:
    window.document.getElementById(die_id).style
    auf folgende Eigenschaften zugreifen kann:

    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    -khtml-opacity:0.5;

    Filter wüßte ich noch:
    window.document.getElementById(die_id).style.filter='alpha(style=0, opacity=50)';

    aber bei den anderen stehe ich aufm Schlauch
    "I don't want to belong to any club that would accept me as a member."

    Groucho Marx

  • #2
    Auf die opacity kannst du auch direkt zugreifen:
    Code:
    document.getElementById(die_id).style.opacity = 0.5
    Bei den anderen beiden bin ich überfragt. Probier es doch mal mit
    Code:
    window.document.getElementById(die_id).style['-moz-opacity'] = 0.5
    window.document.getElementById(die_id).style['-khtml-opacity'] = 0.5

    Kommentar


    • #3
      THX PHP-Desaster...
      Hmmmh, deine Syntax gibt mir keinen Fehler, macht aber ooch nix...

      PHP-Code:
                      window.document.getElementById(id).style.filter='alpha(style=0, opacity=50)';
      window.document.getElementById(id).style.opacity=50;
      window.document.getElementById(id).style['-moz-opacity'] =  0.5
      window.document.getElementById(id).style['-khtml-opacity'] = 0.5
      // zur kontrolle. das ich auch das richtige Objekt anspreche....
      window.document.getElementById(id).style.border="1px solid red"
      die Zuweisung der per CSS:
      PHP-Code:
      #id   {filter:alpha(opacity=50); 
                    
      -moz-opacity:0.5opacity:0.5; -khtml-opacity:0.5;} 
      funktioniert...
      Weiß einer warum?

      Ansonsten setzte ich mir per Attribute eine class ....
      "I don't want to belong to any club that would accept me as a member."

      Groucho Marx

      Kommentar


      • #4
        So, jetzt wirds komisch:
        CSS
        PHP-Code:
        .matt   {filter:alpha(opacity=50); 
                      -
        moz-opacity:0.5
                  
        opacity:0.5; -khtml-opacity:0.5;} 
        setzte ich
        <img src="../xx.jpg" class="matt" />
        dann greifen die CSS Definition
        mache ich aber
        window.document.getElementById(id).setAttribute('class','matt');
        wird die class="matt" zwar gesetzt, aber es erscheint kein Effekt und (leider) auch keine Fehlermeldung....
        "I don't want to belong to any club that would accept me as a member."

        Groucho Marx

        Kommentar


        • #5
          so das hier:

          window.document.getElementById(id).style.filter='alpha(style=0, opacity=50)';
          window.document.getElementById(id).style.opacity=50;
          window.document.getElementById(id).style['-moz-opacity'] = 0.5;
          window.document.getElementById(id).style['-khtml-opacity'] = 0.5;

          habe ich raus genommen,

          mit
          window.document.getElementById(id).setAttribute('class','matt');

          funktionierts jetzt....

          Wenn einer eine funktionierende style syntax kennt, dann sach bescheid....
          "I don't want to belong to any club that would accept me as a member."

          Groucho Marx

          Kommentar


          • #6
            element.style.MozOpacity = '0.5'

            Bei den anderen Browsern musst du halt mal schauen, wie die JavaScript-Attribute dort benannt sind.
            hopka.net!

            Kommentar


            • #7
              Wunderbar, Volltreffer & Thanxs
              "I don't want to belong to any club that would accept me as a member."

              Groucho Marx

              Kommentar

              Lädt...
              X