barryvdh/embed-document.html

## embed-document.html
<!DOCTYPE html>
<html dir="ltr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Google Doc viewer</title>
    <style type="text/css">
        body, html {
            margin: 0; padding: 0; height: 100%; overflow: hidden;
        }

        #content {
            position:absolute; left: 0; right: 0; bottom: 0; top: 0;
        }
    </style>
</head>

<body>
    <div id="content">
        <iframe id="embed" width="100%" height="100%" frameborder="0"></iframe>
    </div>

    <script>
      /**
       * Helper function to parse query string (e.g. ?param1=value&parm2=...).
       */
      function parseQueryString(query) {
        var parts = query.split('&');
        var params = {};
        for (var i = 0, ii = parts.length; i < ii; ++i) {
          var param = parts[i].split('=');
          var key = param[0].toLowerCase();
          var value = param.length > 1 ? param[1] : null;
          params[decodeURIComponent(key)] = decodeURIComponent(value);
        }
        return params;
      }

      window.onload = function() {
        var queryString = document.location.search.substring(1);
        var params = parseQueryString(queryString);

        var embedUrl = 'https://docs.google.com/gview?embedded=true&url=' + encodeURIComponent(params.url);

        var iframe = document.getElementById("embed");

        document.getElementById("embed").src = embedUrl;

        var checkLocation = setInterval(function(){
          try {
            if (iframe.contentWindow.location.toString() === 'about:blank') {
              iframe.contentWindow.location = embedUrl;
              return;   // Return to try again later
            }
          } catch (e) {
            //console.log(e);
          }

          clearInterval(checkLocation);
        }, 1000);
      };

    </script>
</body>
</html>
	<!DOCTYPE html>
	<html dir="ltr">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>Google Doc viewer</title>
	<style type="text/css">
	body, html {
	margin: 0; padding: 0; height: 100%; overflow: hidden;
	}

	#content {
	position:absolute; left: 0; right: 0; bottom: 0; top: 0;
	}
	</style>
	</head>

	<body>
	<div id="content">
	<iframe id="embed" width="100%" height="100%" frameborder="0"></iframe>
	</div>

	<script>
	/**
	* Helper function to parse query string (e.g. ?param1=value&parm2=...).
	*/
	function parseQueryString(query) {
	var parts = query.split('&');
	var params = {};
	for (var i = 0, ii = parts.length; i < ii; ++i) {
	var param = parts[i].split('=');
	var key = param[0].toLowerCase();
	var value = param.length > 1 ? param[1] : null;
	params[decodeURIComponent(key)] = decodeURIComponent(value);
	}
	return params;
	}

	window.onload = function() {
	var queryString = document.location.search.substring(1);
	var params = parseQueryString(queryString);

	var embedUrl = 'https://docs.google.com/gview?embedded=true&url=' + encodeURIComponent(params.url);

	var iframe = document.getElementById("embed");

	document.getElementById("embed").src = embedUrl;

	var checkLocation = setInterval(function(){
	try {
	if (iframe.contentWindow.location.toString() === 'about:blank') {
	iframe.contentWindow.location = embedUrl;
	return; // Return to try again later
	}
	} catch (e) {
	//console.log(e);
	}

	clearInterval(checkLocation);
	}, 1000);
	};

	</script>
	</body>
	</html>