snapshot
/
GuaranaUI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!DOCTYPE html>

<html>
<head>
	<link rel="stylesheet" href="../../../themes/themeroller/default-theme/ui.all.css" type="text/css" media="screen">

	<link rel="stylesheet" href="../../../themes/nokia/ext-theme/default/360x640/custom.css" type="text/css" media="screen" />

	<script src="../../../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>

	<script src="../../../src/defaults.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../src/core.js" type="text/javascript" charset="utf-8"></script>
	
	<style type="text/css" media="screen">
		body {
			font-size: 14px;
			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
			padding: 10px;
		}
	</style>
	
</head>

<body>
	
	<div id="optiongroup"></div>
	
	<input type="checkbox" name="check1" value="" id="check1" />
	<input type="checkbox" name="check2" value="" id="check2" />
	
	<script type="text/javascript" charset="utf-8">
	
		if (window.widget) {
			widget.setNavigationEnabled(false);
		}
	
		var init = function() {
				
			var check1 = new Nokia.CheckBox({
				element: '#check1',
				label: 'testing checkbox 1',
				wrapper: 'div',
				create: function() {
					console.log('Checkbox: Create');
				},
				check: function(event) {
					console.log('Checkbox: Check', this, event);
				},
				uncheck: function(event) {
					console.log('Checkbox: Uncheck', this, event);
				},
				push: function(event) {
					console.log('Checkbox: Push', this, event);
				},
				toggle: function(event) {
					console.log('Checkbox: Toggle', this, event);
				}
			});
	
			var check2 = new Nokia.CheckBox({
				element: '#check2',
				checked: true,
				label: 'testing checkbox 2',
				wrapper: 'div',
				create: function() {
					console.log('Checkbox: Create');
				},
				check: function(event) {
					console.log('Checkbox: Check', this, event);
				},
				uncheck: function(event) {
					console.log('Checkbox: Uncheck', this, event);
				},
				push: function(event) {
					console.log('Checkbox: Push', this, event);
				},
				toggle: function(event) {
					console.log('Checkbox: Toggle', this, event);
				}
			});
	
			var optionGroup = new Nokia.OptionGroup({
				element: '#optiongroup',
				title: 'Option Group 1'
			});
	
			optionGroup.addItem(check1);
			optionGroup.addItem(check2);
	
			setTimeout(function() {
	
				console.log(optionGroup.getSelectedItems());
	
			}, 3000);
			
			/*
			 * Hide splash when its all done.
			*/
			
			Nokia.hideSplash();
							
		};
		
		/*
		 * Show splash while loading components.
		*/
			
		Nokia.showSplash('<span>loading</span>');
		
		Nokia.use('optiongroup', 'checkbox', init);
	
	</script>

</body>
</html>