Foros del Web » Programando para Internet » Jquery »

Problema con modal

Estas en el tema de Problema con modal en el foro de Jquery en Foros del Web. Bueno que tal a todos por acá tengo un problema el cual esta función me carga una ventana modal con un click pero como puedo ...
  #1 (permalink)  
Antiguo 23/03/2013, 21:32
 
Fecha de Ingreso: noviembre-2011
Ubicación: Paris
Mensajes: 450
Antigüedad: 12 años, 5 meses
Puntos: 7
Problema con modal

Bueno que tal a todos por acá tengo un problema el cual esta función me carga una ventana modal con un click pero como puedo hacer para que cargue solo sin dar click ni nada, soy noob en esto y pido su apoyo de favor.


Código PHP:
/* Modal */
  
$("modal").addEvent("click", function(e){
    
e.stop();
    var 
SM = new SimpleModal({"btn_ok":"Confirm button"});
        
// Aggiunge Bottone Conferma
        
SM.addButton("Confirm""btn primary", function(){
            
alert("Action confirm modal");
            
this.hide();
        });
        
// Aggiunge Bottone annulla
        
SM.addButton("Cancel""btn");
        
SM.show({
          
"model":"modal",
          
"title":"Modal Window Title",
          
"contents":"<p ><img style='text-align:center' src='assets/images/simpleModalSmallWhite.png' />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>"
        
});
  }) 
  #2 (permalink)  
Antiguo 23/03/2013, 21:40
Avatar de chwc  
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 15 años, 9 meses
Puntos: 103
Respuesta: Problema con modal

mira, podrias ejecutar la función que se ejecuta cuando se hace click
Código Javascript:
Ver original
  1. e.stop();
  2.     var SM = new SimpleModal({"btn_ok":"Confirm button"});
  3.         // Aggiunge Bottone Conferma
  4.         SM.addButton("Confirm", "btn primary", function(){
  5.             alert("Action confirm modal");
  6.             this.hide();
  7.         });
  8.         // Aggiunge Bottone annulla
  9.         SM.addButton("Cancel", "btn");
  10.         SM.show({
  11.           "model":"modal",
  12.           "title":"Modal Window Title",
  13.           "contents":"<p ><img style='text-align:center' src='assets/images/simpleModalSmallWhite.png' />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>"
  14.         });

pero tendrías un problema por que la variable e no existe.

asi que si creas una función algo así
Código Javascript:
Ver original
  1. function mostrarModal(){var SM = new SimpleModal({"btn_ok":"Confirm button"});
  2.         // Aggiunge Bottone Conferma
  3.         SM.addButton("Confirm", "btn primary", function(){
  4.             alert("Action confirm modal");
  5.             this.hide();
  6.         });
  7.         // Aggiunge Bottone annulla
  8.         SM.addButton("Cancel", "btn");
  9.         SM.show({
  10.           "model":"modal",
  11.           "title":"Modal Window Title",
  12.           "contents":"<p ><img style='text-align:center' src='assets/images/simpleModalSmallWhite.png' />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>"
  13.         });
  14. }

y luego ejecutas mostrarModal(); deberia funcionar.

obviamente hay formas mucho mas limpias de hacer esto sin usar dos funciones con casi el mismo código, pero seria un poco mas complicado para un novato.

Un saludo ! y buena vibra

Etiquetas: javascript, modal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:47.