Changeset 664 for ether_statistics/web

Timestamp:

11/05/12 18:40:09 (12 years ago)

Author:

vmipsl

Message:

print ok pour mozilla & chrome

File:

• ether_statistics/web/resources/js/classesForJQuery/PrintContent.js (modified) (7 diffs)

ether_statistics/web/resources/js/classesForJQuery/PrintContent.js

@@ -1 @@
-//********************************************************
+//****************************************************************************************************************
 // Class PrintContent
-// Print  a Content
+// Print a Content (some divs)
 //
 // use jQuery
-//********************************************************
+// This class allow to print some divs contened in this.divContent
+// We must clone the divs we want to print for the preview --> new PrintContent().addContent( divToPrint.clone() );
+// There's no jQuery function to print only a few div, then we have to use the old javascript function window.print() !!
+// To hide the window behind the previewDiv, we use a mask with opacity (otherwise, chrome display the entire window's content).
+//****************************************************************************************************************
 
 var PrintContent = Class.create( {
@@ -12 +16 @@
     initialize: function()
     {
-        this.divWrapper = $( '<div id="printWrapper"></div>' );
+        this.divPreview = $( '<div id="printWrapper"></div>' );
         this.divButtons = $( '<div id="printButtons"></div>' );
         this.divContent = $( '<div id="printContent"></div>' );
     },
 
+    setContent: function( content )
+    {
+        this.divContent.append( content );
+    },
+
+    addContent: function( content )
+    {
+        this.divContent.append( content );
+    },
+
+    createButtons: function()
+    {
+        this.oldContent = window.document.body.innerHTML;
+        this.printButton = $( document.createElement( "div" ) );
+        this.printButton.addClass( "print" );
+        this.printButton.bind( "click", jQuery.proxy( function()
+        {
+            this.mask.animate( { opacity: 1}, 400, jQuery.proxy( function()
+            {
+                window.print();
+            }, this ) );
+        }, this ) );
+        this.divButtons.append( this.printButton );
+
+        this.closeButton = $( document.createElement( "div" ) );
+        this.closeButton.addClass( "close" );
+        this.closeButton.bind( "click", jQuery.proxy( function()
+        {
+            this.removePrintPreview();
+        }, this ) );
+        this.divButtons.append( this.closeButton );
+    },
+
     displayPrintPreview: function()
     {
-        this.divWrapper.hide();
-        this.divWrapper.append( this.divButtons );
-        this.divWrapper.append( this.divContent );
-        $( 'body' ).append( this.divWrapper );
+        this.divPreview.hide();
+        this.divPreview.append( this.divButtons );
+        this.divPreview.append( this.divContent );
+        $( 'body' ).append( this.divPreview );
 
         // Display mask
@@ -37 +74 @@
         }
 
-        this.divWrapper.css( css ).animate( { top: $( window ).scrollTop()}, 400, 'linear', jQuery.proxy( function()
+        this.divPreview.css( css ).animate( { top: $( window ).scrollTop()}, 400, 'linear', jQuery.proxy( function()
         {
             this.divButtons.fadeIn( 'slow' ).focus();
@@ -45 +82 @@
     },
 
-    createButtons: function()
-    {
-        this.oldContent = window.document.body.innerHTML;
-        this.printButton = $( document.createElement( "div" ) );
-        this.printButton.addClass( "print" );
-        this.printButton.bind( "click", jQuery.proxy( function()
-        {
-            this.mask.animate( { opacity: 1}, 400, jQuery.proxy( function()
-            {
-                window.print();
-            }, this ) );
-//            window.print();
-        }, this ) );
-        this.divButtons.append( this.printButton );
-
-        this.closeButton = $( document.createElement( "div" ) );
-        this.closeButton.addClass( "close" );
-        this.closeButton.bind( "click", jQuery.proxy( function()
-        {
-            this.distroyPrintPreview();
-        }, this ) );
-        this.divButtons.append( this.closeButton );
-    },
-
-    distroyPrintPreview: function()
+    removePrintPreview: function()
     {
         this.divButtons.fadeOut( 100 );
-        this.divWrapper.animate( { top: $( window ).scrollTop() - $( window ).height(), opacity: 1}, 400, 'linear', jQuery.proxy( function()
+        this.divPreview.animate( { top: $( window ).scrollTop() - $( window ).height(), opacity: 1}, 400, 'linear', jQuery.proxy( function()
         {
-            this.divWrapper.remove();
+            this.divPreview.remove();
             $( 'body' ).css( {overflowY: 'auto', height: 'auto'} );
         }, this ) );
@@ -112 +125 @@
         this.mask.bind( "click.printPreview.mask", jQuery.proxy( function( e )
         {
-            this.distroyPrintPreview();
+            this.removePrintPreview();
         }, this ) );
 
@@ -118 +131 @@
         {
             if( e.keyCode == 27 )
-                this.distroyPrintPreview();
+                this.removePrintPreview();
         }, this ) );
     },
@@ -143 +156 @@
         this.size = this.getMaskSize();
         this.mask.css( {width: this.size[0], height: this.size[1]} );
-    },
-
-    setContent: function( content )
-    {
-        this.divContent.append( content );
-    },
-
-    addContent: function( content )
-    {
-        this.divContent.append( content );
     }