Re: firefox & chrome issue when editor hidden by display:none becomes visible with display:block

  •  08-03-2011, 7:25 AM

    Re: firefox & chrome issue when editor hidden by display:none becomes visible with display:block

    Hi paulf1,
     
    Please try the example below, it should be a workaround for you.
     
    <?php include_once("cuteeditor_files/include_CuteEditor.php") ; ?>
    <html>    
        <head>
        </head>
        <body>
            
            <form name="theForm" method="post" ID="Form1">
                    <div id="div1" style="visibility:hidden">
                   <?php
                $editor=new CuteEditor();
                $editor->ID="Editor1";
                $editor->Draw();
                $editor=null;
            ?>    
            
            </div>
         <input type="button" value="Show" onclick="hideAndShow()" />
            </form>
        </body>
    </html>

    <script>
    window.onload=function()
    {
           var div1=document.getElementById("div1");
           div1.style.display="none";
    }
    function hideAndShow()
    {
        var div1=document.getElementById("div1");
        if(div1.style.display=="none")
        {
         div1.style.visibility="visible";
            div1.style.display="block";
             
        }
        else
        {
            div1.style.display="none";
        }
    }
    </script>
     
     
    Regards,
     
    ken
View Complete Thread