Probleme mit opacity und JS Schleife im IE

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

  • Probleme mit opacity und JS Schleife im IE

    Hallo,

    ich baue grad ein DIV das die Deckkraft per JS ändert.. leider funkzt das im IE nicht wirklich so wie im FF..

    PHP-Code:
    <script type="text/javascript">
        var 
    divOpacity 0.0;
        
        var 
    0;
        var 
    aktiv null;
            
        function 
    moreOpacity()
        {                
            if(
    i<=10)
            {
                 
    divOpacity += 0.1;
                  
    i++;              
                  
    //alert(i+" "+divOpacity );          
                
    document.getElementById("div_newPost").style.opacity divOpacity;        
            }
            else
            {            
                
    0;
                
    divOpacity 0.0;                
                
    aktiv window.clearInterval(aktiv);                            
            }    
        }
        
        function 
    opacity()
        {
            
    aktiv setInterval("moreOpacity()"30);
        }
    </
    script>


    <
    div id="div_newPost" style="border:1px solid red; opacity: 0.0;">
        
    Hier ist der inhalt
        
    <br />
        
    lalalalal
        
    <br />lalalal
    </div>

    <
    button onClick="javascript:opacity()" value="test">test</button

    der inhalt im div verschwindet im IE, sobald die deckkraft auf 100% ist.. wie kann das sein?[/QUOTE]

  • #2
    hm .. dann ändere die nur auf 0.99 ? ...

    ansonsten weißt du aber schon, das opacity einer der Custom-Werte ist, die von jedem Browser anders gehandhabt werden...

    bei mir sieht das so aus :

    HTML-Code:
        style1 {
            position:absolute;
            top:0;
            right:0;
            padding: 0;
            opacity:0;
            -moz-opacity:0;
            filter:alpha(opacity:0);
            width:298px;
        }
    [font=Verdana]
    Wer LESEN kann, ist klar im Vorteil!
    [/font]

    Kommentar


    • #3
      muss ich dann bei

      PHP-Code:
      document.getElementById("div_newPost").style.opacity divOpacity
      das einfach 3x untereinander verschieden angeben, damit das in jedem browser geht oder wie?

      also z.b.

      PHP-Code:
      document.getElementById("div_newPost").style.opacity divOpacity
      document.getElementById("div_newPost").style.-moz-opacity divOpacity
      document.getElementById("div_newPost").style.filter alpha(opacity:divOpacity); 
      soo??

      Kommentar


      • #4
        vielleicht solltest du davon Abstand nehmen und für so was auf ein bereits Existierendes Framework zurückgreifen z.b.
        .fadeIn() – jQuery API
        Bitte Beachten.
        Foren-Regeln
        Danke

        Kommentar

        Lädt...
        X