[extjs.git] / extjs / build / examples / classic / core / spotlight.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes">
    <title>Spotlight Example</title>
    <!-- Ext -->
    <script type="text/javascript" src="../shared/include-ext.js"></script>
    <script type="text/javascript" src="../shared/options-toolbar.js"></script>

    <!-- example code -->
    <script type="text/javascript" src="spotlight-example.js"></script>

    <!-- Common Styles for the examples -->
    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />

    <!-- GC -->

    <style type="text/css">
        body {
            overflow: hidden;
        }

        #demo-ct .x-table-layout-cell {
            padding: 20px;
        }

        .x-spotlight {
            background-color: #ccc;

            z-index: 8999;
            position: absolute;
            top: 0;
            left: 0;
            -moz-opacity: 0.5;
            opacity: .50;
            filter: alpha(opacity=50);
            width: 0;
            height: 0;
            zoom: 1;
            font-size: 0;
        }
    </style>
</head>
<body>
<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->

<h1>Spotlight</h1>

<p>This utility allows you to restrict input to a particular element by masking all other page content.</p>
<p>The js is not minified so it is readable. See <a href="spotlight-example.js">spotlight-example.js</a>.</p>

<div id="start-ct"></div>

</body>
</html>
Commit	Line	Data
947f0963 TL	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	5	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	6	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes">
	7	<title>Spotlight Example</title>
	8	<!-- Ext -->
	9	<script type="text/javascript" src="../shared/include-ext.js"></script>
	10	<script type="text/javascript" src="../shared/options-toolbar.js"></script>
	11
	12	<!-- example code -->
	13	<script type="text/javascript" src="spotlight-example.js"></script>
	14
	15	<!-- Common Styles for the examples -->
	16	<link rel="stylesheet" type="text/css" href="../shared/examples.css" />
	17
	18	<!-- GC -->
	19
	20	<style type="text/css">
	21	body {
	22	overflow: hidden;
	23	}
	24
	25	#demo-ct .x-table-layout-cell {
	26	padding: 20px;
	27	}
	28
	29	.x-spotlight {
	30	background-color: #ccc;
	31
	32	z-index: 8999;
	33	position: absolute;
	34	top: 0;
	35	left: 0;
	36	-moz-opacity: 0.5;
	37	opacity: .50;
	38	filter: alpha(opacity=50);
	39	width: 0;
	40	height: 0;
	41	zoom: 1;
	42	font-size: 0;
	43	}
	44	</style>
	45	</head>
	46	<body>
	47	<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
	48
	49	<h1>Spotlight</h1>
	50
	51	<p>This utility allows you to restrict input to a particular element by masking all other page content.</p>
	52	<p>The js is not minified so it is readable. See <a href="spotlight-example.js">spotlight-example.js</a>.</p>
	53
	54	<div id="start-ct"></div>
	55
	56	</body>
	57	</html>