CatalogDPL

The sortable catalog is an interactive data table containing all illustrations and their descriptions.

Visit the introductory page for further explanations regarding its use. Tags and IDs are also explained on the introductory page.

<button id="loadDPLMaster">Load DPL Master Table</button>

The DPL Master Table will appear here when the button is clicked.

<script> document.getElementById('loadDPLMaster').addEventListener('click', function() {

   const container = document.getElementById('DPLMasterContainer');

container.innerHTML = '

Loading DPL Master Table...

';

   // Fetch the rendered HTML of the Master DPL page
   fetch('/index.php?title=DPL_Test&action=render')
       .then(response => response.text())
       .then(html => {
           // Insert the DPL table into the container
           container.innerHTML = html;

           // Initialize DataTable on the newly inserted table
           if (typeof jQuery !== 'undefined' && $.fn.DataTable) {
               $('#DPLMasterContainer table').DataTable({
                   pageLength: 50,
                   hover: true,
                   responsive: true,
                   order: 0, 'asc',
                   language: {
                       searchPlaceholder: " Quick Search"
                   }
               });
           }
       })
       .catch(err => {
           console.error(err);

container.innerHTML = '

Failed to load DPL Master Table.

';

       });

}); </script>