Welcome! Here you can paste sources and general debugging text, You can even set yourself a password if you want to keep it just for yourself.

Posted by modal on March Sun 22nd 2:34 PM - Never Expires - Views: 500

  1. <!doctype html>
  2. <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
  3. <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
  4. <!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
  6.     <head>
  7.         <meta charset="utf-8">
  8.         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9.         <title></title>
  10.         <meta name="description" content="">
  11.         <meta name="viewport" content="width=device-width, initial-scale=1">
  12.         <link rel="apple-touch-icon" href="apple-touch-icon.png">
  13.  
  14.         <!-- <link rel="stylesheet" href="css/bootstrap.min.css"> -->
  15.         <!-- <php echo link_tag('assets/css/bootstrap.min.css'); ?> -->
  16.        
  17.         <link rel="stylesheet" href="assets/css.darkly/bootstrap.min.css">
  18.  
  19.         <style>
  20.             body {
  21.                 padding-top: 50px;
  22.                 padding-bottom: 20px;
  23.             }
  24.         </style>
  25.         <!-- <php echo link_tag('assets/css/bootstrap-theme.min.css'); ?>
  26.        <php echo link_tag('assets/css/main.css'); ?> -->
  27.         <!-- <link rel="stylesheet" href="css/bootstrap-theme.min.css">
  28.        <link rel="stylesheet" href="css/main.css"> -->
  29.                
  30.        <!-- <link rel="stylesheet" href="<php echo base_url('assets/css/bootstrap-theme.min.css'); ?>"> -->
  31.        
  32.         <!-- <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> -->
  33.                 <script src="assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
  34.        
  35.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  36.        
  37.         <script>window.jQuery || document.write('<script src="assets/js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
  38.  
  39.         <script src="assets/js/vendor/bootstrap.min.js"></script>  
  40.        
  41.     </head>
  42.  
  43.  
  44. <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Open modal for @mdo</button>
  45. <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@fat">Open modal for @fat</button>
  46. <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@getbootstrap">Open modal for @getbootstrap</button>
  47. ...more buttons...
  48.  
  49. <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  50.   <div class="modal-dialog">
  51.     <div class="modal-content">
  52.       <div class="modal-header">
  53.         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  54.         <h4 class="modal-title" id="exampleModalLabel">New message</h4>
  55.       </div>
  56.       <div class="modal-body">
  57.         <form>
  58.           <div class="form-group">
  59.             <label for="recipient-name" class="control-label">Recipient:</label>
  60.             <input type="text" class="form-control" id="recipient-name">
  61.           </div>
  62.           <div class="form-group">
  63.             <label for="message-text" class="control-label">Message:</label>
  64.             <textarea class="form-control" id="message-text"></textarea>
  65.           </div>
  66.         </form>
  67.       </div>
  68.       <div class="modal-footer">
  69.         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  70.         <button type="button" class="btn btn-primary">Send message</button>
  71.       </div>
  72.     </div>
  73.   </div>
  74. </div>
  75.  
  76.  
  77. $('#exampleModal').on('show.bs.modal', function (event) {
  78.   var button = $(event.relatedTarget) // Button that triggered the modal
  79.   var recipient = button.data('whatever') // Extract info from data-* attributes
  80.   // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
  81.   // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
  82.   var modal = $(this)
  83.   modal.find('.modal-title').text('New message to ' + recipient)
  84.   modal.find('.modal-body input').val(recipient)
  85. })
  86.  
Language:
To highlight particular lines, prefix each line with @@




© 2017  admin@YSblue (Implemented and Adapted) - Powered by PASTE 1.0