<!DOCTYPE html>
<html>
<head>
<title>JQuery Mobile</title>
<!-- Librerías necesarias para JQM-->
<link href="jquery.mobile-1.0rc2.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.6.4.min.js"></script>
<script src="jquery.mobile-1.0rc2.min.js"></script>
<link href="calendario_dw-estilos.css" type="text/css" rel="STYLESHEET">
<script type="text/javascript" src="calendario.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".campofecha").calendarioDW();
})
</script>
<!-- Fin librerías necesarias -->
</head>
<body>
<div data-role="page" id="principal">
<div data-role="header">
<h1>JQuery Mobile</h1>
</div>
<div data-role="content">
<p>Contenido</p>
<p>Ir a la <a href="#seccion2">segunda página</a></p>
<p>Ir a la <a href="#seccion3">tercer página</a></p>
</div>
<div data-role="footer">
<h4>El pié</h4>
</div>
</div>
<div data-role="page" id="seccion2">
<div data-role="header">
<h1>Segunda Página</h1>
</div>
<div data-role="content">
<form action="analizar.php" method="post" name="form1">
<div id="login" data-role="fieldcontain">
<label id="usuario1" for="usuario">usuario</label>
<select name="usuario" id="usuario" tabindex="1">
<?
include('conexion.php');
conectar();
$sql="select usuario from usuarios where TRUE";
$conex= pg_query($sql);
while($reg=pg_fetch_object($conex)){
?>
<option value="<?= $reg->usuario ?>"><? echo $reg->usuario; ?></option>
<? }
desconectar();?>
</select>
</div>
<div id="login" data-role="fieldcontain">
<label for="password">password</label>
<input id="password" name="password" type="password" />
</div>
<div id="login" data-role="fieldcontain">
<label for="Enviar"></label>
<input id="enviar" name="enviar" type="submit" value="enviar"/>
</div>
</form>
<script>
</script>
</div>
<div data-role="footer">
<h4>El pie</h4>
</div>
</div>
<div data-role="page" id="seccion3">
<div data-role="header">
<h1>Tutorial JQuery Mobile: Tercera Página</h1>
</div>
<div data-role="content">
<div class="demo">
<p>
<label for="fecha">Fecha: </label>
<input type="text" name="fecha" class="campofecha" size="12">
</p>
</div><!-- Fin demo -->
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Fecha</legend>
<label for="select-choice-month" class="select">Mes</label>
<select name="select-choice-month" id="select-choice-month">
<option>Mes</option>
<option value="1">Enero</option>
<option value="2">Febrero</option>
<option value="3">Marzo</option>
<option value="4">Abril</option>
<option value="5">Mayo</option>
<option value="6">Junio</option>
<option value="7">Julio</option>
<option value="8">Agosto</option>
<option value="9">Septiembre</option>
<option value="10">Octubre</option>
<option value="11">Noviembre</option>
<option value="12">Diciembre</option>
<!-- etc. -->
</select>
<label for="select-choice-day">Dia</label>
<select name="select-choice-day" id="select-choice-day">
<option>Day</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<label for="select-choice-year">Año</label>
<select name="select-choice-year" id="select-choice-year">
<option>Year</option>
<option value="2011">2011</option>
</select>
</fieldset>
</div>
</div><!--- End Content --->
<div data-role="footer">
<h4>El pie</h4>
</div>
</div>
</body>
</html>