planning [Ëa]

Ci-dessous, les différences entre deux révisions de la page.

--- planning [2019/01/10 11:45]
sioc
+++ planning [2021/04/15 13:56] (Version actuelle)
@@ Ligne 1: / Ligne 1: @@
 ====== Planning ======
 <html>
+<style>
+.responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+}
-<iframe src="https://beta.club-ea.com/plan.inc/planning.php" id="iframeid" style="width:100%; height:100%;margin:0px;border:0px;position:absolute;" frameborder="0" scrolling="no">
+.responsive iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  height: 100%;
+  width: 100%;
+  border: 0;
+}
+.plan {
+  padding-bottom: 670%;
+}
+</style>
+<div class="responsive plan">
+<iframe src="https://club-ea.com/plan.inc/planning.php" width="98%" class="embed-responsive-item" frameborder="0" scrolling="no">
 </iframe>
-    <script type="text/javascript">
+</div>
-        function windowDimensions() { // prototype/jQuery compatible
-        var myWidth = 0, myHeight = 0;
-        if( typeof( window.innerWidth ) == 'number' ) {
-            //Non-IE or IE 9+ non-quirks
-            myWidth = window.innerWidth;
-            myHeight = window.innerHeight;
-        } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
-            //IE 6+ in 'standards compliant mode'
-            myWidth = document.documentElement.clientWidth;
-            myHeight = document.documentElement.clientHeight;
-        } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
-            //IE 5- (lol) compatible
-            myWidth = document.body.clientWidth;
-            myHeight = document.body.clientHeight;
-        }
-        if (myWidth < 1) myWidth = screen.width; // emergency fallback to prevent division by zero
-        if (myHeight < 1) myHeight = screen.height;
-        return [myWidth,myHeight];
-    }
-    var dim = windowDimensions();
-    myIframe = $('#iframeid'); // changed the code to use jQuery
-    myIframe.height((dim[1]) + "px");
-    </script>
 </html>

Différences