Changeset 1177

Timestamp:

2007-12-05 07:19:32 (8 months ago)

Author:

martinkou

Message:

Added throbber animation at dialog load.

Files:

• FCKeditor/branches/features/floating_dialog/editor/fckdialog.html (modified) (3 diffs)

FCKeditor/branches/features/floating_dialog/editor/fckdialog.html

@@ -49 +49 @@
         RefreshContainerSize() ;
         LoadInnerDialog() ;
+        ShowThrobber() ;
         var titleElement = document.getElementById( 'TitleArea' ) ;
         titleElement.onmousedown = oEditor.FCKDialog._DragMouseDownHandler ;
@@ -76 +77 @@
 }
 
+function ShowThrobber()
+{
+        var throbberParent = document.getElementById( 'throbberBlock' ) ;
+        var frm = document.getElementById( 'frmMain' ) ; 
+        var html = '<img src="%%" width="28" height="28" border="0" /><br />Loading...'.replace( '%%', oEditor.FCKConfig.SkinPath + 'images/dialog.loading.gif' ) ;
+        throbberParent.innerHTML = html ;
+
+        var frmCoords = oEditor.FCKTools.GetDocumentPosition( window, frm ) ;
+        var x = frmCoords.x + ( frm.offsetWidth - throbberParent.offsetWidth ) / 2 ;
+        var y = frmCoords.y + ( frm.offsetHeight - throbberParent.offsetHeight ) / 2 ;
+        throbberParent.style.left = parseInt(x) + 'px' ;
+        throbberParent.style.top = parseInt(y) + 'px' ;
+}
+
+function HideThrobber()
+{
+        var throbberParent = document.getElementById( 'throbberBlock' ) ;
+        throbberParent.parentNode.removeChild( throbberParent ) ;
+}
+
 function InnerDialogLoaded()
 {
+        HideThrobber() ;
         var oInnerDoc = document.getElementById('frmMain').contentWindow.document ;
 
@@ -376 +398 @@
                         </tr>
                 </table>
+                <div id="throbberBlock" style="position: absolute; z-index: 10; text-align: center; font-size: 9px;">
+                </div>
         </body>
 </html>