Zero Weight JavaScript Library
Выбрано: 0 | English

controls/base.js

Using z.Controls you can set any look and feel for standard form controls.

  • able to change apearence of all controls including input[text], input[radio], input[checkbox], textarea, button, select.
  • supports hover, active, focused states.
  • small size - all images are bing loaded as small strip files.
dependencies: base.js, element.js, event.js, selector.js, document.js
Файлов: 1
file size
base.js 155 bytes

controls/textinput.js

The component TextInput is useful for customizing of look and feel of HTML controls such as input[text] and inout[password].

see other themes

dependencies: base.js, element.js, controls/base.js
Файлов: 2
file size
textinput.js 2.04 KBs
spacer.gif 43 bytes

controls/textinput/skyblue

<p><label for="ttextinput_skyblue1">Normal text:</label> <input
	id="ttextinput_skyblue1" type="text" class="textinput_skyblue_setup" size="10" />
<label for="ttextinput_skyblue2">Password:</label> <input
	id="ttextinput_skyblue2" type="password" class="textinput_skyblue_setup" size="10" />
<label for="ttextinput_skyblue3">Disabled:</label> <input
        id="ttextinput_skyblue3" type="text" disabled="disabled" class="textinput_skyblue_setup" size="10" />
</p>
dependencies: controls/textinput.js
Файлов: 4
file size
textinput.css 1.77 KBs
textinput.js 168 bytes
textinput.png 2.06 KBs
spacer.gif 43 bytes

controls/textarea.js

textarea.js предназначен для гибкого управления внешним видом стандартного элемента textarea.

see other themes

dependencies: base.js, element.js, controls/base.js
Файлов: 2
file size
textarea.js 2.83 KBs
spacer.gif 43 bytes

controls/textarea/skyblue

<form action="" method="post">
<div><label for="ttextarea_skyblue1">Text Area label</label></div>
<div><textarea rows="4" cols="20" id="ttextarea_skyblue1"
	class="textarea_skyblue_setup">some text goes here...</textarea></div>
<div><label for="ttextarea_skyblue2">Disabled Text Area</label></div>
<div><textarea rows="4" cols="20" id="ttextarea_skyblue2" disabled="disabled"
        class="textarea_skyblue_setup">some text goes here...</textarea></div>
</form>
dependencies: controls/textarea.js
Файлов: 5
file size
textarea.css 3.84 KBs
textarea.js 167 bytes
textarea.png 2.51 KBs
textarea_h.png 313 bytes
spacer.gif 43 bytes

controls/button.js

controls/button.js

see other themes

dependencies: base.js, element.js, controls/base.js
Файлов: 2
file size
spacer.gif 43 bytes
button.js 3.58 KBs

controls/button/skyblue


 
<form action="" method="get"><div>
<label>Button examples:</label><br />
<input
	type="submit" value="Submit" class="button_skyblue_setup" />
<input
	type="reset" value="Reset"  class="button_skyblue_setup" />
<input
	type="submit" class="button_skyblue_setup" disabled="disabled" value="Disabled" />    
&nbsp;
<button class="button_skyblue_setup"><img src="/images/ok_pic.png" alt=""
	style="vertical-align: middle" />&nbsp;Button</button>
</div></form>
dependencies: controls/button.js
Файлов: 5
file size
button.css 2.39 KBs
button.js 202 bytes
button.png 3.53 KBs
ok_pic.png 691 bytes
spacer.gif 43 bytes

controls/checkbox.js

controls/checkbox.js

see other themes

dependencies: base.js, element.js, controls/base.js
Файлов: 2
file size
spacer.gif 43 bytes
checkbox.js 4.88 KBs

controls/checkbox/skyblue

<form action="" method="get">
<div>
<input type="checkbox" name="test1" class="checkbox_skyblue_setup"
	checked="checked" id="checkbox_skyblue1" /><label style="vertical-align:middle"
	for="checkbox_skyblue1">Checkbox 1</label> <input type="checkbox"
	name="test2" class="checkbox_skyblue_setup" id="checkbox_skyblue2" /><label  style="vertical-align:middle"
	for="checkbox_skyblue2">Checkbox 2</label> <input type="checkbox"
	name="test3" class="checkbox_skyblue_setup" id="checkbox_skyblue3" /><label  style="vertical-align:middle"
	for="checkbox_skyblue3">Checkbox 3</label> <input type="checkbox"
	name="test4" disabled="disabled" class="checkbox_skyblue_setup" id="checkbox_skyblue4" /><label  style="vertical-align:middle"
	for="checkbox_skyblue4">Disabled</label></div></form>
dependencies: controls/checkbox.js
Файлов: 4
file size
checkbox.css 1.15 KBs
checkbox.js 163 bytes
checkbox.png 2.4 KBs
spacer.gif 43 bytes

controls/radiobutton.js

Graphic theme for z.controls.RadioButton

see other themes

dependencies: base.js, element.js, controls/base.js
Файлов: 2
file size
spacer.gif 43 bytes
radiobutton.js 6.41 KBs

controls/radiobutton/blue

<form><input type="radio" name="test" class="blue_radio"
	checked="checked" id="blue_radio1" /><label for="blue_radio1">radio
button 1</label> <input type="radio" name="test" class="blue_radio"
	id="blue_radio2" /><label for="blue_radio2">radio button 2</label>
<input type="radio" name="test" class="blue_radio"
	id="blue_radio3" /><label for="blue_radio3">radio button 3</label>
</form>

<script type="text/javascript">
z.document.ready(function(){
	z.document.select({'_t':['input'],'_c':['blue_radio']},null,z.controls.RadioButton,{"cl_prefix":"blue_radio_"});
});
</script>
dependencies: controls/base.js, controls/radiobutton.js
Файлов: 2
file size
blue.css 823 bytes
radio.gif 1.57 KBs

controls/dropdown.js

controls/dropdown.js

z.controls.Select

other themes

dependencies: base.js, element.js, delayer.js, effects.js, controls/base.js, controls/scrollbar.js
Файлов: 2
file size
dropdown.js 8.89 KBs
spacer.gif 43 bytes

controls/dropdown/skyblue

<form method="post" action="">
<div>
<label for="dropdown_skyblue1">Dropdown list:</label>
<select class="dropdown_skyblue_setup" id="dropdown_skyblue1">
	<option value="test1">test1 test</option>
	<option value="test2">test2 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
</select>
<label for="dropdown_skyblue2">Disabled:</label>
<select class="dropdown_skyblue_setup" id="dropdown_skyblue2" disabled="disabled">
        <option value="test1">test1 test</option>
        <option value="test2">test2 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
        <option value="test3">test3 test</option>
</select>

</div>
</form>
dependencies: controls/scrollbar/default, controls/dropdown.js
Файлов: 4
file size
dropdown.css 2.49 KBs
dropdown.js 200 bytes
dropdown.png 4.42 KBs
spacer.gif 43 bytes

controls/multiselect.js

controls/multiselect.js

dependencies: base.js, element.js, delayer.js, html/base.js
Файлов: 2
file size
multiselect.js 4.96 KBs
spacer.gif 43 bytes

controls/multiselect/default

Graphic theme for z.controls.MultiSelect

<label for="basic_multiselect">Multiple select list:</label>
<select size="5" id="basic_multiselect" class="basic_multiselect">
	<option value="test1">test1 test1</option>
	<option value="test2">test2 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
	<option value="test3">test3 test</option>
</select>

<script type="text/javascript">
z.document.ready(function(){
	z.document.select({'_t':['select'],'_c':['basic_multiselect']},null,z.controls.MultiSelect,{});
});
</script>
dependencies: controls/base.js, controls/multiselect.js
Файлов: 1
file size
default.css 2.39 KBs

controls/fileinput.js

all themes

controls/fileinput.js

dependencies: base.js, element.js, controls/textinput.js, controls/button.js
Файлов: 1
file size
fileinput.js 2.16 KBs

controls/fileinput/skyblue

Graphic theme z.controls.InputFile

see other themes

<p><label for="fskyblue_fileinput">Select file</label> <input type="file"
	id="fskyblue_fileinput" class="skyblue_fileinput_setup" /></p>

<script type="text/javascript">
z.document.ready(function(){
	z.document.select({'_t':['input'],'_c':['skyblue_fileinput_setup']},null,z.controls.FileInput,{"cl_button":"button_skyblue","cl_textinput":"textinput_skyblue","cl_prefix":"skyblue_fileinput_"});
});
</script>
dependencies: controls/base.js, controls/fileinput.js, controls/button/skyblue, controls/textinput/skyblue
Файлов: 1
file size
skyblue.css 319 bytes