Re: js to read editor height

  •  05-17-2010, 1:38 AM

    Re: js to read editor height

    wolf11th:
    Is there any js to read editor's height?
    I found a problem, if a editor is in a invisible div, I initiate the editor and then try to resize the height, it doesn't work
     
    Can you provide a client side method to read the height?
     
    thx
     
    Hi wolf11th,
     
    example 1
     
    1. <%@ Page Language="C#" ValidateRequest="false" %>   
    2.   
    3. <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>   
    4. <html>   
    5. <head>   
    6. </head>   
    7. <body>   
    8.     <form id="Form1" runat="server">   
    9.      <input type="button" value="show editor" onclick="show()" />   
    10.         <div id="div1" style="visibility: hidden">   
    11.             <CE:Editor ID="editor1" runat="server">   
    12.             </CE:Editor>   
    13.         </div>   
    14.           
    15.     </form>   
    16. </body>   
    17. </html>   
    18.   
    19. <script>   
    20. var editor1 = document.getElementById("<%= editor1.ClientID %>");      
    21. var div1=document.getElementById("div1");   
    22. function show()      
    23. {      
    24. div1.style.visibility="visible";   
    25.  editor1.SetHeight(1000);   
    26. }    
    27.   
    28. </script>  

    example 2
     
    1. <%@ Page Language="C#" ValidateRequest="false" %>   
    2.   
    3. <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>   
    4. <html>   
    5. <head>   
    6. </head>   
    7. <body>   
    8.     <form id="Form1" runat="server">   
    9.         <input type="button" value="show editor" onclick="show()" />   
    10.         <div id="div1" style=" display:none">   
    11.             <CE:Editor ID="editor1" runat="server">   
    12.             </CE:Editor>   
    13.         </div>   
    14.        
    15.     </form>   
    16. </body>   
    17. </html>   
    18.   
    19. <script>   
    20.   
    21. var div1=document.getElementById("div1");   
    22. function show()      
    23. {      
    24. div1.style.display="block";   
    25.   
    26. }    
    27. function CuteEditor_OnInitialized(editor)   
    28. {   
    29.  editor.SetHeight(1000);   
    30. }     
    31. </script>  
    Regards,
     
    ken
View Complete Thread