Yui: различия между версиями

2901 байт добавлено ,  14 лет назад
нет описания правки
Нет описания правки
Нет описания правки
 
<h3><span>Browser History Manager (Менеджер истории)</span></h3>
'''Автозаполнение названий штатов и их зип-кодов:'''
<source lang="javascript">
<!-- секция "1" -->
<link rel="stylesheet" type="text/css" href="yui/build/fonts/fonts-min.css" />
<link rel="stylesheet" type="text/css" href="yui/build/button/assets/skins/sam/button.css" />
<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="yui/build/element/element-beta.js"></script>
<script type="text/javascript" src="yui/build/button/button-beta.js"></script>
 
<!-- секция "1" -->
 
<!-- секция "2" -->
<script type="text/javascript">
 
YAHOO.example.init = function () {
function onButtonClick(p_oEvent) {
alert("click!");
}
// Статическое создание кнопок с использованием существующих элементов в элементе с id="pushbuttonsfrommarkup"
YAHOO.util.Event.onContentReady("pushbuttonsfrommarkup", function () {
var oPushButton1 = new YAHOO.widget.Button("pushbutton1");
oPushButton1.on("click", onButtonClick);// вызов ф-ии onButtonClick при событии "click" на кнопке
var oPushButton2 = new YAHOO.widget.Button("pushbutton2", { onclick: { fn: onButtonClick } });// вызов ф-ии onButtonClick при клике на кнопке
var oPushButton3 = new YAHOO.widget.Button("pushbutton3", { onclick: { fn: onButtonClick } });
});
// Динамическое создание кнопок с использованием javascript в элементе с id="pushbuttonsfromjavascript"
var oPushButton7 = new YAHOO.widget.Button({ label:"Add", id:"pushbutton7", container:"pushbuttonsfromjavascript" });
oPushButton7.on("click", onButtonClick); // вызов ф-ии onButtonClick при событии "click" на кнопке
var oPushButton8 = new YAHOO.widget.Button({ label:"Add", id:"pushbutton8", container:"pushbuttonsfromjavascript", onclick: { fn: onButtonClick } });
// вызов ф-ии onButtonClick при клике на кнопке
 
} ();
 
</script>
<form id="button-example-form" name="button-example-form" method="post" action="#">
<fieldset id="pushbuttons">
<legend>Push Buttons</legend>
<fieldset id="pushbuttonsfrommarkup">
<legend>From Markup</legend>
<div>
<button type="button" id="pushbutton1" name="button1" value="Add">Add</button>
<input type="button" id="pushbutton2" name="button2" value="Add">
<input type="button" id="pushbutton3" name="button3" value="Add">
</div>
</fieldset>
<fieldset id="pushbuttonsfromjavascript">
<legend>From JavaScript</legend>
</fieldset>
</fieldset>
</form>
<!-- секция "2" -->
</source>
 
258

правок