upgrade to yui 2.5.1
This commit is contained in:
JT Smith
parent
e00050ad1c
commit
ff7d72becc
1632 changed files with 812103 additions and 0 deletions
210
www/extras/yui/examples/resize/anim_resize.html
Normal file
210
www/extras/yui/examples/resize/anim_resize.html
Normal file
File diff suppressed because one or more lines are too long
73
www/extras/yui/examples/resize/anim_resize_clean.html
Normal file
73
www/extras/yui/examples/resize/anim_resize_clean.html
Normal file
|
|
@ -0,0 +1,73 @@
|
|||
<!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>Animated Proxy Resize</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
can introduce errors in determining
|
||||
element position and are not recommended;
|
||||
we turn them off as a foundation for YUI
|
||||
CSS treatments. */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/resize/assets/skins/sam/resize.css" />
|
||||
<script type="text/javascript" src="../../build/utilities/utilities.js"></script>
|
||||
<script type="text/javascript" src="../../build/resize/resize-beta-min.js"></script>
|
||||
|
||||
<!--there is no custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>Animated Proxy Resize</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example shows how to make a DIV resizable, using a proxy element and animation.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<style>
|
||||
#resize {
|
||||
border: 1px solid black;
|
||||
height: 100px;
|
||||
width: 200px;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="resize">
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
var Dom = YAHOO.util.Dom,
|
||||
Event = YAHOO.util.Event;
|
||||
|
||||
var resize = new YAHOO.util.Resize('resize', {
|
||||
proxy: true,
|
||||
animate: true,
|
||||
animateDuration: .75,
|
||||
animateEasing: YAHOO.util.Easing.backBoth
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
www/extras/yui/examples/resize/assets/yui.jpg
Normal file
BIN
www/extras/yui/examples/resize/assets/yui.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
214
www/extras/yui/examples/resize/eightway_resize.html
Normal file
214
www/extras/yui/examples/resize/eightway_resize.html
Normal file
File diff suppressed because one or more lines are too long
76
www/extras/yui/examples/resize/eightway_resize_clean.html
Normal file
76
www/extras/yui/examples/resize/eightway_resize_clean.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!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>8-way Element Resize</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
can introduce errors in determining
|
||||
element position and are not recommended;
|
||||
we turn them off as a foundation for YUI
|
||||
CSS treatments. */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/resize/assets/skins/sam/resize.css" />
|
||||
<script type="text/javascript" src="../../build/utilities/utilities.js"></script>
|
||||
<script type="text/javascript" src="../../build/resize/resize-beta-min.js"></script>
|
||||
|
||||
<!--there is no custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>8-way Element Resize</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example shows how to make an element resizable by all 8 handles.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<style>
|
||||
#yui_img {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
}
|
||||
#example-canvas {
|
||||
height: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<img src="assets/yui.jpg" id="yui_img" height="166" width="250">
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
var Dom = YAHOO.util.Dom,
|
||||
Event = YAHOO.util.Event;
|
||||
|
||||
var resize = new YAHOO.util.Resize('yui_img', {
|
||||
handles: 'all',
|
||||
knobHandles: true,
|
||||
height: '166px',
|
||||
width: '250px',
|
||||
proxy: true,
|
||||
draggable: true,
|
||||
animate: true,
|
||||
animateDuration: .75,
|
||||
animateEasing: YAHOO.util.Easing.backBoth
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
275
www/extras/yui/examples/resize/ghost_resize.html
Normal file
275
www/extras/yui/examples/resize/ghost_resize.html
Normal file
File diff suppressed because one or more lines are too long
86
www/extras/yui/examples/resize/ghost_resize_clean.html
Normal file
86
www/extras/yui/examples/resize/ghost_resize_clean.html
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
<!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>Ghosting and Custom Proxy Resize</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
can introduce errors in determining
|
||||
element position and are not recommended;
|
||||
we turn them off as a foundation for YUI
|
||||
CSS treatments. */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/resize/assets/skins/sam/resize.css" />
|
||||
<script type="text/javascript" src="../../build/utilities/utilities.js"></script>
|
||||
<script type="text/javascript" src="../../build/resize/resize-beta-min.js"></script>
|
||||
|
||||
<!--there is no custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>Ghosting and Custom Proxy Resize</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example shows how to use ghosting and manipulate the proxy element.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<style>
|
||||
#yui_img {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
}
|
||||
#example-canvas {
|
||||
height: 200px;
|
||||
}
|
||||
div.wrap {
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="wrap"><img src="assets/yui.jpg" id="yui_img" height="166" width="250"></div>
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
var Dom = YAHOO.util.Dom,
|
||||
Event = YAHOO.util.Event;
|
||||
|
||||
var resize = new YAHOO.util.Resize('yui_img', {
|
||||
handles: 'all',
|
||||
knobHandles: true,
|
||||
height: '166px',
|
||||
width: '250px',
|
||||
proxy: true,
|
||||
ghost: true,
|
||||
status: true,
|
||||
draggable: true,
|
||||
animate: true,
|
||||
animateDuration: .75,
|
||||
animateEasing: YAHOO.util.Easing.backBoth
|
||||
});
|
||||
|
||||
resize.on('startResize', function() {
|
||||
this.getProxyEl().innerHTML = '<img src="' + this.get('element').src + '" style="height: 100%; width: 100%;">';
|
||||
Dom.setStyle(this.getProxyEl().firstChild, 'opacity', '.25');
|
||||
}, resize, true);
|
||||
|
||||
})();
|
||||
</script>
|
||||
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
336
www/extras/yui/examples/resize/grids_resize.html
Normal file
336
www/extras/yui/examples/resize/grids_resize.html
Normal file
File diff suppressed because one or more lines are too long
107
www/extras/yui/examples/resize/grids_resize_clean.html
Normal file
107
www/extras/yui/examples/resize/grids_resize_clean.html
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
<!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>Split Pane resizing with Grids CSS</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
can introduce errors in determining
|
||||
element position and are not recommended;
|
||||
we turn them off as a foundation for YUI
|
||||
CSS treatments. */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/grids/grids-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/resize/assets/skins/sam/resize.css" />
|
||||
<script type="text/javascript" src="../../build/utilities/utilities.js"></script>
|
||||
<script type="text/javascript" src="../../build/resize/resize-beta-min.js"></script>
|
||||
|
||||
<!--there is no custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>Split Pane resizing with Grids CSS</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example shows how to make a resizable split pane with <a href="http://developer.yahoo.com/yui/grids/">Grids CSS</a>.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<style>
|
||||
#pg p {
|
||||
margin: 1em;
|
||||
}
|
||||
#pg {
|
||||
width: 600px;
|
||||
height: 200px;
|
||||
}
|
||||
#pg .yui-g {
|
||||
height: 200px;
|
||||
width: 600px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#pg .yui-g .first {
|
||||
background-color: yellow;
|
||||
}
|
||||
#pg .yui-u {
|
||||
height: 100%;
|
||||
background-color: orange;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div id="pg">
|
||||
<div class="yui-g">
|
||||
<div class="yui-u first" id="sizeIt">
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper, rutrum ac, enim. Nullam pretium interdum metus. Ut in neque. Vivamus ut lorem vitae turpis porttitor tempor. Nam consectetuer est quis lacus. Mauris ut diam nec diam tincidunt eleifend. Vivamus magna. Praesent commodo egestas metus. Praesent condimentum bibendum metus. Sed sem sem, molestie et, venenatis eget, suscipit quis, dui. Morbi molestie, ipsum nec posuere lobortis, massa diam aliquet pede, tempor ultricies neque tortor sit amet nisi. Suspendisse vel quam in nisl dictum condimentum. Maecenas volutpat leo vitae leo. Nullam elit arcu, ullamcorper commodo, elementum nec, dictum nec, augue. Maecenas at tellus vitae ante fermentum elementum. Ut auctor ante et nisi. Suspendisse sagittis tristique eros.</p>
|
||||
</div>
|
||||
<div class="yui-u" id="sizeIt2">
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper, rutrum ac, enim. Nullam pretium interdum metus. Ut in neque. Vivamus ut lorem vitae turpis porttitor tempor. Nam consectetuer est quis lacus. Mauris ut diam nec diam tincidunt eleifend. Vivamus magna. Praesent commodo egestas metus. Praesent condimentum bibendum metus. Sed sem sem, molestie et, venenatis eget, suscipit quis, dui. Morbi molestie, ipsum nec posuere lobortis, massa diam aliquet pede, tempor ultricies neque tortor sit amet nisi. Suspendisse vel quam in nisl dictum condimentum. Maecenas volutpat leo vitae leo. Nullam elit arcu, ullamcorper commodo, elementum nec, dictum nec, augue. Maecenas at tellus vitae ante fermentum elementum. Ut auctor ante et nisi. Suspendisse sagittis tristique eros.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
var Dom = YAHOO.util.Dom,
|
||||
Event = YAHOO.util.Event,
|
||||
col1 = null
|
||||
col2 = null;
|
||||
|
||||
Event.onDOMReady(function() {
|
||||
var size = parseInt(Dom.getStyle('pg', 'width'), 10);
|
||||
col1 = Dom.get('sizeIt');
|
||||
col2 = Dom.get('sizeIt2');
|
||||
var max = (size - 150);
|
||||
var resize = new YAHOO.util.Resize('sizeIt', {
|
||||
handles: ['r'],
|
||||
minWidth: 150,
|
||||
maxWidth: max
|
||||
});
|
||||
resize.on('resize', function(ev) {
|
||||
var w = ev.width;
|
||||
Dom.setStyle(col1, 'height', '');
|
||||
Dom.setStyle(col2, 'width', (size - w - 6) + 'px');
|
||||
});
|
||||
|
||||
resize.resize(null, 200, 200, 0, 0, true);
|
||||
});
|
||||
|
||||
})();
|
||||
</script>
|
||||
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
86
www/extras/yui/examples/resize/index.html
Normal file
86
www/extras/yui/examples/resize/index.html
Normal file
File diff suppressed because one or more lines are too long
204
www/extras/yui/examples/resize/proxy_resize.html
Normal file
204
www/extras/yui/examples/resize/proxy_resize.html
Normal file
File diff suppressed because one or more lines are too long
72
www/extras/yui/examples/resize/proxy_resize_clean.html
Normal file
72
www/extras/yui/examples/resize/proxy_resize_clean.html
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
<!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>Proxy Resize</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
can introduce errors in determining
|
||||
element position and are not recommended;
|
||||
we turn them off as a foundation for YUI
|
||||
CSS treatments. */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/resize/assets/skins/sam/resize.css" />
|
||||
<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../build/element/element-beta-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/dragdrop/dragdrop-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/resize/resize-beta-min.js"></script>
|
||||
|
||||
<!--there is no custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>Proxy Resize</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example shows how to make a DIV resizable, using a proxy element.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<style>
|
||||
#resize {
|
||||
border: 1px solid black;
|
||||
height: 100px;
|
||||
width: 200px;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="resize">
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
var Dom = YAHOO.util.Dom,
|
||||
Event = YAHOO.util.Event;
|
||||
|
||||
var resize = new YAHOO.util.Resize('resize', {
|
||||
proxy: true
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
347
www/extras/yui/examples/resize/rte_resize.html
Normal file
347
www/extras/yui/examples/resize/rte_resize.html
Normal file
File diff suppressed because one or more lines are too long
106
www/extras/yui/examples/resize/rte_resize_clean.html
Normal file
106
www/extras/yui/examples/resize/rte_resize_clean.html
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
<!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>Custom resizing for the Rich Text Editor</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
can introduce errors in determining
|
||||
element position and are not recommended;
|
||||
we turn them off as a foundation for YUI
|
||||
CSS treatments. */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/resize/assets/skins/sam/resize.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/editor/assets/skins/sam/simpleeditor.css" />
|
||||
<script type="text/javascript" src="../../build/utilities/utilities.js"></script>
|
||||
<script type="text/javascript" src="../../build/resize/resize-beta-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/editor/simpleeditor-beta-min.js"></script>
|
||||
|
||||
<!--there is no custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>Custom resizing for the Rich Text Editor</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example shows how to customize the Resize Utility for things like the <a href="http://developer.yahoo.com/yui/editor/">Rich Text Editor Control</a>.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<style>
|
||||
#editor_container .yui-resize-handle-br {
|
||||
height: 11px;
|
||||
width: 11px;
|
||||
background-position: -20px -60px;
|
||||
background-color: transparent;
|
||||
}
|
||||
</style>
|
||||
|
||||
<textarea id="editor">
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh,
|
||||
pharetra at, adipiscing ullamcorper, rutrum ac, enim. Nullam pretium interdum metus.
|
||||
Ut in neque. Vivamus ut lorem vitae turpis porttitor tempor. Nam consectetuer est quis lacus.
|
||||
</textarea>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
var Dom = YAHOO.util.Dom,
|
||||
Event = YAHOO.util.Event,
|
||||
editor = null,
|
||||
resize = null;
|
||||
|
||||
Event.onDOMReady(function() {
|
||||
editor = new YAHOO.widget.SimpleEditor('editor', {
|
||||
height: '300px',
|
||||
width: '522px',
|
||||
dompath: true,
|
||||
animate: true
|
||||
});
|
||||
editor.on('editorContentLoaded', function() {
|
||||
resize = new YAHOO.util.Resize(editor.get('element_cont').get('element'), {
|
||||
handles: ['br'],
|
||||
autoRatio: true,
|
||||
status: true,
|
||||
proxy: true,
|
||||
setSize: false //This is where the magic happens
|
||||
});
|
||||
resize.on('startResize', function() {
|
||||
this.hide();
|
||||
this.set('disabled', true);
|
||||
}, editor, true);
|
||||
resize.on('resize', function(args) {
|
||||
var h = args.height;
|
||||
var th = (this.toolbar.get('element').clientHeight + 2); //It has a 1px border..
|
||||
var dh = (this.dompath.clientHeight + 1); //It has a 1px top border..
|
||||
var newH = (h - th - dh);
|
||||
this.set('width', args.width + 'px');
|
||||
this.set('height', newH + 'px');
|
||||
this.set('disabled', false);
|
||||
this.show();
|
||||
}, editor, true);
|
||||
});
|
||||
editor.render();
|
||||
});
|
||||
|
||||
})();
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
210
www/extras/yui/examples/resize/simple_resize.html
Normal file
210
www/extras/yui/examples/resize/simple_resize.html
Normal file
File diff suppressed because one or more lines are too long
76
www/extras/yui/examples/resize/simple_resize_clean.html
Normal file
76
www/extras/yui/examples/resize/simple_resize_clean.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!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>Simple Resize</title>
|
||||
|
||||
<style type="text/css">
|
||||
/*margin and padding on body element
|
||||
can introduce errors in determining
|
||||
element position and are not recommended;
|
||||
we turn them off as a foundation for YUI
|
||||
CSS treatments. */
|
||||
body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../build/resize/assets/skins/sam/resize.css" />
|
||||
<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../build/element/element-beta-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/dragdrop/dragdrop-min.js"></script>
|
||||
<script type="text/javascript" src="../../build/resize/resize-beta-min.js"></script>
|
||||
|
||||
<!--there is no custom header content for this example-->
|
||||
|
||||
</head>
|
||||
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>Simple Resize</h1>
|
||||
|
||||
<div class="exampleIntro">
|
||||
<p>This example shows how to make a simple DIV resizable.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
<style>
|
||||
#resize {
|
||||
border: 1px solid black;
|
||||
height: 100px;
|
||||
width: 200px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#resize div.data {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="resize">
|
||||
<div class="data">
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse justo nibh, pharetra at, adipiscing ullamcorper.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
var Dom = YAHOO.util.Dom,
|
||||
Event = YAHOO.util.Event;
|
||||
|
||||
var resize = new YAHOO.util.Resize('resize');
|
||||
})();
|
||||
</script>
|
||||
|
||||
<!--END SOURCE CODE FOR EXAMPLE =============================== -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
280
www/extras/yui/examples/resize/skinning_resize.html
Normal file
280
www/extras/yui/examples/resize/skinning_resize.html
Normal file
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue