RubyGems - j1m_scroll - Versions diffs - 0.0.1 - Mend

j1m_scroll 0.0.1

Files changed (101) hide show

data/assets/themes/j1/iframe_resizer/test/resources/testLib.js ADDED Viewed

@@ -0,0 +1,9 @@
+function sendMessage(msg){
+    'use strict';
+    //var msgId = '[iFrameSizerTest]:';
+	//document.getElementsByTagName('iframe')[0].contentWindow.postMessage( msgId + msg, '*' );
+	//console.log('Sending '+msg);
+	document.getElementsByTagName('iframe')[0].iFrameResizer.sendMessage(msg);
+}

data/assets/themes/j1/iframe_resizer/test/scrolling.html ADDED Viewed

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:600px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+    asyncTest( "scrolling not set", function() {
+      $('iframe').iFrameResize({
+        //log:true,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive message back from iFrame.' );
+          ok( 'hidden' === messageData.iframe.style.overflow, 'iFrame overflow = ' + messageData.iframe.style.overflow + '. Expected \'hidden\'.' );
+          ok( 'no' === messageData.iframe.scrolling, 'iFrame scrolling = ' + messageData.iframe.scrolling + '. Expected \'no\'.' );
+          start();
+        }
+      });
+    });
+    asyncTest( "scrolling = false", function() {
+      $('iframe').iFrameResize({
+        //log:true,
+        scrolling:false,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive message back from iFrame.' );
+          ok( 'hidden' === messageData.iframe.style.overflow, 'iFrame overflow = ' + messageData.iframe.style.overflow + '. Expected \'hidden\'.' );
+          ok( 'no' === messageData.iframe.scrolling, 'iFrame scrolling = ' + messageData.iframe.scrolling + '. Expected \'no\'.' );
+          start();
+        }
+      });
+    });
+    asyncTest( "scrolling = true", function() {
+      $('iframe').iFrameResize({
+        //log:true,
+        scrolling:true,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive message back from iFrame.' );
+          ok( 'auto' === messageData.iframe.style.overflow, 'iFrame overflow = ' + messageData.iframe.style.overflow + '. Expected \'auto\'.' );
+          ok( 'yes' === messageData.iframe.scrolling, 'iFrame scrolling = ' + messageData.iframe.scrolling + '. Expected \'yes\'.' );
+          start();
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/sendMessage.html ADDED Viewed

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:600px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script src="resources/testLib.js"></script>
+  <script src="../js/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var
+        count = 0,
+        msgId = '[iFrameSizerTest]:';
+    asyncTest( "sendMessage (string)", function() {
+      iFrameResize({
+        //log:true,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive init message back from iFrame.' );
+          sendMessage('chkSendMsg');
+        },
+        messageCallback:function(messageData){
+          ok( 'message: test string' === messageData.message, 'Receive string message back from iFrame via sendMessage function.' );
+          start();
+        }
+      });
+    });
+    asyncTest( "sendMessage (object)", function() {
+      iFrameResize({
+        //log:true,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive init message back from iFrame.' );
+          sendMessage('chkSendObj');
+        },
+        messageCallback:function(messageData){
+          ok( 'test object' === messageData.message.message, 'Receive object message back from iFrame via sendMessage function.' );
+          start();
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/setHeightCalculationMethod.html ADDED Viewed

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:600px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script src="resources/testLib.js"></script>
+  <script src="../js/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+		asyncTest( "setHeightCalculationMethod", function() {
+      var callbackCounter = 0;
+      iFrameResize({
+        //log:true,
+        interval:0,
+        resizedCallback:function(messageData){
+          switch  (''+(++callbackCounter)){
+            case '1':
+              sendMessage('setHeightCalculationMethod');
+              break;
+            default:
+              ok( true, 'iFrame detected content change');
+              start();
+          }
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/size.html ADDED Viewed

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:400px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script src="../js/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script src="resources/testLib.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+    asyncTest( "iFrame size Event", function() {
+      var callbackCounter = 0;
+      $('iframe').iFrameResize({
+        //log:true,
+        interval:0,
+        resizedCallback:function(messageData){
+          var msgType = 'size';
+          switch  (''+(++callbackCounter)){
+            case '1':
+              sendMessage( msgType);
+              break;
+            case '2':
+              ok( msgType === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected '+msgType);
+              sendMessage('size100');
+              break;
+            case '3':
+              ok( msgType === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected '+msgType);
+              ok( '100' === messageData.height, 'Height received = 100');
+              //ok( 100 === $('iframe').height(), 'IFrame height = 100'); Works in phaatomJS, but not chrome!
+              sendMessage('size200300');
+              break;
+            case '4':
+              ok( msgType === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected '+msgType);
+              ok( '200' === messageData.height, 'Height received = 200');
+              ok( '300' === messageData.width, 'Width received = 300');
+              start();
+          }
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/v1.html ADDED Viewed

@@ -0,0 +1,189 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:600px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script>
+    /*
+     * File: jquery.iframeSizer.js
+     * Desc: Force cross domain iframes to size to content.
+     * Requires: iframeSizer.contentWindow.js to be loaded into the target frame.
+     * Author: David J. Bradshaw - dave@bradshaw.net
+     * Date: 2013-06-14
+     */
+    (function($) {
+      var
+        msgId    = '[iFrameSizer]', //Must match iframe msg ID
+        msgIdLen = msgId.length,
+        count    = 0,
+        settings,
+        defaults = {
+          log: false,
+          contentWindowBodyMargin:8,
+          doHeight:true,
+          doWidth:false,
+          interval:0,
+          enablePublicMethods:false,
+          callback:function(){}
+        };
+        function setupRAF(){
+        var
+          vendors = ['moz', 'webkit', 'o', 'ms'],
+          x;
+        // Remove vendor prefixing if prefixed and break early if not
+        for (x = 0; x < vendors.length && !window.requestAnimationFrame; x += 1) {
+          window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+        }
+        // If not supported then just call callback
+        if (!window.requestAnimationFrame){
+          log(' RequestAnimationFrame not supported');
+          window.requestAnimationFrame = function(callback){
+            callback();
+          };
+        }
+        }
+      function log(msg){
+        if (window.console){
+          console.log(msgId + '[Host page]' + msg);
+        }
+      }
+        setupRAF();
+      $(window).on('message',function(event){
+        function receiver(msg) {
+          function resize(){
+            function setDimension(dimension){
+              window.requestAnimationFrame(function(){
+                messageData.iframe.style[dimension] = messageData[dimension] + 'px';
+                log( ' ' + messageData.iframe.id + ' ' + dimension + ' set to ' + messageData[dimension] + 'px');
+              });
+            }
+            if(settings.doHeight){
+              setDimension('height');
+            }
+            if(settings.doWidth){
+              setDimension('width');
+            }
+          }
+          function processMsg(){
+            var data  = msg.substr(msgIdLen).split(':');
+            messageData = {
+              iframe: document.getElementById(data[0]),
+              height: data[1],
+              width:  data[2]
+            };
+          }
+          var messageData = {};
+          //check message is for us.
+          if (msgId === msg.substr(0,msgIdLen)){
+            processMsg();
+            resize();
+            settings.callback(messageData,settings);
+          }
+        }
+        receiver(event.originalEvent.data);
+      });
+      $.fn.iFrameSizer = function(options){
+        settings = $.extend( {}, defaults, options );
+        return this.each(function(){
+          function isIframe(){
+            return iframe.contentWindow ? true : false;
+          }
+          //We have to call trigger twice, as we can not be sure if all
+          //iframes have completed loading when this code runs.
+          function init(){
+            iframe.style.overflow = 'hidden';
+            iframe.scrolling = 'no';
+            $(iframe).on('load',function(){
+              trigger('iFrame.onload');
+            });
+            trigger('init');
+          }
+          function trigger(calleeMsg){
+            function ensureHasId(){
+              if (''===iframe.id){
+                iframe.id = 'iFrameSizer' + count++;
+                log(' Added missing iframe ID: '+iframe.id);
+              }
+            }
+            function postMessageToIframe(){
+              var msg = iframe.id + ':' + settings.contentWindowBodyMargin + ':' + settings.doWidth + ':' +
+                  settings.log + ':' + settings.interval + ':' + settings.enablePublicMethods;
+              log('[' + calleeMsg + '] Sending init msg to iframe ('+msg+')');
+              iframe.contentWindow.postMessage( msgId + msg, '*' );
+            }
+            ensureHasId();
+            postMessageToIframe();
+          }
+          var iframe = this;
+          if (isIframe()){
+            init();
+          }
+        });
+      };
+    })( window.jQuery );
+  </script>
+  <script>
+   'use strict';
+    var msgId = '[iFrameSizerTest]:';
+    asyncTest( "postMessage Response", function() {
+      $('iframe').iFrameSizer({
+        callback:function(messageData){
+          //console.log('Receive message back from iFrame.')
+          ok( true, 'Receive message back from iFrame.' );
+          ok( '600' === messageData.width, 'iFrame width = 600.' );
+          start();
+        }
+      });
+    });
+ </script>
+</body>
+</html>

data/assets/themes/j1/j1/js/adapters/iframe_resizer.js ADDED Viewed

@@ -0,0 +1,105 @@
+---
+regenerate:             false
+---
+{% capture cache %}
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/j1/js/adapters/iframe_resizer.js
+ #  Liquid JS template to create the J1 adapter for iFrameResizer
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #  http://davidjbradshaw.github.io/iframe-resizer/
+ #
+ #  Copyright (C) 2016 Juergen Adams
+ #  Copyright (C) 2013-15 David J. Bradshaw
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #  iFrameResizer is licensed under under the MIT License.
+ #  For details, see http://davidjbradshaw.github.io/iframe-resizer/
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+/*
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/j1/js/adapters/simple_jekyll_search.js
+ #  J1 Adapter for iFrameResizer
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #  http://davidjbradshaw.github.io/iframe-resizer/
+ #
+ #  Copyright (C) 2016 Juergen Adams
+ #  Copyright (C) 2013-15 David J. Bradshaw
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #  iFrameResizer is licensed under under the MIT License.
+ #  For details, see http://davidjbradshaw.github.io/iframe-resizer/
+ #
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+{% if page.minHeight %}
+   {% assign minHeight = page.minHeight %}
+{% else %}
+   {% assign minHeight = site.data.modules.j1_iframe_resizer.minHeight %}
+{% endif %}
+{% if page.log %}
+   {% assign log = page.log %}
+{% else %}
+   {% assign log = site.data.modules.j1_iframe_resizer.log %}
+{% endif %}
+var iFrameResizer = function () {
+  return {
+    // Initialize
+    init: function ( options ) {
+      this.settings = $.extend({}, options);
+      if (this.settings.minHeight === undefined) {
+          this.settings.minHeight = {{minHeight}};
+      }
+      if (this.settings.log === undefined) {
+          this.settings.log = {{log}};
+      }
+      iFrameResize({
+        // Options
+        log:                      this.settings.log,
+        autoResize:               {{site.data.modules.j1_iframe_resizer.autoResize | json }},
+        bodyBackground:           {{site.data.modules.j1_iframe_resizer.bodyBackground | json }},
+        bodyMargin:               {{site.data.modules.j1_iframe_resizer.bodyMargin | json }},
+        checkOrigin:              {{site.data.modules.j1_iframe_resizer.checkOrigin | json }},
+        inPageLinks:              {{site.data.modules.j1_iframe_resizer.inPageLinks | json }},
+        interval:                 {{site.data.modules.j1_iframe_resizer.interval | json }},
+        heightCalculationMethod:  {{site.data.modules.j1_iframe_resizer.heightCalculationMethod | json }},
+        maxHeight:                {{site.data.modules.j1_iframe_resizer.maxHeight | json }},
+        minWidth:                 {{site.data.modules.j1_iframe_resizer.minWidth | json }},
+        maxWidth:                 {{site.data.modules.j1_iframe_resizer.maxWidth}},
+        minHeight:                this.settings.minHeight,
+        resizeFrom:               {{site.data.modules.j1_iframe_resizer.resizeFrom | json }},
+        scrolling:                {{site.data.modules.j1_iframe_resizer.scrolling | json }},
+        sizeHeight:               {{site.data.modules.j1_iframe_resizer.sizeHeight | json }},
+        sizeWidth:                {{site.data.modules.j1_iframe_resizer.sizeWidth | json }},
+        tolerance:                {{site.data.modules.j1_iframe_resizer.tolerance | json }},
+        widthCalculationMethod:   {{site.data.modules.j1_iframe_resizer.widthCalculationMethod | json }}
+//      targetOrigin:             {{site.protocol}}://{{site.host}}:{{site.port}}',
+      });
+    } // end init
+  }; // end return
+}();
+{% endcapture %}
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}