Foros del Web - Ver Mensaje Individual

Sirrohan · #3 (**permalink**) 03/11/2011, 12:47

Bueno, me auto-respondo ^^

Después de revisar y tratar de traducir el inglés encontré esto en la documentación

Cita:

Note: Calling jqmData() with no argument will return undefined. This behavior is subject to change in future versions.

Así quedó la página index.php

Código HTML:

Ver original<!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>
   
   <script type="text/javascript" language="javascript">
        function nuevoAjax()
        { 
        /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
        lo que se puede copiar tal como esta aqui */
        var xmlhttp=false;
        try
        {
            // Creacion del objeto AJAX para navegadores no IE
            xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e)
        {
            try
            {
                // Creacion del objet AJAX para IE
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(E)
            {
                if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
            }
        }
        return xmlhttp; 
    }
    </script>    
    <!-- Fin librerías necesarias -->
</head>
<body> 
    <div data-role="page" id="principal" data-theme="c" data-content-theme="e">
 
        <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" data-theme="b" data-content-theme="b" >
        <div data-role="header">
            <h1>Segunda Página</h1>
        </div>
        <a href="index.php" data-role="button" data-theme="b" data-icon="home" data-inline="true">Inicio</a>            
 
        <div data-role="content">
            <form action="analizar.php" name="form1" id="form1" target="_new">
                <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" onSubmit="javascript:enviar();"/>  
                </div>  
            </form>
            <script>
            function enviar()
            {
                $.ajax({
                type: "GET",
                 url: "index.php#seccion2",
                data: ("#form1").serialize()    
                });         
            }
            </script>
        </div>
 
        <div data-role="footer">
            <h4>Control de Calidad</h4>
        </div>
        <div data-role="collapsible" data-theme="a" data-content-theme="a">
        <h3>Datos</h3>
        <p>
            <?
            if ((!empty($_GET['usuario'])) &&(!empty($_GET['password'])))
            {
                echo "<div data-role='fieldcontain'>";
                echo "<div id='pass' data-role='fieldcontain'>  
                    <label for='password'>$password</label>  
                    <input id='password' name='password' type='password' />  
                </div>  
";
                echo "</div>";
            }
            ?>
        </p>
        </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>

Y así quedó la página analizar.php

Código HTML:

Ver original<?
//session_start();
$user2=$_GET['usuario'];
$pass2=$_GET['password'];
 
echo $user2."2 ".$pass2."2 ";
include('conexion.php');
conectar();
 
$sql="select * from usuarios where usuario = '$user2' and password = '$pass2'";
$conex=pg_query($sql);
desconectar();
 
?>
<!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>
   
<body> 
    <div data-role="page" id="principal">
 
        <div data-role="header">
            <h1>JQuery Mobile</h1>
        </div>
 
        <div data-role="content">
        <a href="index.php" data-role="button" data-theme="a" data-icon="home" data-inline="true">Inicio</a>            
        <a href="index.php#seccion2" data-role="button" data-theme="b" data-icon="home" data-inline="true" onClick="$.jqmRemovedata;">P&aacute;gina 2</a>           
        <a href="index.php#seccion3" data-role="button" data-theme="c" data-icon="home" data-inline="true" onClick="$.jqmRemovedata;">P&aacute;gina 3</a>           
            
            <p>Datos</p>
            <table>
                <tr>
                    <td><p>Nombre</p></td>
                    <td><p>Usuario</p></td>
                </tr>
                <div class="ui-grid-b">
          <tr><?
                if(pg_num_rows($conex))
                {
                    while($registro=pg_fetch_object($conex))
                    {
                        ?>
                        <div class="ui-block-a"><td><? echo $registro->usuario;?></td></div>
                        <div class="ui-block-a"><td><? echo $registro->password; ?> </td></div>
                        <?
                    }
                }
                ?>
                </tr>
                </div>
            </table>
            <p>Ir a la <a href="index.php">indice</a></p>
        </div>
 
        <div data-role="footer">
            <h4>Pi&eacute; de P&aacute;gina</h4>
        </div>
        
    </div>
</body>