<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+ <script type="text/javascript" src="../../ui/ui.stackfix.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../ui/effects.core.js"></script>
<script type="text/javascript" src="../../ui/effects.blind.js"></script>
<script type="text/javascript" src="../../ui/effects.explode.js"></script>
- <script type="text/javascript" src="../../external/jquery.bgiframe-2.1.1.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
- $.ui.dialog.defaults.bgiframe = true;
+ $.ui.dialog.defaults.stackfix = true;
// increase the default animation speed to exaggerate the effect
$.fx.speeds._default = 1000;
$(function() {
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
- <script type="text/javascript" src="../../external/jquery.bgiframe-2.1.1.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
- $.ui.dialog.defaults.bgiframe = true;
+ $.ui.dialog.defaults.stackfix = true;
$(function() {
$("#dialog").dialog();
});
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+ <script type="text/javascript" src="../../ui/ui.stackfix.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
- <script type="text/javascript" src="../../external/jquery.bgiframe-2.1.1.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
- bgiframe: true,
+ stackfix: true,
resizable: false,
height:140,
modal: true,
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+ <script type="text/javascript" src="../../ui/ui.stackfix.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
<script type="text/javascript" src="../../ui/effects.core.js"></script>
<script type="text/javascript" src="../../ui/effects.highlight.js"></script>
- <script type="text/javascript" src="../../external/jquery.bgiframe-2.1.1.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
body { font-size: 62.5%; }
}
$("#dialog").dialog({
- bgiframe: true,
+ stackfix: true,
autoOpen: false,
height: 300,
modal: true,
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+ <script type="text/javascript" src="../../ui/ui.stackfix.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
- <script type="text/javascript" src="../../external/jquery.bgiframe-2.1.1.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
- bgiframe: true,
+ stackfix: true,
modal: true,
buttons: {
Ok: function() {
<script type="text/javascript" src="../../ui/ui.core.js"></script>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
+ <script type="text/javascript" src="../../ui/ui.stackfix.js"></script>
<script type="text/javascript" src="../../ui/ui.dialog.js"></script>
- <script type="text/javascript" src="../../external/jquery.bgiframe-2.1.1.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
$("#dialog").dialog({
- bgiframe: true,
+ stackfix: true,
height: 140,
modal: true
});
<link type="text/css" href="../themes/base/ui.all.css" rel="stylesheet" />
<link type="text/css" href="demos.css" rel="stylesheet" />
<script type="text/javascript" src="../jquery-1.3.2.js"></script>
- <script type="text/javascript" src="../external/jquery.bgiframe-2.1.1.js"></script>
<script type="text/javascript" src="../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../ui/ui.stackfix.js"></script>
<script type="text/javascript" src="../ui/ui.accordion.js"></script>
<script type="text/javascript" src="../ui/ui.datepicker.js"></script>
<script type="text/javascript" src="../ui/ui.dialog.js"></script>
+++ /dev/null
-/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)\r
- * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) \r
- * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.\r
- *\r
- * $LastChangedDate: 2007-07-21 18:44:59 -0500 (Sat, 21 Jul 2007) $\r
- * $Rev: 2446 $\r
- *\r
- * Version 2.1.1\r
- */\r
-\r
-(function($){\r
-\r
-/**\r
- * The bgiframe is chainable and applies the iframe hack to get \r
- * around zIndex issues in IE6. It will only apply itself in IE6 \r
- * and adds a class to the iframe called 'bgiframe'. The iframe\r
- * is appeneded as the first child of the matched element(s) \r
- * with a tabIndex and zIndex of -1.\r
- * \r
- * By default the plugin will take borders, sized with pixel units,\r
- * into account. If a different unit is used for the border's width,\r
- * then you will need to use the top and left settings as explained below.\r
- *\r
- * NOTICE: This plugin has been reported to cause perfromance problems\r
- * when used on elements that change properties (like width, height and\r
- * opacity) a lot in IE6. Most of these problems have been caused by \r
- * the expressions used to calculate the elements width, height and \r
- * borders. Some have reported it is due to the opacity filter. All \r
- * these settings can be changed if needed as explained below.\r
- *\r
- * @example $('div').bgiframe();\r
- * @before <div><p>Paragraph</p></div>\r
- * @result <div><iframe class="bgiframe".../><p>Paragraph</p></div>\r
- *\r
- * @param Map settings Optional settings to configure the iframe.\r
- * @option String|Number top The iframe must be offset to the top\r
- * by the width of the top border. This should be a negative \r
- * number representing the border-top-width. If a number is \r
- * is used here, pixels will be assumed. Otherwise, be sure\r
- * to specify a unit. An expression could also be used. \r
- * By default the value is "auto" which will use an expression \r
- * to get the border-top-width if it is in pixels.\r
- * @option String|Number left The iframe must be offset to the left\r
- * by the width of the left border. This should be a negative \r
- * number representing the border-left-width. If a number is \r
- * is used here, pixels will be assumed. Otherwise, be sure\r
- * to specify a unit. An expression could also be used. \r
- * By default the value is "auto" which will use an expression \r
- * to get the border-left-width if it is in pixels.\r
- * @option String|Number width This is the width of the iframe. If\r
- * a number is used here, pixels will be assume. Otherwise, be sure\r
- * to specify a unit. An experssion could also be used.\r
- * By default the value is "auto" which will use an experssion\r
- * to get the offsetWidth.\r
- * @option String|Number height This is the height of the iframe. If\r
- * a number is used here, pixels will be assume. Otherwise, be sure\r
- * to specify a unit. An experssion could also be used.\r
- * By default the value is "auto" which will use an experssion\r
- * to get the offsetHeight.\r
- * @option Boolean opacity This is a boolean representing whether or not\r
- * to use opacity. If set to true, the opacity of 0 is applied. If\r
- * set to false, the opacity filter is not applied. Default: true.\r
- * @option String src This setting is provided so that one could change \r
- * the src of the iframe to whatever they need.\r
- * Default: "javascript:false;"\r
- *\r
- * @name bgiframe\r
- * @type jQuery\r
- * @cat Plugins/bgiframe\r
- * @author Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)\r
- */\r
-$.fn.bgIframe = $.fn.bgiframe = function(s) {\r
- // This is only for IE6\r
- if ( $.browser.msie && /6.0/.test(navigator.userAgent) ) {\r
- s = $.extend({\r
- top : 'auto', // auto == .currentStyle.borderTopWidth\r
- left : 'auto', // auto == .currentStyle.borderLeftWidth\r
- width : 'auto', // auto == offsetWidth\r
- height : 'auto', // auto == offsetHeight\r
- opacity : true,\r
- src : 'javascript:false;'\r
- }, s || {});\r
- var prop = function(n){return n&&n.constructor==Number?n+'px':n;},\r
- html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+\r
- 'style="display:block;position:absolute;z-index:-1;'+\r
- (s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+\r
- 'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+\r
- 'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+\r
- 'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+\r
- 'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+\r
- '"/>';\r
- return this.each(function() {\r
- if ( $('> iframe.bgiframe', this).length == 0 )\r
- this.insertBefore( document.createElement(html), this.firstChild );\r
- });\r
- }\r
- return this;\r
-};\r
-\r
-})(jQuery);
\ No newline at end of file
self._createButtons(options.buttons);
self._isOpen = false;
- (options.bgiframe && $.fn.bgiframe && uiDialog.bgiframe());
+ (options.stackfix && $.fn.stackfix && uiDialog.stackfix());
(options.autoOpen && self.open());
},
version: "@VERSION",
defaults: {
autoOpen: true,
- bgiframe: false,
+ stackfix: false,
buttons: {},
closeOnEscape: true,
closeText: 'close',
height: this.height()
});
- (dialog.options.bgiframe && $.fn.bgiframe && $el.bgiframe());
+ (dialog.options.stackfix && $.fn.stackfix && $el.stackfix());
this.instances.push($el);
return $el;
--- /dev/null
+/*
+ * jQuery UI Stackfix @VERSION
+ *
+ * Copyright (c) 2008 Brandon Aaron (http://brandonaaron.net)
+ * to be replaced with...?
+ * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
+ *
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ * http://docs.jquery.com/Plugins/bgiframe
+ * to be moved to...?
+ * http://docs.jquery.com/UI/Stackfix
+ *
+ */
+
+(function($){
+
+// This is only for IE6
+$.fn.stackfix = $.browser.msie && /6.0/.test(navigator.userAgent) ? function(s) {
+ 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="ui-stackfix"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.ui-stackfix', this).length == 0 )
+ this.insertBefore( document.createElement(html), this.firstChild );
+ });
+} : function() {
+ return this;
+};
+
+})(jQuery);
\ No newline at end of file
projects / jquery-ui.git / commitdiff