Author Topic: Consulta de ventana dialogo con jquery  (Read 1837 times)

satjaen

  • Jr. Member
  • **
  • Posts: 99
  • Karma: 0
    • View Profile
Consulta de ventana dialogo con jquery
« on: Noviembre 15, 2013, 06:02:32 am »
Hola tengo este código en el que llamo a una ventana dialogo y al pulsar en aceptar me lleva a otra página. Y es eso lo que no me funciona.

Al pulsar el botón aceptar me debería de llevar a:

Quote
window.location ="facturaciondetalles.php?id_aviso="+id_aviso.value;


Este es mi código

Quote
<script language="javascript">

function pulsar(){
   
   var id_aviso = document.forms['form1'].elements['id_aviso'];
   
   var temp = {
               state0: {
                  title: '¡Alerta!',
                  html:'<p>¿Desea abandonar la pantalla?</p>',
                  buttons: { Cancelar: 0, Aceptar: 1 },
                  focus: 2,
                  submit:function(v){
                     if(v==0)
                        $.prompt.close()
                     else if(v==1)   
                      window.location ="facturaciondetalles.php?id_aviso="+id_aviso.value;
                     }
               }
            }
            
            $.prompt(temp,{
               close: function(e,v,m,f){
                  var str = "";
                  $.each(f,function(i,obj){
                     str += i + " - <em>" + obj + "</em><br />";
                  });   
            
                  $('#results').html(str);
               },
               classes: {
                  box: '',
                  fade: '',
                  prompt: '',
                  close: '',
                  title: 'lead',
                  message: 'pure-form',
                  buttons: '',
                  button: 'pure-button',
                  defaultButton: 'pure-button-primary'
               }
            });
 
}
</script>


Y lo llamo con:

Quote
<li><a href="#" onclick="pulsar()" data-icon="plus" data-theme="a"  >Finalizar</a></li>

EDITO: YA PARECE QUE FUNCIONA ME FALTABA  return true;


Gracias y un saludo
« Last Edit: Noviembre 15, 2013, 06:31:32 am by satjaen »

satjaen

  • Jr. Member
  • **
  • Posts: 99
  • Karma: 0
    • View Profile
Re: Consulta de ventana dialogo con jquery
« Reply #1 on: Noviembre 15, 2013, 06:39:12 am »
Perdón porque parece que no funciona del todo bien. Al pulsar cancelar tambien me lleva a la página.

Quote
<script language="javascript">

function pulsar(){
   
   var id_aviso = document.forms['form1'].elements['id_aviso'];
   
   var temp = {
      
               state0: {
                  title: '¡Alerta!',
                  html:'<p>¿Desea abandonar la pantalla?</p>',
                  buttons: { Cancelar: 0, Aceptar: 1 },
                  focus: 2,
                  submit:function(v){
                     if(v==0)
                      $.prompt.close()
                     else if(v==1)   
                     return true;
                     window.location ="facturaciondetalles.php?id_aviso="+id_aviso.value;
                     }
                     
                     
               }
               
               
            }
            
            
            
            $.prompt(temp,{
               close: function(e,v,m,f){
                  var str = "";
                  $.each(f,function(i,obj){
                     str += i + " - <em>" + obj + "</em><br />";
                  });   
            
                  $('#results').html(str);
               },
               classes: {
                  box: '',
                  fade: '',
                  prompt: '',
                  close: '',
                  title: 'lead',
                  message: 'pure-form',
                  buttons: '',
                  button: 'pure-button',
                  defaultButton: 'pure-button-primary'
               }
            });
 
 
}
</script>

chuidiang

  • Administrator
  • Hero Member
  • *****
  • Posts: 5406
  • Karma: 11
    • View Profile
    • Apuntes de programación
Re: Consulta de ventana dialogo con jquery
« Reply #2 on: Noviembre 15, 2013, 03:04:38 pm »
Para que no te lleve, debes devolver return false, así que debes distinguir entre el botón cancelar y el ok.

Se bueno.

satjaen

  • Jr. Member
  • **
  • Posts: 99
  • Karma: 0
    • View Profile
Re: Consulta de ventana dialogo con jquery
« Reply #3 on: Noviembre 15, 2013, 03:19:53 pm »
Gracias, pero lo he puesto y tampoco funciona:

Quote
state0: {
                  title: '¡Atención!',
                  html:'<p>¿Desea abandonar la pantalla?</p>',
                  buttons: { Cancelar: 0, Aceptar: 1 },
                  focus: 2,
                  submit:function(v){
                     if(v==0)
                      return false;
                     else if(v==1)   
                     return true;
                     window.location ="facturaciondetalles.php?id_aviso="+id_aviso.value;
                     }
                     

satjaen

  • Jr. Member
  • **
  • Posts: 99
  • Karma: 0
    • View Profile
Re: Consulta de ventana dialogo con jquery
« Reply #4 on: Noviembre 16, 2013, 12:42:48 am »
Gracias, pero lo he puesto y tampoco funciona:

Quote
state0: {
                  title: '¡Atención!',
                  html:'<p>¿Desea abandonar la pantalla?</p>',
                  buttons: { Cancelar: 0, Aceptar: 1 },
                  focus: 2,
                  submit:function(v){
                     if(v==0)
                      return false;
                     else if(v==1)   
                     return true;
                     window.location ="facturaciondetalles.php?id_aviso="+id_aviso.value;
                     }
                     


EDITO: Ya funciona  ;D

Quote
state0: {
                  title: '¡Atención!',
                  html:'<p>¿Desea abandonar la pantalla?</p>',
                  buttons: { Cancelar: 0, Aceptar: 1 },
                  focus: 2,
                  submit:function(e,v,m,f){
                     if(v==0)
                     $.prompt.close()
                     else if(v==1)
                     window.location ="facturaciondetalles.php?id_aviso="+id_aviso.value;    
                     return false;
                     
                     
                  }      

finchrevoke424

  • Newbie
  • *
  • Posts: 1
  • Karma: 0
    • View Profile
Re: Consulta de ventana dialogo con jquery
« Reply #5 on: Octubre 04, 2016, 04:14:44 pm »
Gracias, pero lo he puesto y tampoco funciona:

Quote
state0: {
                  


EDITO: Ya funciona  ;D

Quote
state0: {
                  title: '¡Atención!',
                  html:'<p>¿Desea abandonar la pantalla?</p>',
                  buttons: { Cancelar: 0, Aceptar: 1 },
                  focus: 2,
                  submit:function(e,v,m,f){
                     if(v==0)
                     $.prompt.close()
                     else if(v==1)
                     window.location ="facturaciondetalles.php?id_aviso="+id_aviso.value;    
                     return false;
                     
                     
                  }      

Ahora trabajando. Gracias

 

ey