1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Ayuda Popups en jquery o javascript

Tema en 'Jquery' comenzado por Pedro123445, 22 de Abril de 2017.

  1. Pedro123445

    Pedro123445 Miembro

    Se incorporó:
    18 de Abril de 2017
    Mensajes:
    35
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    Muy buenas tardes comunidad quiero poder validar que un función se ejecute con pop o ventana modal de jquery mobile pero no se como, en otras palabras que al momento de dar click en un botón en un formulario aparezca un mensaje preguntado si o no o algo así por el estilo, espero puedan recomendarme un tutorial o una ayuda pues la función que quiere ejecutar es para guardar datos de un formulario.


    PHP:
    <?php
    $nick = $_GET['nick'];
    $contra = $_GET['contra'];
    $contra2 = $_GET['contra2'];
    $correo = $_GET['correo'];
    if (empty($nick) or empty($contra) or empty($correo) or empty($contra2)){
        echo "2";//decimos faltan campos
        }else{
            if($contra == $contra2){
            $conn= mysqli_connect("localhost","root","","pastel") or die ("fallo la conexion");//3 = no hay servicio
            $consulta = "insert into user_cliente values ('#','$nick','$contra','$correo')";
            $one = mysqli_query($conn,$consulta) or die("fallo la consulta");//los datos no fueron enviados
            if (!$one){
                echo "0";
                }else{echo "1";}//1 - Datos guardados correctamente
            }else{
                echo"5";// las contraseñas no coinciden
                }
            }

    ?>
    con este código no tengo problemas, ni con el siguiente

    Código (Javascript):
    function launcher_entrada_user(){
        var preguntame = confirm('¿Desea enviar esta informacion?');
        if(preguntame == true){
         ftnguardusuario();
     
        }else{alert('Accion cancelada');}
        }

    function ftnguardusuario(){
    XMLHttp= crearInstancia();

    if(XMLHttp)
    {
        nick=document.form.nick.value;
        contra=document.form.contra.value;
        contra2=document.form.contra2.value;
        correo=document.form.correo.value;

        url="user_agregar.php?nick="+ nick + "&contra=" + contra + "&correo=" + correo + "&contra2=" + contra2 ;
        XMLHttp.open("POST", url, true);
        XMLHttp.onreadystatechange=cambiaEstado;
        XMLHttp.send(null);
        }else{alert('Acción cancelada');}

    }
    solo quiero implementar los modales o popups por que como se puede apreciar son alerts

    HTML:
    <form method="get" name="form">
                <br />
                <label>Usuario</label>
                <input type="text" placeholder="Ingrese un alias..." required="required" name="nick" id="nick" />
                <br />
                <label>Contraseña</label>
                <input type="text" placeholder="contraseña..." required="required" name="contra" id="contra" />
                <br />
                <label>Repetir contraseña</label>
                <input type="text" placeholder="Repita la contraseña anterior.." required="required" name="contra2" id="contra2" />
                <br />
                <label>Correo electronico</label>
                <input type="text" placeholder="Correo electronico..." required="required" name="correo" id="correo" />
                <br />
    <input type="button" data-theme="b" class="ui-btn-inline" data-icon="check" data-iconshadow="true" id="btnsave" name="btnsave" value="Guardar" value="Guardar" onclick="launcher_entrada_user();" />

             <button data-theme="b" class="ui-btn-inline" data-icon="delete" data-iconshadow="true" type="button" id="btncancel" name="btncancel" onclick=" reseteo_entrada_registro();">Cancelar</button>
                </form>
             
           <!-----------------------------pop confirmacion-------------------------------------->
             <div data-role="popup" id="popconfirmarlo" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:250px;">
            <div data-role="header" data-theme="a">
            <h1>Aviso</h1>
            </div>
            <div role="main">
            <center>
            <h3>¿Desea guardar esta informacion?</h3>
           <a href="ftnguardusuario();" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-b" data-transition="slidedown" style="width:150px;">Aceptar</a>
               <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-b" data-rel="back" style="width:150px;">Cancelar</a>
            </center>
            </div>
            </div>
    Espero puedan ayudarme y muchas gracias por su atención se les agradece mucho
     
  2. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.462
    Me gusta recibidos:
    673
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    A Pedro123445 y Dawud les gusta esto.
  3. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.462
    Me gusta recibidos:
    673
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
  4. Pedro123445

    Pedro123445 Miembro

    Se incorporó:
    18 de Abril de 2017
    Mensajes:
    35
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    Hola muchas gracias por responder pero me servira con jquery mobile?
     
  5. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    659
    Me gusta recibidos:
    502
    Puntos de trofeos:
    93
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    Noo_Oo_O lo he usado en mis proyecto pero es una buena librería muy para implementar alerts como te mostró el compañero... Intentalo solo vas a escribir unas simples líneas de code.... Sino puedes crear tus propios alerts
     
    A AngelKrak le gusta esto.
  6. Pedro123445

    Pedro123445 Miembro

    Se incorporó:
    18 de Abril de 2017
    Mensajes:
    35
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    De hecho se crear los modales en jquery en el codigo de arriba
    hay modales pero no se como usarlos en javascript bueno al igual los alerts comunes lo se usar pero mi pregunta si me servira en jquery mobile ya que la app que hago la empaquetare en phonegad y asi
     
  7. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.462
    Me gusta recibidos:
    673
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    hasta donde yo se, no tendria por que haber conflicto ya que Jquery Mobile es otra libreria mas, solo enlazas la Libreria de Alertify al igual que la de Jquery Mobile y deberia de funcionarte ;) si no cualquier problema puedes publicarlo ntp ;)
     
    A Dawud le gusta esto.
  8. Pedro123445

    Pedro123445 Miembro

    Se incorporó:
    18 de Abril de 2017
    Mensajes:
    35
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    Es que me da miedo por el empaquetado en phonegad
     
  9. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.462
    Me gusta recibidos:
    673
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    has un backup, siempre recuerda que existen para eso ;)
    has tu pagina sin Alertify y la guardas, despues has una carpeta igual con tu pagina que creaste y metele Alertify y compruebas ;)
     
    A Dawud le gusta esto.
  10. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    659
    Me gusta recibidos:
    502
    Puntos de trofeos:
    93
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    No debes de temer, no es el fin del mundo, has una copia de tu archivo como menciona @AngelKrak y aplica de las dos forma... además los dos son librerías no hay de que temer....
     
  11. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.462
    Me gusta recibidos:
    673
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:
    A Pedro123445 y Dawud les gusta esto.
  12. Dawud

    Dawud Miembro conocido

    Se incorporó:
    4 de Abril de 2016
    Mensajes:
    659
    Me gusta recibidos:
    502
    Puntos de trofeos:
    93
    Género:
    Hombre
    Ocupación:
    Estudiante
    Localización:
    Villahermosa, Tabasco
    OOOOOh.... :eek::eek::eek: pero ooohhh:eek::eek::eek: .... funciona, solución exitosa creo para el compañero ....
     
  13. Pedro123445

    Pedro123445 Miembro

    Se incorporó:
    18 de Abril de 2017
    Mensajes:
    35
    Me gusta recibidos:
    3
    Puntos de trofeos:
    8
    Género:
    Hombre
    Muchas gracias por su apoyo lo estare implementando
     

Comparte esta página