svn commit: r956651 [7/37] - in /ofbiz/branches/jquery: ./ framework/common/widget/ framework/images/webapp/images
Locked
svn commit: r956651 [7/37] - in /ofbiz/branches/jquery: ./ framework/common/widget/ framework/images/webapp/images
 
|
Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/index.html
URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/index.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/index.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/index.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,313 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>jQuery UI Demos</title> + <link type="text/css" href="../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <link type="text/css" href="demos.css" rel="stylesheet" /> + <script type="text/javascript" src="../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../external/jquery.bgiframe-2.1.1.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.accordion.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.autocomplete.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.button.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.datepicker.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.dialog.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.draggable.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.droppable.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.position.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.progressbar.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.resizable.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.selectable.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.slider.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.sortable.js"></script> + <script type="text/javascript" src="../ui/jquery.ui.tabs.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.core.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.blind.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.bounce.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.clip.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.drop.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.explode.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.fold.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.highlight.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.pulsate.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.scale.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.shake.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.slide.js"></script> + <script type="text/javascript" src="../ui/jquery.effects.transfer.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-af.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-ar.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-az.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-bs.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-bg.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-ca.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-cs.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-da.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-de.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-el.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-en-GB.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-eo.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-es.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-et.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-eu.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-fa.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-fi.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-fo.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-fr.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-fr-CH.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-he.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-hr.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-hu.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-hy.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-id.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-is.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-it.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-ja.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-ko.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-lt.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-lv.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-ms.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-nl.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-no.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-pl.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-pt-BR.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-ro.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-ru.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-sk.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-sl.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-sq.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-sr.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-sr-SR.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-sv.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-ta.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-th.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-tr.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-uk.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-vi.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-zh-CN.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-zh-HK.js"></script> + <script type="text/javascript" src="../ui/i18n/jquery.ui.datepicker-zh-TW.js"></script> + <script type="text/javascript"> + jQuery(function($) { + + $('.left-nav a').click(function(ev) { + window.location.hash = this.href.replace(/.+\/([^\/]+)\/index\.html/,'$1') + '|default'; + loadPage(this.href); + $('.left-nav a.selected').removeClass('selected'); + $(this).addClass('selected'); + ev.preventDefault(); + }); + + if (window.location.hash) { + if (window.location.hash.indexOf('|') === -1) { + window.location.hash += '|default'; + } + var path = window.location.href.replace(/(index\.html)?#/,''); + path = path.replace('\|','/') + '.html'; + loadPage(path); + } + + function loadPage(path) { + var section = path.replace(/\/[^\/]+\.html/,''); + var header = section.replace(/.+\/([^\/]+)/,'$1').replace(/_/, ' '); + + $('td.normal div.normal') + .empty() + .append('<h4 class="demo-subheader">Functional demo:</h4>') + .append('<h3 class="demo-header">'+ header +'</h3>') + .append('<div id="demo-config"></div>') + .find('#demo-config') + .append('<div id="demo-frame"></div><div id="demo-config-menu"></div><div id="demo-link"><a class="demoWindowLink" href="#"><span class="ui-icon ui-icon-newwin"></span>Open demo in a new window</a></div>') + .find('#demo-config-menu') + .load(section + '/index.html .demos-nav', function() { + $('#demo-config-menu a').each(function() { + this.setAttribute('href', section + '/' + this.getAttribute('href').replace(/.+\/([^\/]+)/,'$1')); + $(this).attr('target', 'demo-frame'); + $(this).click(function() { + + resetDemos(); + + $(this).parents('ul').find('li').removeClass('demo-config-on'); + $(this).parent().addClass('demo-config-on'); + $('#demo-notes').fadeOut(); + + //Set the hash to the actual page without ".html" + window.location.hash = header + '|' + this.getAttribute('href').match((/\/([^\/\\]+)\.html/))[1]; + + loadDemo(this.getAttribute('href')); + + return false; + }); + }); + + if (window.location.hash) { + var demo = window.location.hash.split('|')[1]; + $('#demo-config-menu a').each(function(){ + if (this.href.indexOf(demo + '.html') !== -1) { + $(this).parents('ul').find('li').removeClass('demo-config-on'); + $(this).parent().addClass('demo-config-on'); + loadDemo(this.href); + } + }); + } + + updateDemoNotes(); + }) + .end() + .find('#demo-link a') + .bind('click', function(ev){ + window.open(this.href); + ev.preventDefault(); + }) + .end() + .end() + ; + + resetDemos(); + } + + function loadDemo(path) { + var directory = path.match(/([^\/]+)\/[^\/\.]+\.html$/)[1]; + $.get(path, function(data) { + var source = data; + data = data.replace(/<script.*>.*<\/script>/ig,""); // Remove script tags + data = data.replace(/<\/?link.*>/ig,""); //Remove link tags + data = data.replace(/<\/?html.*>/ig,""); //Remove html tag + data = data.replace(/<\/?body.*>/ig,""); //Remove body tag + data = data.replace(/<\/?head.*>/ig,""); //Remove head tag + data = data.replace(/<\/?!doctype.*>/ig,""); //Remove doctype + data = data.replace(/<title.*>.*<\/title>/ig,""); // Remove title tags + data = data.replace(/((href|src)=["'])(?!(http|#))/ig, "$1" + directory + "/"); + + $('#demo-style').remove(); + $('#demo-frame').empty().html(data); + $('#demo-frame style').clone().appendTo('head').attr('id','demo-style'); + $('#demo-link a').attr('href', path); + updateDemoNotes(); + updateDemoSource(source); + + if (/default.html$/.test(path)) { + $.get("documentation/docs-" + path.match(/demos\/(.+)\//)[1] + ".html", function(html) { + $("#demo-source").after(html); + $("#widget-docs").tabs(); + $(".param-header").click(function() { + $(this).parent().toggleClass("param-open").end().next().toggle(); + }); + $(".docs-list-header").each(function() { + var header = $(this); + var details = header.next().find(".param-details").hide(); + $("a:first", header).click(function() { + details.show().parent().addClass("param-open"); + return false; + }); + $("a:last", header).click(function() { + details.hide().parent().removeClass("param-open"); + return false; + }); + }); + }); + } + }); + } + + function updateDemoNotes() { + var notes = $('#demo-frame .demo-description'); + if ($('#demo-notes').length == 0) { + $('<div id="demo-notes"></div>').insertAfter('#demo-config'); + } + $('#demo-notes').hide().empty().html(notes.html()); + $('#demo-notes').show(); + notes.hide(); + } + + function updateDemoSource(source) { + if ($('#demo-source').length == 0) { + $('<div id="demo-source"><a href="#" class="source-closed">View Source</a><div><pre><code></code></pre></div></div>').insertAfter('#demo-notes'); + $('#demo-source').find(">a").click(function() { + $(this).toggleClass("source-closed").toggleClass("source-open").next().toggle(); + return false; + }).end().find(">div").hide(); + } + var cleanedSource = source + .replace('themes/base/jquery.ui.all.css', 'theme/jquery.ui.all.css') + .replace(/\s*\x3Clink.*demos\x2Ecss.*\x3E\s*/, '\r\n\t') + .replace(/\x2E\x2E\x2F\x2E\x2E\x2F/g, ''); + + $('#demo-source code').empty().text(cleanedSource); + } + + function resetDemos() { + $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional[''])); + $(".ui-dialog-content").remove(); + } + + }); + </script> +</head> +<body> + +<table class="layout-grid" cellspacing="0" cellpadding="0"> + <tr> + <td class="left-nav"> + <dl class="demos-nav"> + <dt>Interactions</dt> + <dd><a href="draggable/index.html">Draggable</a></dd> + <dd><a href="droppable/index.html">Droppable</a></dd> + <dd><a href="resizable/index.html">Resizable</a></dd> + <dd><a href="selectable/index.html">Selectable</a></dd> + <dd><a href="sortable/index.html">Sortable</a></dd> + <dt>Widgets</dt> + <dd><a href="accordion/index.html">Accordion</a></dd> + <dd><a href="autocomplete/index.html">Autocomplete</a></dd> + <dd><a href="button/index.html">Button</a></dd> + <dd><a href="datepicker/index.html">Datepicker</a></dd> + <dd><a href="dialog/index.html">Dialog</a></dd> + <dd><a href="progressbar/index.html">Progressbar</a></dd> + <dd><a href="slider/index.html">Slider</a></dd> + <dd><a href="tabs/index.html">Tabs</a></dd> + <dt>Effects</dt> + <dd><a href="animate/index.html">Color Animation</a></dd> + <dd><a href="toggleClass/index.html">Toggle Class</a></dd> + <dd><a href="addClass/index.html">Add Class</a></dd> + <dd><a href="removeClass/index.html">Remove Class</a></dd> + <dd><a href="switchClass/index.html">Switch Class</a></dd> + <dd><a href="effect/index.html">Effect</a></dd> + <dd><a href="toggle/index.html">Toggle</a></dd> + <dd><a href="hide/index.html">Hide</a></dd> + <dd><a href="show/index.html">Show</a></dd> + <dt>Utilities</dt> + <dd><a href="position/index.html">Position</a></dd> + <dt>About jQuery UI</dt> + <dd><a href="http://jqueryui.com/docs/Getting_Started">Getting Started</a></dd> + <dd><a href="http://jqueryui.com/docs/Upgrade_Guide">Upgrade Guide</a></dd> + <dd><a href="http://jqueryui.com/docs/Changelog">Changelog</a></dd> + <dd><a href="http://jqueryui.com/docs/Roadmap">Roadmap</a></dd> + <dd><a href="http://jqueryui.com/docs/Subversion">Subversion Access</a></dd> + <dd><a href="http://jqueryui.com/docs/Developer_Guide">UI Developer Guidelines</a></dd> + <dt>Theming</dt> + <dd><a href="http://jqueryui.com/docs/Theming">Theming jQuery UI</a></dd> + <dd><a href="http://jqueryui.com/docs/Theming/API">jQuery UI CSS Framework</a></dd> + <dd><a href="http://jqueryui.com/docs/Theming/Themeroller">ThemeRoller application</a></dd> + <dd><a href="http://jqueryui.com/docs/Theming/ThemeSwitcher">Theme Switcher Widget</a></dd> + + </dl> + </td> + <td class="normal"> + + <div class="normal"> + + <h3>Instructions</h3> + <p> + These demos showcase some common uses of each jQuery UI plugin. Simply copy and paste code from the demos to get started. Have fun playing with them. + </p> + + </div> + + </td> + </tr> +</table> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/index.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/index.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/index.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/cycler.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/cycler.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/cycler.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/cycler.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,125 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Position - Default functionality</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + + <style type="text/css"> + html, body { + margin: 0; + padding: 0 + } + </style> + + <script type="text/javascript"> + $(function() { + + $.fn.position2 = function(options) { + return this.position($.extend({ + of: window, + using: function(to) { + $(this).css({ + top: to.top, + left: to.left + }) + }, + collision: "none" + }, options)); + } + + $.fn.left = function(using) { + return this.position2({ + my: "right middle", + at: "left middle", + offset: "25 0", + using: using + }); + } + $.fn.right = function(using) { + return this.position2({ + my: "left middle", + at: "right middle", + offset: "-25 0", + using: using + }); + } + $.fn.center = function(using) { + return this.position2({ + my: "center middle", + at: "center middle", + using: using + }); + }; + + $("img:eq(0)").left(); + $("img:eq(1)").center(); + $("img:eq(2)").right(); + + $("body").css({ + overflow: "hidden" + }) + $(".demo").css({ + position: "relative", + }); + $(".demo img").css({ + position: "absolute", + }); + + function animate(to) { + $(this).animate(to); + } + function next() { + $("img:eq(2)").center(animate); + $("img:eq(1)").left(animate) + $("img:eq(0)").right().appendTo(".demo"); + } + function previous() { + $("img:eq(0)").center(animate); + $("img:eq(1)").right(animate); + $("img:eq(2)").left().prependTo(".demo"); + } + $("#previous").click(previous); + $("#next").click(next); + + $(".demo img").click(function() { + $(".demo img").index(this) == 0 ? previous() : next(); + }); + + $(window).resize(function() { + $("img:eq(0)").left(animate); + $("img:eq(1)").center(animate); + $("img:eq(2)").right(animate); + }) + }); + </script> + +</head> +<body> + +<div class="demo"> + + <img src="images/earth.jpg" /> + <img src="images/flight.jpg" /> + <img src="images/rocket.jpg" /> + + <a id="previous" href="#">Previous</a> + <a id="next" href="#">Next</a> +</div> + +<div class="demo-description"> + +<p>A prototype for the <a href="http://wiki.jqueryui.com/Photoviewer">Photoviewer</a> using Position to place images at the center, left and right and cycle them. +<br/>Use the links at the top to cycle, or click on the images on the left and right. +<br/>Note how the images are repositioned when resizing the window. +<br/>Warning: Doesn't currently work inside the demo viewer; open in a new window instead!</p> + +</div><!-- End demo-description --> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/cycler.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/cycler.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/cycler.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/default.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/default.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/default.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/default.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,159 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Position - Default functionality</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + + div#parent { + width: 60%; + margin: 10px auto; + padding: 5px; + + border: 1px solid #777; + background-color: #fbca93; + text-align: center; + } + + div.positionable { + width: 75px; + height: 75px; + position: absolute; + display: block; + right: 0; + bottom: 0; + background-color: #bcd5e6; + text-align: center; + } + + select, input { + margin-left: 15px; + } + + </style> + <script type="text/javascript"> + $(function() { + + function position(using) { + $('.positionable').position({ + of: $('#parent'), + my: $('#my_horizontal').val() + ' ' + $('#my_vertical').val(), + at: $('#at_horizontal').val() + ' '+ $('#at_vertical').val(), + offset: $('#offset').val(), + using: using, + collision: $("#collision_horizontal").val() + ' ' + $("#collision_vertical").val() + }); + } + + $('.positionable').css("opacity", 0.5); + + $(':input').bind('click keyup change', function() { position(); }); + + $("#parent").draggable({ + drag: function() { position(); } + }); + + $('.positionable').draggable({ + drag: function(event, ui) { + // reset offset before calculating it + $("#offset").val("0"); + position(function(result) { + $("#offset").val("" + (ui.offset.left - result.left) + " " + (ui.offset.top - result.top)); + position(); + }); + } + }); + + position(); + }); + </script> + +</head> +<body> + +<div class="demo"> + +<div id="parent"> + <p> + This is the position parent element. + </p> +</div> + +<div class="positionable"> + <p> + to position + </p> +</div> + +<div class="positionable" style="width:120px; height: 40px;"> + <p> + to position 2 + </p> +</div> + +<div style="padding: 20px; margin-top: 75px;"> + position... + <div style="padding-bottom: 20px;"> + <b>my:</b> + <select id="my_horizontal"> + <option value="left">left</option> + <option value="center">center</option> + <option value="right">right</option> + </select> + <select id="my_vertical"> + <option value="top">top</option> + <option value="middle">center</option> + <option value="bottom">bottom</option> + </select> + </div> + <div style="padding-bottom: 20px;"> + <b>at:</b> + <select id="at_horizontal"> + <option value="left">left</option> + <option value="center">center</option> + <option value="right">right</option> + </select> + <select id="at_vertical"> + <option value="top">top</option> + <option value="middle">center</option> + <option value="bottom">bottom</option> + </select> + </div> + <div style="padding-bottom: 20px;"> + <b>offset:</b> + <input id="offset" type="text" size="15"/> + </div> + <div style="padding-bottom: 20px;"> + <b>collision:</b> + <select id="collision_horizontal"> + <option value="flip">flip</option> + <option value="fit">fit</option> + <option value="none">none</option> + </select> + <select id="collision_vertical"> + <option value="flip">flip</option> + <option value="fit">fit</option> + <option value="none">none</option> + </select> + </div> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Use the form controls to configure the positioning, or drag the positioned element to modify its offset. +<br/>Drag around the parent element to see collision detection in action.</p> + +</div><!-- End demo-description --> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/default.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/default.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/default.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/images/earth.jpg URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/images/earth.jpg?rev=956651&view=auto ============================================================================== Binary file - no diff available. Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/images/earth.jpg ------------------------------------------------------------------------------ svn:mime-type = image/jpeg Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/images/flight.jpg URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/images/flight.jpg?rev=956651&view=auto ============================================================================== Binary file - no diff available. Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/images/flight.jpg ------------------------------------------------------------------------------ svn:mime-type = image/jpeg Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/images/rocket.jpg URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/images/rocket.jpg?rev=956651&view=auto ============================================================================== Binary file - no diff available. Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/images/rocket.jpg ------------------------------------------------------------------------------ svn:mime-type = image/jpeg Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/index.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/index.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/index.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/index.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Position Demo</title> + <link type="text/css" href="../demos.css" rel="stylesheet" /> +</head> +<body> + +<div class="demos-nav"> + <h4>Examples</h4> + <ul> + <li class="demo-config-on"><a href="default.html">Default functionality</a></li> + <li><a href="cycler.html">Cycling images</a></li> + </ul> +</div> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/index.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/index.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/position/index.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/animated.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/animated.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/animated.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/animated.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Progressbar - Animated</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.progressbar.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + .ui-progressbar-value { background-image: url(images/pbar-ani.gif); } + </style> + <script type="text/javascript"> + $(function() { + $("#progressbar").progressbar({ + value: 59 + }); + }); + </script> +</head> +<body> + +<div class="demo"> + +<div id="progressbar"></div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p> +This progressbar has an animated fill by setting the +<code>background-image</code> +on the +<code>.ui-progressbar-value</code> +element, using css. +</p> + +</div><!-- End demo-description --> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/animated.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/animated.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/animated.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/default.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/default.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/default.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/default.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Progressbar - Default functionality</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.progressbar.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <script type="text/javascript"> + $(function() { + $("#progressbar").progressbar({ + value: 37 + }); + }); + </script> +</head> +<body> + +<div class="demo"> + + <div id="progressbar"></div> + +</div><!-- End demo --> + + + +<div class="demo-description"> + +<p>Default determinate progress bar.</p> + +</div><!-- End demo-description --> + + + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/default.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/default.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/default.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/images/pbar-ani.gif URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/images/pbar-ani.gif?rev=956651&view=auto ============================================================================== Binary file - no diff available. Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/images/pbar-ani.gif ------------------------------------------------------------------------------ svn:mime-type = image/gif Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/index.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/index.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/index.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/index.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Progressbar Demos</title> + <link type="text/css" href="../demos.css" rel="stylesheet" /> +</head> +<body> + +<div class="demos-nav"> + <h4>Examples</h4> + <ul> + <li class="demo-config-on"><a href="default.html">Default functionality</a></li> + <li><a href="animated.html">Animated</a></li> + <li><a href="resize.html">Resizable progressbar</a></li> + </ul> +</div> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/index.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/index.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/index.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/resize.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/resize.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/resize.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/resize.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Progressbar - Resizable</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.progressbar.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <script type="text/javascript"> + $(function() { + $("#progressbar").progressbar({ + value: 37 + }); + $("#progressbarWrapper").resizable(); + }); + </script> +</head> +<body> + +<div class="demo"> + + <div id="progressbarWrapper" style="height:30px; " class="ui-widget-default"> + <div id="progressbar" style="height:100%;"></div> + </div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>The progress bar's widths are specified in percentages for flexible sizing so it will resize to fit its container. Try resizing the height and width of this bar to see how it maintains the correct proportions. (This is not necessarily a real-world example, but it's a good illustration of how flexibly all the plugins are coded.)</p> + +</div><!-- End demo-description --> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/resize.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/resize.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/progressbar/resize.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/default.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/default.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/default.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/default.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Effects - removeClass Demo</title> + <link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/jquery-1.4.2.js"></script> + <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.effects.core.js"></script> + <link type="text/css" href="http://jquery-ui.googlecode.com/svn/trunk/demos/demos.css" rel="stylesheet" /> + <style type="text/css"> + .toggler { width: 500px; height: 200px; position: relative;} + #button { padding: .5em 1em; text-decoration: none; } + #effect {position: relative; width: 240px; padding: 1em; letter-spacing: 0; font-size: 1.2em; border: 1px solid #000; background: #eee; color: #333; } + #effect.newClass { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px; font-size: 1.6em; } + </style> + <script type="text/javascript"> + $(function() { + $("#button").click(function() { + $('#effect').removeClass('newClass', 1000, callback); + return false; + }); + + function callback(){ + setTimeout(function(){ + $('#effect').addClass('newClass'); + }, 1500); + } + }); + </script> +</head> +<body> + +<div class="demo"> + +<div class="toggler"> + <div id="effect" class="newClass ui-corner-all"> + Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. + </div> +</div> + +<a href="#" id="button" class="ui-state-default ui-corner-all">Run Effect</a> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Click the button above to preview the effect.</p> + +</div><!-- End demo-description --> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/default.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/default.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/default.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/index.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/index.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/index.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/index.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,18 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Effects Demos</title> + <link type="text/css" href="../demos.css" rel="stylesheet" /> +</head> +<body> + +<div class="demos-nav"> + <h4>Examples</h4> + <ul> + <li class="demo-config-on"><a href="default.html">Default functionality</a></li> + </ul> +</div> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/index.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/index.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/removeClass/index.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/animate.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/animate.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/animate.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/animate.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Animate</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + #resizable h3 { text-align: center; margin: 0; } + .ui-resizable-helper { border: 1px dotted gray; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + animate: true + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<div id="resizable" class="ui-widget-content"> + <h3 class="ui-widget-header">Animate</h3> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Animate the resize action using the <code>animate</code> option (boolean). When this option is set to true, drag the outline to the desired location; the element animates to that size on drag stop.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/animate.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/animate.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/animate.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/aspect-ratio.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/aspect-ratio.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/aspect-ratio.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/aspect-ratio.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Preserve aspect ratio</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #resizable { width: 160px; height: 90px; padding: 0.5em; } + #resizable h3 { text-align: center; margin: 0; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + aspectRatio: 16/9 + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<div id="resizable" class="ui-widget-content"> + <h3 class="ui-widget-header">Preserve aspect ratio</h3> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Maintain the existing aspect ratio or set a new one to constrain the proportions on resize. Set the <code>aspectRatio</code> option to true, and optionally pass in a new ratio (i.e., 4/3)</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/aspect-ratio.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/aspect-ratio.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/aspect-ratio.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/constrain-area.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/constrain-area.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/constrain-area.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/constrain-area.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Constrain resize area</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #container { width: 300px; height: 300px; } + #container h3 { text-align: center; margin: 0; margin-bottom: 10px; } + #resizable { background-position: top left; width: 150px; height: 150px; } + #resizable, #container { padding: 0.5em; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + containment: '#container' + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<div id="container" class="ui-widget-content"> + <h3 class="ui-widget-header">Containment</h3> + <div id="resizable" class="ui-state-active"> + <h3 class="ui-widget-header">Resizable</h3> + </div> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Define the boundaries of the resizable area. Use the <code>containment</code> option to specify a parent DOM element or a jQuery selector, like 'document.'</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/constrain-area.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/constrain-area.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/constrain-area.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/default.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/default.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/default.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/default.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Default functionality</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + #resizable h3 { text-align: center; margin: 0; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable(); + }); + </script> +</head> +<body> +<div class="demo"> + +<div id="resizable" class="ui-widget-content"> + <h3 class="ui-widget-header">Resizable</h3> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Enable any DOM element to be resizable. With the cursor grab the right or bottom border and drag to the desired width or height.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/default.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/default.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/default.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/delay-start.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/delay-start.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/delay-start.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/delay-start.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Delay start</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #resizable, #resizable2 { width: 150px; height: 150px; padding: 0.5em; } + #resizable h3, #resizable2 h3 { text-align: center; margin: 0; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + delay: 1000 + }); + + $("#resizable2").resizable({ + distance: 40 + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<h3 class="docs">Time delay (ms):</h3> +<div id="resizable" class="ui-widget-content"> + <h3 class="ui-widget-header">Time</h3> +</div> + +<h3 class="docs">Distance delay (px):</h3> +<div id="resizable2" class="ui-widget-content"> + <h3 class="ui-widget-header">Distance</h3> +</div> + +<!-- ADD DISTANCE DEMO --> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Delay the start of resizng for a number of milliseconds with the <code>delay</code> option; prevent resizing until the cursor is held down and dragged a specifed number of pixels with the <code>distance</code> option.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/delay-start.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/delay-start.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/delay-start.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/helper.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/helper.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/helper.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/helper.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Helper</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + #resizable h3 { text-align: center; margin: 0; } + .ui-resizable-helper { border: 2px dotted #00F; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + helper: 'ui-resizable-helper' + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<div id="resizable" class="ui-widget-content"> + <h3 class="ui-widget-header">Helper</h3> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Display only an outline of the element while resizing by setting the <code>helper</code> option to a CSS class.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/helper.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/helper.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/helper.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/index.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/index.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/index.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/index.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable Demos</title> + <link type="text/css" href="../demos.css" rel="stylesheet" /> +</head> +<body> + +<div class="demos-nav"> + <h4>Examples</h4> + <ul> + <li class="demo-config-on"><a href="default.html">Default functionality</a></li> + <li><a href="aspect-ratio.html">Preserve aspect ratio</a></li> + <li><a href="max-min.html">Maximum / minimum size</a></li> + <li><a href="constrain-area.html">Constrain resize area</a></li> + <li><a href="delay-start.html">Delay start</a></li> + <li><a href="snap-to-grid.html">Snap to grid</a></li> + <li><a href="visual-feedback.html">Visual feedback</a></li> + <li><a href="synchronous-resize.html">Synchronous resize</a></li> + <li><a href="animate.html">Animate</a></li> + <li><a href="helper.html">Resize Helper</a></li> + <li><a href="textarea.html">Textarea</a></li> + </ul> +</div> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/index.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/index.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/index.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/max-min.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/max-min.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/max-min.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/max-min.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,43 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Maximum / minimum size</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #resizable { width: 200px; height: 150px; padding: 5px; } + #resizable h3 { text-align: center; margin: 0; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + maxHeight: 250, + maxWidth: 350, + minHeight: 150, + minWidth: 200 + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<div id="resizable" class="ui-widget-content"> + <h3 class="ui-widget-header">Resize larger / smaller</h3> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Limit the resizable element to a maximum or minimum height or width using the <code>maxHeight</code>, <code>maxWidth</code>, <code>minHeight</code>, and <code>minWidth</code> options.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/max-min.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/max-min.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/max-min.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/snap-to-grid.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/snap-to-grid.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/snap-to-grid.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/snap-to-grid.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Snap to grid</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + #resizable h3 { text-align: center; margin: 0; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + grid: 50 + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<div id="resizable" class="ui-widget-content"> + <h3 class="ui-widget-header">Grid</h3> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Snap the resizable element to a grid. Set the dimensions of grid cells (height and width in pixels) with the <code>grid</code> option.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/snap-to-grid.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/snap-to-grid.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/snap-to-grid.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/synchronous-resize.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/synchronous-resize.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/synchronous-resize.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/synchronous-resize.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Synchronous resize</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #resizable { background-position: top left; } + #resizable, #also { width: 150px; height: 120px; padding: 0.5em; } + #resizable h3, #also h3 { text-align: center; margin: 0; } + #also { margin-top: 1em; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + alsoResize: '#also' + }); + $("#also").resizable(); + }); + </script> +</head> +<body> +<div class="demo"> + +<div id="resizable" class="ui-widget-header"> + <h3 class="ui-state-active">Resize</h3> +</div> + +<div id="also" class="ui-widget-content"> + <h3 class="ui-widget-header">will also resize</h3> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Resize multiple elements simultaneously by clicking and dragging the sides of one. Pass a shared selector into the <code>alsoResize</code> option.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/synchronous-resize.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/synchronous-resize.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/synchronous-resize.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/textarea.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/textarea.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/textarea.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/textarea.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Textarea</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + .ui-resizable-se { + bottom: 17px; + } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + handles: "se" + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<textarea id="resizable" rows="5" cols="20"></textarea> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Display only an outline of the element while resizing by setting the <code>helper</code> option to a CSS class.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/textarea.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/textarea.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/textarea.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/visual-feedback.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/visual-feedback.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/visual-feedback.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/visual-feedback.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Resizable - Visual feedback</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.resizable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <style type="text/css"> + #resizable { width: 150px; height: 150px; padding: 0.5em; } + #resizable h3 { text-align: center; margin: 0; } + .ui-resizable-ghost { border: 1px dotted gray; } + </style> + <script type="text/javascript"> + $(function() { + $("#resizable").resizable({ + ghost: true + }); + }); + </script> +</head> +<body> +<div class="demo"> + +<div id="resizable" class="ui-widget-content"> + <h3 class="ui-widget-header">Ghost</h3> +</div> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Instead of showing the actual element during resize, set the <code>ghost</code> option to true to show a semi-transparent part of the element.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/visual-feedback.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/visual-feedback.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/resizable/visual-feedback.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/default.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/default.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/default.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/default.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Selectable - Default functionality</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.selectable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + + <style type="text/css"> + #feedback { font-size: 1.4em; } + #selectable .ui-selecting { background: #FECA40; } + #selectable .ui-selected { background: #F39814; color: white; } + #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; } + #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; } + </style> + <script type="text/javascript"> + $(function() { + $("#selectable").selectable(); + }); + </script> +</head> +<body> +<div class="demo"> + +<ol id="selectable"> + <li class="ui-widget-content">Item 1</li> + <li class="ui-widget-content">Item 2</li> + <li class="ui-widget-content">Item 3</li> + <li class="ui-widget-content">Item 4</li> + <li class="ui-widget-content">Item 5</li> + <li class="ui-widget-content">Item 6</li> + <li class="ui-widget-content">Item 7</li> +</ol> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>Enable a DOM element (or group of elements) to be selectable. Draw a box with your cursor to select items. Hold down the Ctrl key to make multiple non-adjacent selections. </p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/default.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/default.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/default.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/display-grid.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/display-grid.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/display-grid.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/display-grid.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Selectable - Display as grid</title> + <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.4.2.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> + <script type="text/javascript" src="../../ui/jquery.ui.selectable.js"></script> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + + <style type="text/css"> + #feedback { font-size: 1.4em; } + #selectable .ui-selecting { background: #FECA40; } + #selectable .ui-selected { background: #F39814; color: white; } + #selectable { list-style-type: none; margin: 0; padding: 0; } + #selectable li { margin: 3px; padding: 1px; float: left; width: 100px; height: 80px; font-size: 4em; text-align: center; } + </style> + <script type="text/javascript"> + $(function() { + $("#selectable").selectable(); + }); + </script> +</head> +<body> +<div class="demo"> + +<ol id="selectable"> + <li class="ui-state-default">1</li> + <li class="ui-state-default">2</li> + <li class="ui-state-default">3</li> + <li class="ui-state-default">4</li> + <li class="ui-state-default">5</li> + <li class="ui-state-default">6</li> + <li class="ui-state-default">7</li> + <li class="ui-state-default">8</li> + <li class="ui-state-default">9</li> + <li class="ui-state-default">10</li> + <li class="ui-state-default">11</li> + <li class="ui-state-default">12</li> +</ol> + +</div><!-- End demo --> + +<div class="demo-description"> + +<p>To arrange selectable items as a grid, give them identical dimensions and float them using CSS.</p> + +</div><!-- End demo-description --> +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/display-grid.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/display-grid.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/display-grid.html ------------------------------------------------------------------------------ svn:mime-type = text/html Added: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/index.html URL: http://svn.apache.org/viewvc/ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/index.html?rev=956651&view=auto ============================================================================== --- ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/index.html (added) +++ ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/index.html Mon Jun 21 17:45:18 2010 @@ -0,0 +1,20 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <title>jQuery UI Selectable Demos</title> + <link type="text/css" href="../demos.css" rel="stylesheet" /> +</head> +<body> + +<div class="demos-nav"> + <h4>Examples</h4> + <ul> + <li class="demo-config-on"><a href="default.html">Default functionality</a></li> + <li><a href="serialize.html">Serialize</a></li> + <li><a href="display-grid.html">Display as grid</a></li> + </ul> +</div> + +</body> +</html> Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/index.html ------------------------------------------------------------------------------ svn:eol-style = native Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/index.html ------------------------------------------------------------------------------ svn:keywords = "Date Rev Author URL Id" Propchange: ofbiz/branches/jquery/framework/images/webapp/images/jquery/ui/development-bundle/demos/selectable/index.html ------------------------------------------------------------------------------ svn:mime-type = text/html |
«
Return to OFBiz - Commits
|
1 view|%1 views
| Free forum by Nabble | Edit this page |