cielavenir

modal test

Oct 11th, 2012
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html><head>
  3. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  4. <!--patched modal-->
  5. <script type='text/javascript' src='http://pastebin.com/raw.php?i=kNt5szSR'></script>
  6. </head><body>
  7. <a href="http://pastebin.com/raw.php?i=XQkYph7e" data-target="#html_modal" data-toggle="modal">test1</a>
  8. <a href="http://pastebin.com/raw.php?i=8RXghQmy" data-target="#html_modal" data-toggle="modal">test2</a>
  9. <div class="modal hide" id="html_modal" tabindex="-1" role="dialog" aria-labelledby="htmlModalLabel" aria-hidden="true">
  10.   <div class="modal-header">
  11.     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  12.     <h3 id="htmlModalLabel">title</h3>
  13.   </div>
  14.   <div class="modal-body">
  15.     <p class="text-info">connecting...</p>
  16.   </div>
  17.   <div class="modal-footer">
  18.     <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  19.   </div>
  20. </div>
  21. <script type="text/javascript"><!--
  22.     document.getElementById('html_modal').onremoteload=function(){
  23.         document.getElementById('htmlModalLabel').innerText=document.getElementById('modal_title').innerText;
  24.     };
  25. //--></script>
  26. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment