Example iframe for ExtJS (0aea6df5) · Commits · extjs / jsduck

template/eg-iframe.html

+4 −66

Original line number	Diff line number	Diff line
		<!DOCTYPE html>
		<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
		<html>
		<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Sencha Examples</title>

		<script type="text/javascript" src="touch/sencha-touch-all.js"></script>
		<link rel="stylesheet" type="text/css" href="touch/resources/css/sencha-touch.css">

		<style id="iframe-css" type="text/css"></style>
		<style type="text/css" media="screen">
		html {
		overflow: hidden
		}

		.home {
		text-align: center;
		}

		.home img {
		width: 64%;
		}

		.home h1 {
		font-weight: bold;
		font-size: 1.2em;
		}

		.home p {
		color: #666;
		font-size: 0.8em;
		line-height: 1.5em;
		margin: 10px 20px 12px 20px;
		}

		.home h2 {
		color: #999;
		font-size: 0.7em;
		}

		.twitterView .x-dataview-item {
		padding: 10px;
		min-height: 50px;
		}

		.twitterView .x-dataview-item img {
		float: left;
		display: block;
		margin-top: 36px;
		}

		.twitterView .x-dataview-item h2 {
		font-weight: bold;
		color: #333;
		margin: 0px 0px 10px 60px;
		}

		.twitterView .x-dataview-item p {
		color: #666;
		margin-left: 60px;
		font-size: 0.8em;
		}
		</style>
		<script type="text/javascript" src="extjs/ext-all.js"></script>
		<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">

		<script type="text/javascript">
		function loadInlineExample(code, options) {
		try {
		document.body.innerHTML = '';
		if (!options.raw) {
		code = "Ext.setup({onReady: function(){" + code + "}});";
		}
		if (options.tablet) {
		// Scale example down to 70% size. Default font-size is 114%
		Ext.get('iframe-css').update("body {font-size: 79.8% !important}");
		}
		eval(code);
		} catch (e) {
		document.body.innerHTML = e;