Div tag mit KhtmlOpacity bearbeiten

  • Div tag mit KhtmlOpacity bearbeiten

    Hi Leute,

    ich führe per onclick eine javascript function aus. Dies funktioniert auch.

    Nun möchte ich zur Laufzeit der Methode ein div in meinem html ausblenden
    und ein anderes einblenden.

    Im Netz habe ich den Hinweis gefunden, daß dies mit KhtmlOpacity gehen soll,
    welches eine CSS3 Spezifikation ist.

    Ich habe das mal ausprobiert und folgende Codezeile eingefügt.

    Quellcode

    1. document.getElementById('imagetable').style.KhtmlOpacity = '0.5';

    Dies hat jedoch keine
    Auswirkungen mehr. Mach ich was falsch? Hat jemand noch ne andere Idee?

    "imagetable" ist ein blödes <div></div>, das eine tabelle mit bildern enthält!

    Danke Kay.

  • RE: Div tag mit KhtmlOpacity bearbeiten

    Habe zwar nicht die Lösung, die du gerne hättest, aber wenn du es dir einfach machen willst kannst du ja die Höhe der divs verändern bis height: 0px ist.
    There are 10 kinds of people in the world - those who understand binary
    and those who don't.

  • RE: Div tag mit KhtmlOpacity bearbeiten

    Such mal mit google nach "KhtmlOpacity", da wirst Du ziemlich schnell fündig.
    z.b. so was hier, das funktioniert mit Safari:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <title>Simple cross-browser opacity demo</title>

    <style type="text/css">
    div {
    position: absolute;
    width: 200px;
    height: 200px;
    }

    #div1 {
    background-color: blue;
    top: 50px;
    left: 50px;
    }

    #div2 {
    background-color: red;
    top: 100px;
    left: 100px;
    }
    </style>

    <script type="text/javascript">
    <!--
    function setOpacity(element, opacity) {
    // In NN / Moz, when opacity is 100, flickering occurs. If the opacity is reduced to 99.99, this does not happen.
    // This code will achieve this, if uncommented
    // if (opacity == 100 && (navigator.userAgent.indexOf('Gecko') != -1 && navigator.userAgent.indexOf('Safari') == -1)) opacity = 99.99;

    // Set CSS 3, Moz, NN, FF, gecko, Konqueror, Safari
    element.style.opacity = element.style.MozOpacity = element.style.KhtmlOpacity = opacity / 100;

    // Set IE
    element.style.filter = 'alpha(opacity=' + opacity + ')';
    }
    //-->
    </script>
    </head>

    <body onload="setOpacity(document.getElementById('div2'), 50);">
    <div id="div1"></div>
    <div id="div2"></div>
    </body>
    </html>