aboutsummaryrefslogtreecommitdiffstats
path: root/external
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2009-01-07 03:34:18 +0000
committerRichard Worth <rdworth@gmail.com>2009-01-07 03:34:18 +0000
commit9bdb8515482c2b22d0360d75c72131796a9c43ae (patch)
tree873d7b51a8955c5d8a11e18616a67793670edd10 /external
parentb792bd46ec9b1b55bf2289faedd4ab3614c9319a (diff)
downloadjquery-ui-9bdb8515482c2b22d0360d75c72131796a9c43ae.tar.gz
jquery-ui-9bdb8515482c2b22d0360d75c72131796a9c43ae.zip
Added bgiframe 2.1.1 to external folder
Diffstat (limited to 'external')
-rw-r--r--external/bgiframe/ChangeLog.txt20
-rw-r--r--external/bgiframe/META.json32
-rw-r--r--external/bgiframe/docs/index.html113
-rw-r--r--external/bgiframe/jquery.bgiframe.js100
-rw-r--r--external/bgiframe/jquery.bgiframe.min.js10
-rw-r--r--external/bgiframe/jquery.bgiframe.pack.js10
-rw-r--r--external/bgiframe/test/index.html197
7 files changed, 482 insertions, 0 deletions
diff --git a/external/bgiframe/ChangeLog.txt b/external/bgiframe/ChangeLog.txt
new file mode 100644
index 000000000..995b35129
--- /dev/null
+++ b/external/bgiframe/ChangeLog.txt
@@ -0,0 +1,20 @@
+== New and Noteworthy ==
+
+== 2.1.1 ==
+
+* Removed $.browser.version for jQuery < 1.1.3
+
+== 2.1 ==
+
+* Updated to work with jQuery 1.1.3
+* Added $.browser.version for jQuery < 1.1.3
+* Optimized duplication check by using child selector and using .length test
+
+== 2.0 ==
+
+* Added ability change settings like width, height, src and more.
+
+== 1.0 ==
+
+* Only adds iframe once per an element
+* Works with SSL enabled pages \ No newline at end of file
diff --git a/external/bgiframe/META.json b/external/bgiframe/META.json
new file mode 100644
index 000000000..766190b48
--- /dev/null
+++ b/external/bgiframe/META.json
@@ -0,0 +1,32 @@
+{
+ "name": "jQuery-bgiframe",
+ "version": 2.1,
+ "author": [
+ "Brandon Aaron <brandon.aaron@gmail.com>"
+ ],
+ "abstract": "jQuery plugin for fixing z-index issues in IE6",
+ "license": "mit, gpl",
+ "distribution_type": "plugin",
+ "requires": {
+ "jQuery": ">=1.0.3"
+ },
+ "provides": {
+ "jQuery.bgiframe": {
+ "version": 2.1,
+ "file": "jquery.bgiframe.js"
+ }
+ },
+ "keywords": [
+ "iframe",
+ "hack",
+ "zIndex",
+ "z-index",
+ "ie6"
+ ],
+ "stability": "Official",
+ "meta-spec": {
+ "version": 1.3,
+ "url": "http://module-build.sourceforge.net/META-spec-v1.3.html"
+ },
+ "generated_by": "Brandon Aaron"
+}
diff --git a/external/bgiframe/docs/index.html b/external/bgiframe/docs/index.html
new file mode 100644
index 000000000..1776b4d09
--- /dev/null
+++ b/external/bgiframe/docs/index.html
@@ -0,0 +1,113 @@
+<!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>bgiframe 2.1.1 docs</title>
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/reset/reset-min.css">
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.2.2/build/fonts/fonts-min.css">
+ <style type="text/css" media="screen">
+ body { margin: 25px; }
+ h1 { margin: 1.0em 0; font-size: 167%; font-weight: bold; }
+ #toc { margin: 0 0 3.0em; }
+ #toc li { margin: 0.4em 0; font-size: 100%; }
+ #qa { margin: 0 0 3.0em; }
+ #qa dt.question { margin: 2.0em 0 1.0em; font-size: 122%; font-weight: bold; }
+ #qa dd.answer { margin: 0 2.0em; }
+ #qa dd.answer p { margin: 0 0 1.5em; }
+ #qa dd.answer code { font-size: 92%; }
+
+ #qa dd.answer #options dt { margin: 2.0em 0 1.0em; }
+ #qa dd.answer #options dd { margin: 0 2.0em; }
+
+ </style>
+ </head>
+ <body>
+ <div id="wrapper">
+ <div id="container">
+ <h1>bgiframe 2.1.1</h1>
+ <ul id="toc">
+ <li><a href="#what_does_it_do">What does it do</a></li>
+ <li><a href="#when_should_i_use_it">When should I use it</a></li>
+ <li><a href="#how_do_i_use_it">How do I use it</a></li>
+ <li><a href="#how_does_it_work">How does it work</a></li>
+ <li><a href="#where_can_i_get_it">Where can I get it</a></li>
+ <li><a href="#what_has_changed">What has changed</a></li>
+ <li><a href="#suggestions_bugs_patches">Suggestions? Bugs? Patches?</a></li>
+ </ul>
+ <dl id="qa">
+ <dt id="what_does_it_do" class="question">What does it do?</dt>
+ <dd class="answer">
+ <p>Have you ever experienced the select form element z-index issue in Internet Explorer 6? Most likely you have if you've implemented some sort of drop down menu navigation that shows up over a select form element.</p>
+ <p>The background iframe (bgiframe) plugin provides a very small, quick and easy way to fix that problem so you don't have to worry about it. No matter the size, borders or position the bgiframe plugin can fix it.</p>
+ </dd>
+
+ <dt id="when_should_i_use_it" class="question">When should I use it?</dt>
+ <dd class="answer">
+ <p>The bgiframe plugin should be used when you are trying to show elements above a select form control in Internet Explorer 6.</p>
+ </dd>
+
+ <dt id="how_do_i_use_it" class="question">How do I use it?</dt>
+ <dd class="answer">
+ <p>The usage is simple. Just call <code>bgiframe</code> on a jQuery collection of elements.</p>
+ <p><code>$('.fix-z-index').bgiframe();</code></p>
+ <p>The plugin tries its best to handle most situations but sometimes some configuration is necessary. For example if your borders are defined in a unit other than pixels, you will need to manually set the <code>top</code> and <code>left</code> properties to the negative width of the border. Here are the options/settings available to configure the output.</p>
+ <dl id="options">
+ <dt><code>top</code></dt>
+ <dd>
+ <p>The iframe must be offset to the top by the width of the top border. This should be a negative number representing the border-top-width. If a number is is used here, pixels will be assumed. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the border-top-width if it is in pixels.</p>
+ <p><code>$('.fix-z-index').bgiframe({ top: '-1em' });</code></p>
+ </dd>
+ <dt><code>left</code></dt>
+ <dd>
+ <p>The iframe must be offset to the left by the width of the left border. This should be a negative number representing the border-left-width. If a number is used here, pixels will be assumed. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the border-left-width if it is in pixels.</p>
+ <p><code>$('.fix-z-index').bgiframe({ left: '-1em' });</code></p>
+ </dd>
+ <dt><code>width</code></dt>
+ <dd>
+ <p>This is the width of the iframe. If a number is used here, pixels will be assume. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the offsetWidth.</p>
+ <p><code>$('.fix-z-index').bgiframe({ width: 100 });</code></p>
+ </dd>
+ <dt><code>height</code></dt>
+ <dd>
+ <p>This is the height of the iframe. If a number is used here, pixels will be assume. Otherwise, be sure to specify a unit. An expression could also be used. By default the value is "auto" which will use an expression to get the offsetHeight.</p>
+ <p><code>$('.fix-z-index').bgiframe({ height: 100 });</code></p>
+ </dd>
+ <dt><code>opacity</code></dt>
+ <dd>
+ <p>This is a boolean representing whether or not to use opacity. If set to true, the opacity of 0 is applied. If set to false, the opacity filter is not applied. Default: true.</p>
+ <p><code>$('.fix-z-index').bgiframe({ opacity: false });</code></p>
+ </dd>
+ <dt><code>src</code></dt>
+ <dd>
+ <p>This setting is provided so that one could change the src of the iframe to whatever they need. Default: "javascript:false;"</p>
+ <p><code>$('.fix-z-index').bgiframe({ src: '#' });</code></p>
+ </dd>
+ </dl>
+ </dd>
+
+ <dt id="how_does_it_work" class="question">How does it work?</dt>
+ <dd class="answer">
+ <p>The bgiframe plugin works by prepending an iframe to the element. The iframe is given a class of bgiframe and positioned below all the other children of the element. In the default configuration it automatically adjusts to the width and height of the element (including the borders) and the opacity is set to 0. The element needs to have position (relative or absolute) and should have a background (color or image).</p>
+ <p>Check out the <a href="http://brandonaaron.net/jquery/plugins/bgiframe/test/">test page</a> to see the plugin in action.</p>
+ </dd>
+
+ <dt id="where_can_i_get_it" class="question">Where can I get it?</dt>
+ <dd class="answer">
+ <ul>
+ <li><a href="http://jquery.com/plugins/files/bgiframe-2.1.zip">2.1 zip</a> from the bgiframe <a href="http://jquery.com/plugins/project/bgiframe">project page</a>.</li>
+ <li>Latest SVN: http://jqueryjs.googlecode.com/svn/trunk/plugins/bgiframe/</li>
+ <li>Tagged Versions in SVN: Latest SVN: http://jqueryjs.googlecode.com/svn/tags/plugins/bgiframe/</li>
+ </ul>
+ </dd>
+
+ <dt id="suggestions_bugs_patches" class="question">Suggestions? Bugs? Patches?</dt>
+ <dd class="answer">
+ <p>Feel free to make any suggestions, bug reports or add any patches via the <a href="http://jquery.com/plugins/project/bgiframe">project page</a>.</p>
+ </dd>
+ </dl>
+ <p>The bgiframe plugin is authored by <a href="http://blog.brandonaaron.net/">Brandon Aaron (http://brandonaaron.net/)</a></p>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file
diff --git a/external/bgiframe/jquery.bgiframe.js b/external/bgiframe/jquery.bgiframe.js
new file mode 100644
index 000000000..3a01f6eba
--- /dev/null
+++ b/external/bgiframe/jquery.bgiframe.js
@@ -0,0 +1,100 @@
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-07-21 18:44:59 -0500 (Sat, 21 Jul 2007) $
+ * $Rev: 2446 $
+ *
+ * Version 2.1.1
+ */
+
+(function($){
+
+/**
+ * The bgiframe is chainable and applies the iframe hack to get
+ * around zIndex issues in IE6. It will only apply itself in IE6
+ * and adds a class to the iframe called 'bgiframe'. The iframe
+ * is appeneded as the first child of the matched element(s)
+ * with a tabIndex and zIndex of -1.
+ *
+ * By default the plugin will take borders, sized with pixel units,
+ * into account. If a different unit is used for the border's width,
+ * then you will need to use the top and left settings as explained below.
+ *
+ * NOTICE: This plugin has been reported to cause perfromance problems
+ * when used on elements that change properties (like width, height and
+ * opacity) a lot in IE6. Most of these problems have been caused by
+ * the expressions used to calculate the elements width, height and
+ * borders. Some have reported it is due to the opacity filter. All
+ * these settings can be changed if needed as explained below.
+ *
+ * @example $('div').bgiframe();
+ * @before <div><p>Paragraph</p></div>
+ * @result <div><iframe class="bgiframe".../><p>Paragraph</p></div>
+ *
+ * @param Map settings Optional settings to configure the iframe.
+ * @option String|Number top The iframe must be offset to the top
+ * by the width of the top border. This should be a negative
+ * number representing the border-top-width. If a number is
+ * is used here, pixels will be assumed. Otherwise, be sure
+ * to specify a unit. An expression could also be used.
+ * By default the value is "auto" which will use an expression
+ * to get the border-top-width if it is in pixels.
+ * @option String|Number left The iframe must be offset to the left
+ * by the width of the left border. This should be a negative
+ * number representing the border-left-width. If a number is
+ * is used here, pixels will be assumed. Otherwise, be sure
+ * to specify a unit. An expression could also be used.
+ * By default the value is "auto" which will use an expression
+ * to get the border-left-width if it is in pixels.
+ * @option String|Number width This is the width of the iframe. If
+ * a number is used here, pixels will be assume. Otherwise, be sure
+ * to specify a unit. An experssion could also be used.
+ * By default the value is "auto" which will use an experssion
+ * to get the offsetWidth.
+ * @option String|Number height This is the height of the iframe. If
+ * a number is used here, pixels will be assume. Otherwise, be sure
+ * to specify a unit. An experssion could also be used.
+ * By default the value is "auto" which will use an experssion
+ * to get the offsetHeight.
+ * @option Boolean opacity This is a boolean representing whether or not
+ * to use opacity. If set to true, the opacity of 0 is applied. If
+ * set to false, the opacity filter is not applied. Default: true.
+ * @option String src This setting is provided so that one could change
+ * the src of the iframe to whatever they need.
+ * Default: "javascript:false;"
+ *
+ * @name bgiframe
+ * @type jQuery
+ * @cat Plugins/bgiframe
+ * @author Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
+ */
+$.fn.bgIframe = $.fn.bgiframe = function(s) {
+ // This is only for IE6
+ if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) {
+ s = $.extend({
+ top : 'auto', // auto == .currentStyle.borderTopWidth
+ left : 'auto', // auto == .currentStyle.borderLeftWidth
+ width : 'auto', // auto == offsetWidth
+ height : 'auto', // auto == offsetHeight
+ opacity : true,
+ src : 'javascript:false;'
+ }, s || {});
+ var prop = function(n){return n&&n.constructor==Number?n+'px':n;},
+ html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+
+ 'style="display:block;position:absolute;z-index:-1;'+
+ (s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+
+ 'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+
+ 'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+
+ 'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+
+ 'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+
+ '"/>';
+ return this.each(function() {
+ if ( $('> iframe.bgiframe', this).length == 0 )
+ this.insertBefore( document.createElement(html), this.firstChild );
+ });
+ }
+ return this;
+};
+
+})(jQuery); \ No newline at end of file
diff --git a/external/bgiframe/jquery.bgiframe.min.js b/external/bgiframe/jquery.bgiframe.min.js
new file mode 100644
index 000000000..ef8679d90
--- /dev/null
+++ b/external/bgiframe/jquery.bgiframe.min.js
@@ -0,0 +1,10 @@
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-07-21 18:45:56 -0500 (Sat, 21 Jul 2007) $
+ * $Rev: 2447 $
+ *
+ * Version 2.1.1
+ */
+(function($){$.fn.bgIframe=$.fn.bgiframe=function(s){if($.browser.msie&&/6.0/.test(navigator.userAgent)){s=$.extend({top:'auto',left:'auto',width:'auto',height:'auto',opacity:true,src:'javascript:false;'},s||{});var prop=function(n){return n&&n.constructor==Number?n+'px':n;},html='<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+'style="display:block;position:absolute;z-index:-1;'+(s.opacity!==false?'filter:Alpha(Opacity=\'0\');':'')+'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+'"/>';return this.each(function(){if($('> iframe.bgiframe',this).length==0)this.insertBefore(document.createElement(html),this.firstChild);});}return this;};})(jQuery); \ No newline at end of file
diff --git a/external/bgiframe/jquery.bgiframe.pack.js b/external/bgiframe/jquery.bgiframe.pack.js
new file mode 100644
index 000000000..90dee9ad1
--- /dev/null
+++ b/external/bgiframe/jquery.bgiframe.pack.js
@@ -0,0 +1,10 @@
+/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * $LastChangedDate: 2007-07-21 18:44:59 -0500 (Sat, 21 Jul 2007) $
+ * $Rev: 2446 $
+ *
+ * Version 2.1.1
+ */
+eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(b($){$.m.E=$.m.g=b(s){h($.x.10&&/6.0/.I(D.B)){s=$.w({c:\'3\',5:\'3\',8:\'3\',d:\'3\',k:M,e:\'F:i;\'},s||{});C a=b(n){f n&&n.t==r?n+\'4\':n},p=\'<o Y="g"W="0"R="-1"e="\'+s.e+\'"\'+\'Q="P:O;N:L;z-H:-1;\'+(s.k!==i?\'G:J(K=\\\'0\\\');\':\'\')+\'c:\'+(s.c==\'3\'?\'7(((l(2.9.j.A)||0)*-1)+\\\'4\\\')\':a(s.c))+\';\'+\'5:\'+(s.5==\'3\'?\'7(((l(2.9.j.y)||0)*-1)+\\\'4\\\')\':a(s.5))+\';\'+\'8:\'+(s.8==\'3\'?\'7(2.9.S+\\\'4\\\')\':a(s.8))+\';\'+\'d:\'+(s.d==\'3\'?\'7(2.9.v+\\\'4\\\')\':a(s.d))+\';\'+\'"/>\';f 2.T(b(){h($(\'> o.g\',2).U==0)2.V(q.X(p),2.u)})}f 2}})(Z);',62,63,'||this|auto|px|left||expression|width|parentNode||function|top|height|src|return|bgiframe|if|false|currentStyle|opacity|parseInt|fn||iframe|html|document|Number||constructor|firstChild|offsetHeight|extend|browser|borderLeftWidth||borderTopWidth|userAgent|var|navigator|bgIframe|javascript|filter|index|test|Alpha|Opacity|absolute|true|position|block|display|style|tabindex|offsetWidth|each|length|insertBefore|frameborder|createElement|class|jQuery|msie'.split('|'),0,{})) \ No newline at end of file
diff --git a/external/bgiframe/test/index.html b/external/bgiframe/test/index.html
new file mode 100644
index 000000000..82be8e856
--- /dev/null
+++ b/external/bgiframe/test/index.html
@@ -0,0 +1,197 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html debug="true">
+ <head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ <title>jQuery bgiframe Visual Test</title>
+
+ <!-- load latest build of jquery.js -->
+ <script type="text/javascript" src="../../../jquery/dist/jquery.js"></script>
+
+ <!-- load dimensions.js (this is what we're testing! -->
+ <script type="text/javascript" src="../jquery.bgiframe.js"></script>
+
+ <!-- load firebug lite
+ <script type="text/javascript" src="http://brandon.jquery.com/firebuglite/firebug.js"></script>-->
+
+ <link rel="Stylesheet" media="screen" href="../../../jquery/test/data/testsuite.css" />
+
+ <script type="text/javascript" charset="utf-8">
+ $(function() {
+ $('#userAgent').html(navigator.userAgent);
+ $('#box2').bgiframe();
+ $('#box3').bgiframe({top: -5, left: -5});
+ $('#box4').bgiframe({top: -5, left: -5, width: 270, height: 120});
+ $('#box5').bgiframe({top: 0, left: 0, width: 260, height: 110});
+ $('#box6').bgiframe({top: '-5px', left: '-5px', width: '270px', height: '120px'});
+ $('#box7').bgiframe({top: '-.5em', left: '-.5em', width: '17em', height: '12em'});
+ $('#box8').bgiframe({top: '-.5em', left: '-.5em'});
+ $('#box9').bgiframe({opacity:false});
+ });
+ </script>
+
+ <style type="text/css" media="screen">
+ #wrapper { position: relative; width: 100%; font: 12px Arial; }
+ form { position: absolute; top: 0; left: 0; width: 100%; }
+ select { position: relative; width: 100%; margin: 0 0 2px; z-index: 1; }
+
+ .box { position: relative; z-index: 2; float: left; margin: 5px; border: 5px solid #666; padding: 5px; width: 250px; height: 100px; color: #000; background-color: #999; }
+ dl { margin: 0; padding: 0; }
+ dt { float: left; margin: 0; padding: 0; width: 50px; }
+ dd { margin: 0; padding: 0; }
+ #box7, #box8 { border-width: .5em; padding: .5em; width: 15em; height: 10em; }
+ </style>
+ </head>
+ <body>
+ <h1 id="banner">jQuery bgiframe - Visual Test</h1>
+ <h2 id="userAgent"></h2>
+ <div id="wrapper">
+ <form action="#" method="get" accept-charset="utf-8">
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ <select name="test"><option>Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing Testing</option></select>
+ </form>
+
+ <div id="box1" class="box">nothing</div>
+ <div id="box2" class="box">
+ <dl>
+ <dt>top:</dt>
+ <dd>'auto'</dd>
+
+ <dt>left:</dt>
+ <dd>'auto'</dd>
+
+ <dt>width:</dt>
+ <dd>'auto'</dd>
+
+ <dt>height:</dt>
+ <dd>'auto'</dd>
+ </dl>
+ </div>
+ <div id="box3" class="box">
+ <dl>
+ <dt>top:</dt>
+ <dd>0</dd>
+
+ <dt>left:</dt>
+ <dd>0</dd>
+
+ <dt>width:</dt>
+ <dd>'auto'</dd>
+
+ <dt>height:</dt>
+ <dd>'auto'</dd>
+ </dl>
+ </div>
+ <div id="box4" class="box">
+ <dl>
+ <dt>top:</dt>
+ <dd>-5</dd>
+
+ <dt>left:</dt>
+ <dd>-5</dd>
+
+ <dt>width:</dt>
+ <dd>270</dd>
+
+ <dt>height:</dt>
+ <dd>120</dd>
+ </dl>
+ </div>
+ <div id="box5" class="box">
+ <dl>
+ <dt>top:</dt>
+ <dd>0</dd>
+
+ <dt>left:</dt>
+ <dd>0</dd>
+
+ <dt>width:</dt>
+ <dd>260</dd>
+
+ <dt>height:</dt>
+ <dd>110</dd>
+ </dl>
+ </div>
+ <div id="box6" class="box">
+ <dl>
+ <dt>top:</dt>
+ <dd>'-5px'</dd>
+
+ <dt>left:</dt>
+ <dd>'-5px'</dd>
+
+ <dt>width:</dt>
+ <dd>'270px'</dd>
+
+ <dt>height:</dt>
+ <dd>'120px'</dd>
+ </dl>
+ </div>
+ <div id="box7" class="box">
+ <dl>
+ <dt>top:</dt>
+ <dd>'-.5em'</dd>
+
+ <dt>left:</dt>
+ <dd>'-.5em'</dd>
+
+ <dt>width:</dt>
+ <dd>'17em'</dd>
+
+ <dt>height:</dt>
+ <dd>'12em'</dd>
+ </dl>
+ </div>
+ <div id="box8" class="box">
+ <dl>
+ <dt>top:</dt>
+ <dd>'-.5em'</dd>
+
+ <dt>left:</dt>
+ <dd>'-.5em'</dd>
+
+ <dt>width:</dt>
+ <dd>'auto'</dd>
+
+ <dt>height:</dt>
+ <dd>'auto'</dd>
+ </dl>
+ </div>
+ <div id="box9" class="box">
+ <dl>
+ <dt>top:</dt>
+ <dd>'auto'</dd>
+
+ <dt>left:</dt>
+ <dd>'auto'</dd>
+
+ <dt>width:</dt>
+ <dd>'auto'</dd>
+
+ <dt>height:</dt>
+ <dd>'auto'</dd>
+
+ <dt>opacity:</dt>
+ <dd>false</dd>
+ </dl>
+ </div>
+ </div>
+ </body>
+</html> \ No newline at end of file