Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/03/2013, 21:40
Avatar de chwc
chwc
 
Fecha de Ingreso: julio-2008
Ubicación: Buenos Aires ! :D
Mensajes: 814
Antigüedad: 16 años, 3 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