Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Add Spell Dialog</title>
- <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css">
- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.3.1/css/buttons.bootstrap.min.css">
- <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/select/1.2.2/css/select.bootstrap.min.css">
- <link rel="stylesheet" type="text/css" href="css/editor.bootstrap.min.css">
- <style type="text/css" class="init">
- #example_wrapper{
- margin:auto 20px;
- }
- </style>
- <script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.12.4.js"></script>
- <script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
- <script type="text/javascript" language="javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
- <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
- <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap.min.js"></script>
- <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
- <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.bootstrap.min.js"></script>
- <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/select/1.2.2/js/dataTables.select.min.js"></script>
- <script type="text/javascript" language="javascript" src="js/dataTables.editor.min.js"></script>
- <script type="text/javascript" language="javascript" src="js/editor.bootstrap.min.js"></script>
- <script type="text/javascript" language="javascript" class="init">
- var editor;
- $(document).ready(function(){
- editor = new $.fn.dataTable.Editor({
- ajax: 'datatables-warcraft-db-spells.php',
- table: '#example',
- fields: [{
- label: 'ID:',
- name: 'id'
- },
- {
- label: 'Type:',
- name: 'type'
- },
- {
- label: 'Name:',
- name: 'name'
- },
- {
- label: 'Icon:',
- name: 'icon'
- }
- ]
- });
- var table = $('#example').DataTable({
- lengthChange: false,
- ajax: 'datatables-warcraft-db-spells.php',
- columns: [
- { data: 'id', className: 'id' },
- { data: 'type', className: 'type' },
- { data: 'name', className: 'name' },
- { data: 'icon', className: 'icon' }
- ],
- buttons: [
- { extend: 'create', editor: editor },
- { extend: 'edit', editor: editor },
- { extend: 'remove', editor: editor },
- {
- extend: 'selectedSingle',
- text: 'Insert into Content' ,
- action: function ( e, dt, node, config ) {
- var idx = table.cell('.selected', 0).index();
- var data = table.row( idx.row ).data();
- console.log(data);
- console.log(data.name);
- //window.opener.tinymce.activeEditor.selection.setContent('Testing');
- tinyMCE.activeEditor.setContent('Testing');
- //tinymce.activeEditor.selection.setContent('Testing');
- }
- }
- ],
- select: true,
- initComplete : function () {
- table.buttons().container()
- .appendTo( $('.col-sm-6:eq(0)', table.table().container() ) );
- }
- });
- });
- </script>
- </head>
- <body>
- <table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
- <thead>
- <tr>
- <th>ID</th>
- <th>Type</th>
- <th>Name</th>
- <th>Icon</th>
- </tr>
- </thead>
- <tfoot>
- <tr>
- <th>ID</th>
- <th>Type</th>
- <th>Name</th>
- <th>Icon</th>
- </tr>
- </tfoot>
- </table>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement