Twitter bootstrap modal doesn't allow a javascript email capture form? -


i using twitter bootstrap , modal works great (pop-up).

what trying embed simple 1 line of javascript modal, pop-up email capture form. should simple stuff , chrome likes it, ie, firefox (20.0.1) draws blank. modal appears no javascript email capture.

here 1 line of javascript trying place within modal:

<script type="text/javascript" src="https://ool88222.infusionsoft.com/app/form/iframe/0bb1dd5ff343dd6d7845eb723"></script> 

i made jsfiddle doesnt work there, think needs jquery? http://jsfiddle.net/listerdl/dycv6/

the below modal:

<!-- button trigger modal --> <a href="#mymodal" role="button" class="btn" data-toggle="modal">launch demo modal</a>  <!-- modal --> <div id="mymodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="mymodallabel">modal header</h3> </div> <div class="modal-body"> <p>one fine body…</p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">close</button> <button class="btn btn-primary">save changes</button> </div> </div> 

any ideas or how might have single line of javascript (i.e. email capture form) allowed work within modal (in firefox)?

make sure referencing jquery , jquery ui.

new fiddle : http://jsfiddle.net/dycv6/6/

    <!-- button trigger modal --> <a href="#mymodal" role="button" class="btn" data-toggle="modal">launch demo modal</a>  <!-- modal --> <div id="mymodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="mymodallabel">modal header</h3> </div> <div class="modal-body"> <p>  <ul id="tweets">  </ul>  

close save changes


Comments