Problem with display:none and firefox

Last post 11-07-2012, 9:55 PM by Adam. 4 replies.
Sort Posts: Previous Next
  •  11-05-2012, 6:38 AM 75150

    Problem with display:none and firefox

    November 5th 2012 

    Please see image showing problem with hidden div display using firefox and chrome, (the two on the right of the image). IE and safari both work fine (the two on the left of the image)

    It would appear that your own fix on your website is not working.

    Please can you fix this and let me know what needs to be patched to make it work? 

  •  11-06-2012, 6:04 AM 75156 in reply to 75150

    Re: Problem with display:none and firefox

    Hi earbash,

     

    Can you create an example page which can reproduce this issue and post the code here? So we can check it.

     

    Regards,

     

    Ken 

  •  11-06-2012, 6:30 AM 75160 in reply to 75156

    Re: Problem with display:none and firefox

    Hello Ken

    I am getting the problem on your own website using various browsers. Firefox (ver:16.0.2)and Chrome(ver 22.0.1229..96)

    which dont work, IEand safari work ok.

    the link is here 

    see also your previous forum post 30133 

  •  11-07-2012, 11:13 AM 75166 in reply to 75160

    Re: Problem with display:none and firefox

    Hello Support

     

    Do you have a resolution or workaround for this problem yet?

  •  11-07-2012, 9:55 PM 75172 in reply to 75166

    Re: Problem with display:none and firefox

    earbash:

    Hello Support

     

    Do you have a resolution or workaround for this problem yet?

     

    Please use the following method: 

    1. <!-- #include file = "cuteeditor_files/include_CuteEditor.asp" -->  
    2. <html>  
    3. <head>  
    4.     <title>Firefox designMode display:none</title>  
    5.     <script language="javascript">  
    6.         function hide() {  
    7.             document.getElementById("div1").style.display = "none";  
    8.         }  
    9.         function show() {  
    10.             document.getElementById("div1").style.display = "block";  
    11.         }  
    12.     </script>  
    13.   
    14. </head>  
    15. <body>  
    16.     <form name="theForm" action="/asp/Get_HtmlContent.asp" method="post">  
    17.     <h1>  
    18.         Embed CE into an element that has style set to display:none</h1>  
    19.     <div id="div1">  
    20.         <%  
    21.             dim content  
    22.             content = "Type Here"     
    23.             Dim editor  
    24.             Set editor = New CuteEditor  
    25.               
    26.             editor.ID = "Editor1"  
    27.             editor.Text = "Type Here"  
    28.             editor.Draw()  
    29.         %>  
    30.     </div>  
    31.     <p>  
    32.         <a onclick="hide()" href="#">Hide</a> | <a onclick="show()" href="#">Show</a></p>  
    33.   
    34.     <script>  
    35.         setTimeout(function() { hide(); }, 1000)  
    36.     </script>  
    37.   
    38.     </form>  
    39. </body>  
    40. </html>  

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

View as RSS news feed in XML