franfj/cordovaBateria.html

## cordovaBateria.html
<!DOCTYPE HTML>
<html>
  <head>
  <meta name="viewport" content="width=320; user-scalable=no" />
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <title>Ejemplo API Batería</title>

  <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
  <script type="text/javascript" charset="utf-8">
    var statusdiv;

    var estadoHTML = function(info){
      var s = "<p><b>Estado de la batería</b><br/>";
      s += "Nivel: "+info.level + "<br/>";
      s += "¿Cargando?: "+info.isPlugged;
      s += "</p>";

      statusdiv.innerHTML = s;
    };

    var estadoBat = function(info) {
      estadoHTML(info);
    };

    var onDeviceReady = function() {
      //Listener para el estado de la batería
      window.addEventListener("batterystatus", estadoBat, false);
    };

    function init() {
    document.addEventListener("deviceready", onDeviceReady, true);
    statusdiv = document.getElementById("status");
    }
  </script>
  </head>

  <body onload="init();">
    <div id="status"></div>
  </body>

</html>
	<!DOCTYPE HTML>
	<html>
	<head>
	<meta name="viewport" content="width=320; user-scalable=no" />
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>Ejemplo API Batería</title>

	<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
	<script type="text/javascript" charset="utf-8">
	var statusdiv;

	var estadoHTML = function(info){
	var s = "<p><b>Estado de la batería</b><br/>";
	s += "Nivel: "+info.level + "<br/>";
	s += "¿Cargando?: "+info.isPlugged;
	s += "</p>";

	statusdiv.innerHTML = s;
	};

	var estadoBat = function(info) {
	estadoHTML(info);
	};

	var onDeviceReady = function() {
	//Listener para el estado de la batería
	window.addEventListener("batterystatus", estadoBat, false);
	};

	function init() {
	document.addEventListener("deviceready", onDeviceReady, true);
	statusdiv = document.getElementById("status");
	}
	</script>
	</head>

	<body onload="init();">
	<div id="status"></div>
	</body>

	</html>