update YUI to 2.8.0r4
This commit is contained in:
Graham Knop
parent
27f474ec64
commit
2d28e0c0ba
2007 changed files with 344487 additions and 210070 deletions
163
www/extras/yui/tests/button/tests/button-activeelement-test.html
Normal file
163
www/extras/yui/tests/button/tests/button-activeelement-test.html
Normal file
|
|
@ -0,0 +1,163 @@
|
|||
<!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>Button activeElement Test</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/menu/assets/skins/sam/menu.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/button/assets/skins/sam/button.css" />
|
||||
<link type="text/css" rel="stylesheet" href="../../../build/logger/assets/skins/sam/logger.css">
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
#button-example-form fieldset {
|
||||
|
||||
border: 2px groove #ccc;
|
||||
margin: .5em;
|
||||
padding: .5em;
|
||||
|
||||
}
|
||||
|
||||
#menubutton3menu,
|
||||
#menubutton4menu {
|
||||
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
border: solid 1px #000;
|
||||
padding: .5em;
|
||||
background-color: #ccc;
|
||||
|
||||
}
|
||||
|
||||
#button-example-form-postdata {
|
||||
|
||||
border: dashed 1px #666;
|
||||
background-color: #ccc;
|
||||
padding: 1em;
|
||||
|
||||
}
|
||||
|
||||
#button-example-form-postdata h2 {
|
||||
|
||||
margin: 0 0 .5em 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript" src="../../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../../build/container/container_core-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/menu/menu-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/button/button-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/dragdrop/dragdrop-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/logger/logger-min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
(function () {
|
||||
|
||||
var Event = YAHOO.util.Event,
|
||||
Dom = YAHOO.util.Dom;
|
||||
|
||||
|
||||
Event.onDOMReady(function () {
|
||||
|
||||
var logReader = new YAHOO.widget.LogReader();
|
||||
|
||||
|
||||
// Create a Button using an existing <input> and <select> element.
|
||||
// Because the "type" attribute of the <input> element was set to
|
||||
// "submit" - clicking on any MenuItem in the Button's Menu will
|
||||
// automatically submit the Button's parent <form>.
|
||||
|
||||
var oMenuButton1 = new YAHOO.widget.Button("menubutton1",
|
||||
{ type: "menu", menu: "menubutton1select" });
|
||||
|
||||
|
||||
// "render" event handler for the Button's Menu
|
||||
|
||||
var onMenuRender = function (p_sType, p_aArgs) {
|
||||
|
||||
this.addItems([
|
||||
|
||||
{ text: "Four", value: 4 },
|
||||
{ text: "Five", value: 5 }
|
||||
|
||||
]);
|
||||
|
||||
};
|
||||
|
||||
|
||||
// Add some additional MenuItems to the Button's Menu once it has
|
||||
// been rendered
|
||||
|
||||
oMenuButton1.getMenu().subscribe("render", onMenuRender);
|
||||
|
||||
|
||||
|
||||
// "submit" event handler for the <form>
|
||||
|
||||
var onExampleSubmit = function(p_oEvent) {
|
||||
|
||||
var bSubmit =
|
||||
window.confirm("Are you sure you want to submit the form?");
|
||||
|
||||
if(!bSubmit) {
|
||||
Event.preventDefault(p_oEvent);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
|
||||
// Add a "submit" event handler to the <form> to confirm that
|
||||
// clicking on one of the MenuItems in the Button's Menu
|
||||
// submits the <form>.
|
||||
|
||||
Event.on("button-example-form", "submit", onExampleSubmit);
|
||||
|
||||
|
||||
Event.on("text-field-1", "keydown", function (event) {
|
||||
|
||||
YAHOO.log("keydown: " + Event.getCharCode(event));
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
}());
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body class=" yui-skin-sam">
|
||||
|
||||
<h1>Button activeElement Test</h1>
|
||||
<p>Test case for <a href="http://yuilibrary.com/projects/yui2/ticket/2528245">bug 2528245</a>.</p>
|
||||
<p>
|
||||
Clicking on the text box when the Button's Menu is open should result in the Menu closing,
|
||||
the Button blurring and the text box being focused and becoming the activeElement.
|
||||
After mousing down on the text box, it should have a black outline and
|
||||
should fire key events.
|
||||
</p>
|
||||
|
||||
<form id="button-example-form" name="button-example-form" method="post">
|
||||
|
||||
<input type="submit" id="menubutton1" name="menubutton1_button" value="Menu Button 1">
|
||||
<select id="menubutton1select" name="menubutton1select">
|
||||
<option value="0">One</option>
|
||||
<option value="1">Two</option>
|
||||
<option value="2">Three</option>
|
||||
</select>
|
||||
|
||||
<input type="text" id="text-field-1" name="text-field-1">
|
||||
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
81
www/extras/yui/tests/button/tests/label-click-test.html
Normal file
81
www/extras/yui/tests/button/tests/label-click-test.html
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>Button Click Label Test</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/fonts/fonts-min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/button/assets/skins/sam/button.css">
|
||||
|
||||
<script type="text/javascript" src="../../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/button/button-min.js"></script>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
YAHOO.util.Event.onDOMReady(function () {
|
||||
|
||||
var oButton1 = new YAHOO.widget.Button("checkbox-1");
|
||||
var oButton2 = new YAHOO.widget.Button("checkbox-2");
|
||||
var oButton3 = new YAHOO.widget.Button("checkbox-3");
|
||||
|
||||
var oButton4 = new YAHOO.widget.Button("radio-1");
|
||||
var oButton5 = new YAHOO.widget.Button("radio-2");
|
||||
var oButton6 = new YAHOO.widget.Button("radio-3");
|
||||
|
||||
var buttonGroup = new YAHOO.widget.ButtonGroup("buttongroup1");
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>Button Click Label Test</h1>
|
||||
<p>Test case for <a href="http://yuilibrary.com/projects/yui2/ticket/2527640">bug 2527640</a>.</p>
|
||||
<p>Clicking on the <code><label></code> for each Button instance should both focus and check or uncheck the Button.</p>
|
||||
|
||||
<form id="form-1" method="post">
|
||||
|
||||
<fieldset>
|
||||
<legend>Checkboxes</legend>
|
||||
<label for="checkbox-1">Checkbox 1</label>
|
||||
<input type="checkbox" name="checkbox-1" id="checkbox-1" value="1">
|
||||
|
||||
<label for="checkbox-2">Checkbox 2</label>
|
||||
<input type="checkbox" name="checkbox-2" id="checkbox-2" value="2">
|
||||
|
||||
<label for="checkbox-3">Checkbox 3</label>
|
||||
<input type="checkbox" name="checkbox-3" id="checkbox-3" value="3">
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>Radio Buttons</legend>
|
||||
<label for="radio-1">Radio 1</label>
|
||||
<input type="radio" name="radio-field" id="radio-1" value="1">
|
||||
|
||||
<label for="radio-2">Radio 2</label>
|
||||
<input type="radio" name="radio-field" id="radio-2" value="2">
|
||||
|
||||
<label for="radio-3">Radio 3</label>
|
||||
<input type="radio" name="radio-field" id="radio-3" value="3">
|
||||
|
||||
|
||||
<div id="buttongroup1" class="yui-buttongroup">
|
||||
<label for="radio-4">Radio Group<label>
|
||||
<input id="radio-4" type="radio" name="radiofield4" value="Radio 4">
|
||||
<input id="radio-5" type="radio" name="radiofield5" value="Radio 5">
|
||||
<input id="radio-6" type="radio" name="radiofield6" value="Radio 6">
|
||||
<input id="radio-7" type="radio" name="radiofield6" value="Radio 7">
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
82
www/extras/yui/tests/button/tests/label-replace-test.html
Normal file
82
www/extras/yui/tests/button/tests/label-replace-test.html
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>Button Label Replace Test</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/fonts/fonts-min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/button/assets/skins/sam/button.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/menu/assets/skins/sam/menu.css">
|
||||
|
||||
<script type="text/javascript" src="../../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/button/button-min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
YAHOO.util.Event.onDOMReady(function () {
|
||||
|
||||
var oButton1 = new YAHOO.widget.Button("checkbox-1", { replaceLabel: true });
|
||||
var oButton2 = new YAHOO.widget.Button("checkbox-2", { replaceLabel: true });
|
||||
var oButton3 = new YAHOO.widget.Button("checkbox-3", { replaceLabel: true });
|
||||
|
||||
var oButton4 = new YAHOO.widget.Button("radio-1", { replaceLabel: true });
|
||||
var oButton5 = new YAHOO.widget.Button("radio-2", { replaceLabel: true });
|
||||
var oButton6 = new YAHOO.widget.Button("radio-3", { replaceLabel: true });
|
||||
|
||||
YAHOO.util.Event.on("destroy-1", "click", function (event) {
|
||||
|
||||
oButton1.destroy();
|
||||
oButton2.destroy();
|
||||
oButton3.destroy();
|
||||
oButton4.destroy();
|
||||
oButton5.destroy();
|
||||
oButton6.destroy();
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>Button Label Replace Test</h1>
|
||||
<p>Test case for <a href="http://yuilibrary.com/projects/yui2/ticket/1897085">bug 1897085</a>.</p>
|
||||
<p>The text label for each Button should be the text of its corresponding <code><label<</code>.</p>
|
||||
|
||||
<form id="form-1" method="post">
|
||||
|
||||
<fieldset>
|
||||
<legend>Checkboxes</legend>
|
||||
<label for="checkbox-1">Checkbox 1</label>
|
||||
<input type="checkbox" name="checkbox-1" id="checkbox-1" value="1">
|
||||
|
||||
<label for="checkbox-2">Checkbox 2</label>
|
||||
<input type="checkbox" name="checkbox-2" id="checkbox-2" value="2">
|
||||
|
||||
<label for="checkbox-3">Checkbox 3</label>
|
||||
<input type="checkbox" name="checkbox-3" id="checkbox-3" value="3">
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>Radio Buttons</legend>
|
||||
<label for="radio-1">Radio 1</label>
|
||||
<input type="radio" name="radio-field" id="radio-1" value="1">
|
||||
|
||||
<label for="radio-2">Radio 2</label>
|
||||
<input type="radio" name="radio-field" id="radio-2" value="2">
|
||||
|
||||
<label for="radio-3">Radio 3</label>
|
||||
<input type="radio" name="radio-field" id="radio-3" value="3">
|
||||
</fieldset>
|
||||
|
||||
<input type="button" name="destroy-1" id="destroy-1" value="Destroy All">
|
||||
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
144
www/extras/yui/tests/button/tests/preventoverlap.html
Normal file
144
www/extras/yui/tests/button/tests/preventoverlap.html
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
<!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>Button</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/fonts/fonts-min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/menu/assets/skins/sam/menu.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/button/assets/skins/sam/button.css">
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
#buttons-container {
|
||||
width: 1000px;
|
||||
background-color: #fc3;
|
||||
margin: 300px 100px;
|
||||
}
|
||||
|
||||
#alignment-controls {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #ccc;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript" src="../../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/container/container_core-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/menu/menu-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/button/button-min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
(function () {
|
||||
|
||||
var Dom = YAHOO.util.Dom,
|
||||
Event = YAHOO.util.Event,
|
||||
aMenuItems = [];
|
||||
|
||||
|
||||
for (var i = 0; i < 25; i++) {
|
||||
aMenuItems[i] = "Menu Item " + i;
|
||||
}
|
||||
|
||||
|
||||
Event.onDOMReady(function () {
|
||||
|
||||
var positionAlignmentControls = function () {
|
||||
|
||||
YAHOO.util.Dom.setXY("alignment-controls", [0, Dom.getDocumentScrollTop()]);
|
||||
|
||||
};
|
||||
|
||||
var setMenuAlignment = function () {
|
||||
|
||||
var menuCorner = Dom.get("menu-corner"),
|
||||
buttonCorner = Dom.get("button-corner"),
|
||||
alignment = [menuCorner.value, buttonCorner.value];
|
||||
|
||||
oButton1.set("menualignment", alignment);
|
||||
oButton2.set("menualignment", alignment);
|
||||
oButton3.set("menualignment", alignment);
|
||||
oButton4.set("menualignment", alignment);
|
||||
|
||||
};
|
||||
|
||||
var oButton1 = new YAHOO.widget.Button({
|
||||
label: "Button 1",
|
||||
type: "menu",
|
||||
menu: aMenuItems,
|
||||
menumaxheight: 200,
|
||||
container: "buttons-container"
|
||||
});
|
||||
|
||||
var oButton2 = new YAHOO.widget.Button({
|
||||
label: "Button 2",
|
||||
type: "menu",
|
||||
menu: aMenuItems,
|
||||
container: "buttons-container"
|
||||
});
|
||||
|
||||
var oButton3 = new YAHOO.widget.Button({
|
||||
label: "Button 3",
|
||||
type: "menu",
|
||||
menu: aMenuItems,
|
||||
menumaxheight: 200,
|
||||
lazyloadmenu: false,
|
||||
container: "buttons-container"
|
||||
});
|
||||
|
||||
var oButton4 = new YAHOO.widget.Button({
|
||||
label: "Button 4",
|
||||
type: "menu",
|
||||
menu: aMenuItems,
|
||||
lazyloadmenu: false,
|
||||
container: "buttons-container"
|
||||
});
|
||||
|
||||
positionAlignmentControls();
|
||||
|
||||
setMenuAlignment();
|
||||
|
||||
YAHOO.widget.Overlay.windowScrollEvent.subscribe(positionAlignmentControls);
|
||||
|
||||
Event.on("set-menu-alignment", "click", setMenuAlignment);
|
||||
|
||||
});
|
||||
|
||||
}());
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<div id="buttons-container"></div>
|
||||
<fieldset id="alignment-controls">
|
||||
<legend>Menu Alignment Controls</legend>
|
||||
|
||||
<label for="menu-corner">Menu Corner</label>
|
||||
<select id="menu-corner">
|
||||
<option value="tl">tl<option>
|
||||
<option value="tr">tr<option>
|
||||
<option selected value="bl">bl<option>
|
||||
<option value="br">br<option>
|
||||
</select>
|
||||
|
||||
<label for="button-corner">Button Corner</label>
|
||||
<select id="button-corner">
|
||||
<option selected value="tl">tl<option>
|
||||
<option value="tr">tr<option>
|
||||
<option value="bl">bl<option>
|
||||
<option value="br">br<option>
|
||||
</select>
|
||||
|
||||
<button id="set-menu-alignment">Set Menu Alignment</button>
|
||||
</fieldset>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,97 @@
|
|||
<!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>YUI Button Test Case</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/fonts/fonts.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/button/assets/skins/sam/button.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/menu/assets/skins/sam/menu.css">
|
||||
|
||||
<script type="text/javascript" src="../../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../../build/container/container_core-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/menu/menu-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/button/button-min.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<h1>YUI Button Test Case</h1>
|
||||
|
||||
<p>Test case for <a href="http://yuilibrary.com/projects/yui2/ticket/2527968" title="#2527968 Opening a menu button menu fires a selectedMenuItemChange :: YUI 2.x :: YUI Library">Bug 2527968</a>. Clicking on the Menu Button below should NOT result in an alert popping up when the Menu is made visible.</p>
|
||||
|
||||
<input type="button" class="menuButton" id="state1" value="State 1">
|
||||
<select id="state1Select">
|
||||
<option value="04000US01">Alabama</option>
|
||||
<option value="04000US02">Alaska</option>
|
||||
<option value="04000US04">Arizona</option>
|
||||
<option value="04000US05">Arkansas</option>
|
||||
<option value="04000US06">California</option>
|
||||
<option value="04000US08">Colorado</option>
|
||||
<option value="04000US09">Connecticut</option>
|
||||
<option value="04000US10">Delaware</option>
|
||||
<option value="04000US11">DC</option>
|
||||
<option value="04000US12">Florida</option>
|
||||
<option value="04000US13">Georgia</option>
|
||||
<option value="04000US15">Hawaii</option>
|
||||
<option value="04000US16">Idaho</option>
|
||||
<option value="04000US17">Illinois</option>
|
||||
<option value="04000US18">Indiana</option>
|
||||
<option value="04000US19">Iowa</option>
|
||||
<option value="04000US20">Kansas</option>
|
||||
<option value="04000US21">Kentucky</option>
|
||||
<option value="04000US22">Louisiana</option>
|
||||
<option value="04000US23">Maine</option>
|
||||
<option value="04000US24">Maryland</option>
|
||||
<option value="04000US25">Massachusetts</option>
|
||||
<option value="04000US26">Michigan</option>
|
||||
<option value="04000US27">Minnesota</option>
|
||||
<option value="04000US28">Mississippi</option>
|
||||
<option value="04000US29">Missouri</option>
|
||||
<option value="04000US30">Montana</option>
|
||||
<option value="04000US31">Nebraska</option>
|
||||
<option value="04000US32">Nevada</option>
|
||||
<option value="04000US33">New Hampshire</option>
|
||||
<option value="04000US34">New Jersey</option>
|
||||
<option value="04000US35">New Mexico</option>
|
||||
<option value="04000US36">New York</option>
|
||||
<option value="04000US37">North Carolina</option>
|
||||
<option value="04000US38">North Dakota</option>
|
||||
<option value="04000US39">Ohio</option>
|
||||
<option value="04000US40">Oklahoma</option>
|
||||
<option value="04000US41">Oregon</option>
|
||||
<option value="04000US42">Pennsylvania</option>
|
||||
<option value="04000US72">Puerto Rico</option>
|
||||
<option value="04000US44">Rhode Island</option>
|
||||
<option value="04000US45">South Carolina</option>
|
||||
<option value="04000US46">South Dakota</option>
|
||||
<option value="04000US47">Tennessee</option>
|
||||
<option value="04000US48">Texas</option>
|
||||
<option value="04000US49">Utah</option>
|
||||
<option value="04000US50">Vermont</option>
|
||||
<option value="04000US51">Virginia</option>
|
||||
<option value="04000US53">Washington</option>
|
||||
<option value="04000US54">West Virginia</option>
|
||||
<option value="04000US55">Wisconsin</option>
|
||||
<option value="04000US56">Wyoming</option>
|
||||
</select>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
(function () {
|
||||
|
||||
var oButton = new YAHOO.widget.Button("state1", { type: "menu", menu: "state1Select" });
|
||||
|
||||
oButton.on("selectedMenuItemChange", function (event) {
|
||||
|
||||
alert(event.type);
|
||||
|
||||
});
|
||||
|
||||
}());
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
130
www/extras/yui/tests/button/tests/submit-twice-test.html
Normal file
130
www/extras/yui/tests/button/tests/submit-twice-test.html
Normal file
|
|
@ -0,0 +1,130 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>YUI Button + Connection Manager Test Page</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/fonts/fonts-min.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/button/assets/skins/sam/button.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/menu/assets/skins/sam/menu.css">
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
#logger {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#log {
|
||||
width: 600px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script type="text/javascript" src="../../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/container/container_core-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/menu/menu-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/button/button-min.js"></script>
|
||||
<!-- <script type="text/javascript" src="../js/button.js"></script>
|
||||
<script type="text/javascript" src="../js/buttongroup.js"></script> -->
|
||||
<script type="text/javascript" src="../../../build/connection/connection-min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
(function () {
|
||||
|
||||
var Event = YAHOO.util.Event,
|
||||
Dom = YAHOO.util.Dom;
|
||||
|
||||
|
||||
Event.onContentReady("form-1", function () {
|
||||
|
||||
var oButton1 = new YAHOO.widget.Button("menubutton1", { type: "menu", menu: "menubutton1select" });
|
||||
var oButton2 = new YAHOO.widget.Button("menubutton2", { type: "menu", menu: "menubutton2select" });
|
||||
|
||||
});
|
||||
|
||||
|
||||
var logData = function () {
|
||||
|
||||
YAHOO.widget.Button.addHiddenFieldsToForm();
|
||||
|
||||
var sFormData = YAHOO.util.Connect.setForm("form-1");
|
||||
|
||||
Dom.get("log").value = sFormData.split("&").join("\r");
|
||||
|
||||
};
|
||||
|
||||
|
||||
Event.on("button-1", "click", function () {
|
||||
|
||||
var oForm = Dom.get("form-1");
|
||||
|
||||
console.log(oForm.elements.length);
|
||||
|
||||
logData();
|
||||
|
||||
console.log(oForm.elements.length);
|
||||
|
||||
});
|
||||
|
||||
|
||||
Event.on("form-1", "submit", function (event) {
|
||||
|
||||
// Prevent the form from submitting since the data will be
|
||||
// posted via Connection Manager
|
||||
Event.preventDefault(event);
|
||||
|
||||
var oForm = Dom.get("form-1");
|
||||
|
||||
console.log(oForm.elements.length);
|
||||
|
||||
logData();
|
||||
|
||||
console.log(oForm.elements.length);
|
||||
|
||||
});
|
||||
|
||||
|
||||
}());
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<form name="form-1" id="form-1" method="post">
|
||||
|
||||
<input type="submit" id="menubutton1" name="menubutton1_button" value="Menu Button 1">
|
||||
<select id="menubutton1select" name="menubutton1select">
|
||||
<option value="0">One</option>
|
||||
<option value="1">Two</option>
|
||||
<option value="2">Three</option>
|
||||
</select>
|
||||
|
||||
<input type="button" id="menubutton2" name="menubutton2_button" value="Menu Button 2">
|
||||
<select id="menubutton2select" name="menubutton2select">
|
||||
<option value="0">One</option>
|
||||
<option value="1">Two</option>
|
||||
<option value="2">Three</option>
|
||||
</select>
|
||||
|
||||
<div>
|
||||
<input id="button-2" type="submit" value="Log Data After Submit">
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<button id="button-1" type="button">Log Data</button>
|
||||
|
||||
<div id="logger">
|
||||
<h2>Form Data</h2>
|
||||
<textarea id="log"></textarea>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
114
www/extras/yui/tests/button/tests/yui-prefix-test.html
Normal file
114
www/extras/yui/tests/button/tests/yui-prefix-test.html
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>Button YUI Prefix Test</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/fonts/fonts-min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/menu/assets/skins/sam/menu.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../../build/button/assets/skins/sam/button.css" />
|
||||
<link type="text/css" rel="stylesheet" href="../../../build/logger/assets/skins/sam/logger.css">
|
||||
|
||||
<script type="text/javascript" src="../../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
|
||||
<script type="text/javascript" src="../../../build/container/container_core-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/menu/menu-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/element/element-min.js"></script>
|
||||
<script type="text/javascript" src="../../../build/button/button-min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
(function () {
|
||||
|
||||
var Button = YAHOO.widget.Button;
|
||||
|
||||
Button.prototype.CLASS_NAME_PREFIX = "pre-";
|
||||
YAHOO.widget.ButtonGroup.prototype.CLASS_NAME_PREFIX = "pre-";
|
||||
|
||||
YAHOO.util.Event.onDOMReady(function () {
|
||||
|
||||
var pushButton = new Button("push-1");
|
||||
var submitButton = new Button("submit-1");
|
||||
var resetButton = new Button("reset-1");
|
||||
var linkButton = new Button("link-1");
|
||||
|
||||
var check1 = new Button("checkbox-1");
|
||||
var check2 = new Button("checkbox-2");
|
||||
|
||||
var radio1 = new Button("radio-1");
|
||||
var radio2 = new Button("radio-2");
|
||||
|
||||
var buttonGroup = new YAHOO.widget.ButtonGroup("buttongroup-1");
|
||||
|
||||
var menuButton = new Button("menu-button-1", { type: "menu", menu: "menu-button-1-select" });
|
||||
var splitButton = new Button("split-button-1", { type: "menu", menu: "split-button-1-select" });
|
||||
|
||||
});
|
||||
|
||||
}());
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body class="yui-skin-sam">
|
||||
|
||||
<input type="button" id="push-1" name="push-1" value="Add">
|
||||
<input type="button" id="submit-1" name="submit-1" value="Submit">
|
||||
<input type="button" id="reset-1" name="reset-1" value="Reset">
|
||||
|
||||
<a id="link-1" href="http://www.yahoo.com">Yahoo!</a>
|
||||
|
||||
<input id="checkbox-1" type="checkbox" name="checkbox-1" value="1" checked>
|
||||
<input id="checkbox-2" type="checkbox" name="checkbox-1" value="2">
|
||||
|
||||
<input id="radio-1" type="radio" name="radio-1" value="1" checked>
|
||||
<input id="radio-2" type="radio" name="radio-1" value="2">
|
||||
|
||||
<div id="buttongroup-1" class="pre-buttongroup">
|
||||
<span id="radio5" class="pre-button pre-radio-button pre-button-checked">
|
||||
<span class="first-child">
|
||||
<button type="button" name="radiofield2" value="Radio 5">
|
||||
Radio 5
|
||||
</button>
|
||||
</span>
|
||||
</span>
|
||||
<span id="radio6" class="pre-button pre-radio-button">
|
||||
<span class="first-child">
|
||||
<button type="button" name="radiofield2" value="Radio 6">
|
||||
Radio 6
|
||||
</button>
|
||||
</span>
|
||||
</span>
|
||||
<span id="radio7" class="pre-button pre-radio-button">
|
||||
<span class="first-child">
|
||||
<button type="button" name="radiofield2" value="Radio 7">
|
||||
Radio 7
|
||||
</button>
|
||||
</span>
|
||||
</span>
|
||||
<span id="radio8" class="pre-button pre-radio-button">
|
||||
<span class="first-child">
|
||||
<button type="button" name="radiofield2" value="Radio 8">
|
||||
Radio 8
|
||||
</button>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<input type="button" id="menu-button-1" name="menu-button-1" value="Menu Button">
|
||||
<select id="menu-button-1-select" name="menu-button-1-select">
|
||||
<option value="0">One</option>
|
||||
<option value="1">Two</option>
|
||||
<option value="2">Three</option>
|
||||
</select>
|
||||
|
||||
<input type="button" id="split-button-1" name="split-button-1" value="Split Button">
|
||||
<select id="split-button-1-select" name="split-button-1-select">
|
||||
<option value="0">One</option>
|
||||
<option value="1">Two</option>
|
||||
<option value="2">Three</option>
|
||||
</select>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue