Me encuentro con el desarrollo de un proyecto con JavaScript
, HTML
y CSS
, y estoy con un problema a la hora de pasar un parámetro a un modal. Os comento más en detalle.
Tengo un archivo (controlWeb.js) javascript
que se encarga de dibujar en el html
, y sería donde se llamaría al archivo modal que se encuentra en el archivo HTML
(index.html), este modal, necesita un parámetro (id) que le pasaría desde controlWeb.js
. El modal, es el típico de ¿Estás seguro que quieres eliminarlo?, y si le damos a aceptar lo elimina y sino no, pues bien, si le damos aceptar necesitaría ese parámetro que se le pasaría de controlWeb.js
. Estoy utilizando bootstrap
. Adjunto código:
ControlWeb.js
//Más código que dibuja diferentes partes, incluido el boton que se ve
$('.eliminar').on('click', function(){
var id = $(this).data('datos-id');
//rest.eliminarEjercicio(id);//Esto es lo que quiero hacer en el modal
$('#myModal').modal({backdrop: false});
});
index.html
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" style='color:green'>¿Estás seguro que quieres eliminarlo?</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" href="#">Cerrar</button>
// El id sería lo que quiero pasar
<button type="button" class="btn btn-danger" href="#" onclick="rest.eliminarEjercicio(id)">Eliminar</button>
</div>
</div>
</div>
</div>