Scribd
Upload
88 views

Index

Uploaded by

E Ben Hernandez Chavez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
88 views

Index

Uploaded by

E Ben Hernandez Chavez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Switches</title>
<meta name="description" content="Activates/Deactivates a given item. It's als
o used to select an element within a list">
<link rel="stylesheet" href="style/switches.css">
<link rel="stylesheet" href="style/seekbars.css">
<script src="./gaia_build_defer_index.js" defer="" type=""></script>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
font-size: 10px;
background-color: #fff;
}
body {
background: none;
}
h2.bb-docs, .bb-docs {
font-size: 1.8rem;
font-weight: 300;
color: #666;
margin: -1px 0 0;
background-color: #f5f5f5;
padding: 0.4rem 0.4rem 0.4rem 3rem;
border: solid 1px #e8e8e8;
}
label {
margin-left: 2rem;
}
body[role="application"] section {
background: #fff;
padding: 2rem;
}
body[role="application"] section button {
left: 80%;
}
body[role="application"] section label.icon {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAA
A8CAYAAABxVAqfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOm
NvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek
5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2
JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj
4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YX
gtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYW
RvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL2
1tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZV
JlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU
06SW5zdGFuY2VJRD0ieG1wLmlpZDozMzNEQkM1MTc5QkQxMUUyQTUzNzk3RkFBNjU0RDgwQSIgeG1wTU
06RG9jdW1lbnRJRD0ieG1wLmRpZDozMzNEQkM1Mjc5QkQxMUUyQTUzNzk3RkFBNjU0RDgwQSI+IDx4bX
BNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzM0RCQzRGNzlCRDExRTJBNT
M3OTdGQUE2NTREODBBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzM0RCQzUwNzlCRDExRTJBNT
M3OTdGQUE2NTREODBBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPi
A8P3hwYWNrZXQgZW5kPSJyIj8+KDVsXAAACoxJREFUeNrEmHlU1NcVx2dlmYXZ2aVsiiyKQgXEKIqoyW
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);
}
body[role="application"] section label.icon:last-of-type {
background-position: right -3rem;
}
</style>
</head>
<body role="application">
<h2 class="bb-docs">Radio FM</h2>
<label class="bb-docs">On</label>
<label class="pack-switch">
<input type="checkbox" id="power" onclick="encender()">
<span></span>
</label>
<label class="bb-docs">Altavoz</label>
<label class="pack-checkbox">
<input type="checkbox">
<span></span>
</label>
<form onsubmit="return false" oninput="nu.value = fre.valueAsNumber">
<h2 class="bb-docs">Frecuencia <output name="nu" for="rango">88</output> MHZ</
h2>
<section>
<input type="range" name="fre" onchange="frenquency()" value="91.5" max="108
" min="88" id="rango" step="0.1">
</form>
<input type="button" value="checar estado" onclick="encender()">
</section>
<script>
if (navigator.mozFMRadio) {
navigator.mozFMRadio.FMRadio.enable()
} else {
alert ("radio fm no disponible")
}
</script>
</body>
</html>

You might also like