Tengo un modal que funciona con jquerymodal.com
Lo activo con:
<div class="panel2" id="panel2"> <p>Content goes here</p> </div> <p><a href="#ex1" rel="modal:open" id="panel2">Insert content here</a></p>El contenido modal en sí está dentro de un div oculto en la página. Contiene lo siguiente:
<div id="ex1" class="modal"> <form method="post"> <input type="hidden" name="myFile" id="myFile" value=“<php print($fileid); ?>> <button type="submit" name="submit" id="submit">Insert</button> </form> </div>Finalmente, el javascript para que todo funcione es:
<script> $(function () { $('form').on('submit', function (e) { e.preventDefault(); $.ajax({ type: 'post', url: 'somephpfile.php', data: $('form').serialize(), success: function () { //do stuff here when sucessful $.modal.close(); //close the modal window } }); }); }); </script>Todo eso funciona.
Sin embargo, necesito poder pasar algunos datos al modal para poder incluirlo en el formulario como un campo oculto. Esos datos son la identificación del div que precede inmediatamente al enlace para activar el modal. Entonces, por ejemplo, en el siguiente ejemplo, el valor que me gustaría pasar al modal es "panel234", luego, en el modal, necesito agregar un campo oculto adicional llamado dividir con ese valor establecido.
<div class="panel234" id="panel234"> <p>Content goes here</p> </div> <p><a href="#ex1" rel="modal:open" id="panel234">Insert content here</a></p>No es tan simple como codificarlo, ya que el enlace para abrir el modal aparecerá muchas veces debajo de muchos divs diferentes, por lo que debo asegurarme de que siempre sea el valor relevante. Podrían ser cientos de divs dentro de una página.
¿Hay alguna manera de hacer esto con sensatez?