Slider.setValue - スライド値を設定

スポンサードリンク

この機能を実行するにはscriptaculousが必要です

構文

SliderObject.setValue(value)

引数: value=設定する値


1	<html>
2
3	<head>
4	<title>Slider.setValue - スライド値を設定</title>
5	</head>
6
7
8	<!--スライド値を設定のサンプル-->
9	<script type="text/javascript" src="/js/prototype.js"></script>
10	<script type="text/javascript" src="/js/scriptaculous.js"></script>
11	<script type="text/javascript">
12	<!--
13	var slider;
14	window.onload = function() {
15	slider = new Control.Slider("pointer", "sliderDiv", {
16	sliderValue : 0.5, // 初期値
17	maximum: 100, // 最大値
18	minimum: 0, // 最小値
19	range: $R(1, 100, true),
20	onChange:function(value){ // 変更された際に呼ばれるメソッド
21	$("sliderValue").innerHTML = "Value："+value;
22	},
23	onSlide:function(value){ // スライドされた際に呼ばれるメソッド
24	$("sliderValue").innerHTML = "Value："+value;
25	}
26	});
27	}
28
29	function execute() {
30	slider.setValue(50);
31	}
32	//-->
33	</script>
34	<body>
35
36	<div id="sliderDiv" style="background-color:#e0e0e0;width:200px;height:10px;">
37	<div id="pointer" style="background-color:#c0c0c0;width:10px;height:10px;"></div>
38	</div>
39	<div id="sliderValue"></div>
40
41	<button onclick="execute()" id="btn">値を設定</button>
42	</body>
43
44	</html>
	ポップアップ \| 印刷 \| ←ポップアップでソースコードを開き、簡単にコピーできます \| ?

スポンサードリンク

新しいウィンドウで実行 | スクリプトを編集＆実行 - スクリプトをWEB上で編集＆動作確認することが出来ます。