eulalie: client/player/css/jq-css/demos/button/toolbar.html@3a3c15c462f8 (annotated)

51 2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	1	<!DOCTYPE html>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	2	<html lang="en">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	3	<head>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	4	<meta charset="UTF-8" />
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	5	<title>jQuery UI Button - Toolbar demo</title>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	6	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	7	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	8	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	9	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	10	<script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	11	<link type="text/css" href="../demos.css" rel="stylesheet" />
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	12	<style type="text/css">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	13	#toolbar {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	14	padding: 10px 4px;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	15	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	16	</style>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	17	<script type="text/javascript">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	18	$(function() {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	19	$('#beginning').button({
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	20	text: false,
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	21	icons: {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	22	primary: 'ui-icon-seek-start'
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	23	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	24	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	25	$('#rewind').button({
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	26	text: false,
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	27	icons: {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	28	primary: 'ui-icon-seek-prev'
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	29	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	30	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	31	$('#play').button({
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	32	text: false,
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	33	icons: {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	34	primary: 'ui-icon-play'
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	35	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	36	})
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	37	.click(function() {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	38	var options;
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	39	if ($(this).text() == 'play') {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	40	options = {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	41	label: 'pause',
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	42	icons: {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	43	primary: 'ui-icon-pause'
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	44	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	45	};
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	46	} else {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	47	options = {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	48	label: 'play',
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	49	icons: {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	50	primary: 'ui-icon-play'
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	51	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	52	};
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	53	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	54	$(this).button('option', options);
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	55	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	56	$('#stop').button({
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	57	text: false,
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	58	icons: {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	59	primary: 'ui-icon-stop'
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	60	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	61	})
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	62	.click(function() {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	63	$('#play').button('option', {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	64	label: 'play',
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	65	icons: {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	66	primary: 'ui-icon-play'
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	67	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	68	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	69	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	70	$('#forward').button({
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	71	text: false,
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	72	icons: {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	73	primary: 'ui-icon-seek-next'
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	74	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	75	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	76	$('#end').button({
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	77	text: false,
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	78	icons: {
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	79	primary: 'ui-icon-seek-end'
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	80	}
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	81	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	82	$("#shuffle").button();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	83	$("#repeat").buttonset();
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	84	});
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	85	</script>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	86	</head>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	87	<body>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	88
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	89	<div class="demo">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	90
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	91	<span id="toolbar" class="ui-widget-header ui-corner-all">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	92	<button id="beginning">go to beginning</button>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	93	<button id="rewind">rewind</button>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	94	<button id="play">play</button>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	95	<button id="stop">stop</button>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	96	<button id="forward">fast forward</button>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	97	<button id="end">go to end</button>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	98
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	99	<input type="checkbox" id="shuffle" /><label for="shuffle">Shuffle</label>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	100
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	101	<span id="repeat">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	102	<input type="radio" id="repeat0" name="repeat" checked="checked" /><label for="repeat0">No Repeat</label>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	103	<input type="radio" id="repeat1" name="repeat" /><label for="repeat1">Once</label>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	104	<input type="radio" id="repeatall" name="repeat" /><label for="repeatall">All</label>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	105	</span>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	106	</span>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	107
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	108	</div><!-- End demo -->
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	109
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	110
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	111
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	112	<div class="demo-description">
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	113
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	114	<p>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	115	A mediaplayer toolbar. Take a look at the underlying markup: A few button elements,
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	116	an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options.
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	117	</p>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	118
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	119	</div><!-- End demo-description -->
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	120
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	121
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	122
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	123	</body>
2d6866072851 fichiers oublier dans le dernier commit samuel huron <admin@cybunk.com> parents: diff changeset	124	</html>

author	ymh <ymh.work@gmail.com>
	Mon, 12 Jul 2010 12:01:22 +0200
changeset 57	3a3c15c462f8
parent 1	436d4791d7ac
parent 51	2d6866072851
permissions	-rw-r--r--