jquery - How to display information dynamically in modal popup bootstrap -
i display modal popup bootstrap
.this modal should display information should placed dynamically. want display name in nome articolo ecc ecc .here i've done far.
<span class="btn-group"> <a href="#responsive" role="button" class="btn btn-small" data-toggle="modal" data-id="prova"><i class="icon-pencil"></i></a> </span> <!-- modal definitions (tabbed on <pre>) --> <div id="responsive" class="modal hide fade" tabindex="-1" data-width="760"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>inserisci articolo</h3> </div> <div class="modal-body"> <div class="row-fluid"> <div class="span12"> <p>codice barre <input type="text" class="span12" name="codicebarre" id="codicebarre" /></p> <p>nome articolo <input type="text" class="span12" /></p> <p>quantità <input type="text" class="span12" /></p> </div> </div> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn">chiudi</button> <button type="button" class="btn btn-primary">salva</button> </div> </div>
for show modal use of course: http://twitter.github.io/bootstrap/javascript.html#modals
init:
$('#responsive').modal(options)
if want append content of div dynamically, append content div
$('#responsive').append(content) or $('#responsive').html( content )
then display modal
$('#responsive').modal('show')
Comments
Post a Comment