Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
table_01 [2023/09/21 07:54] – demiurgetable_01 [2023/09/22 22:03] (current) – demiurge
Line 21: Line 21:
             "autoWidth": true,             "autoWidth": true,
             "order": [],             "order": [],
-            "scrollY": "1080px",+            "scrollY": "640px",
             "scrollX": true,             "scrollX": true,
             "scrollCollapese": true             "scrollCollapese": true
         });         });
 +        
 +        $('a.wiki-link').each(function() {
 +        var pageID = $(this).data('page-id');
 +        var wikiURL = "/doku.php?id=" + pageID;
 +        $(this).attr('href', wikiURL);
 +    });
     });     });
 </script> </script>
 <style> <style>
     #tableWrap {     #tableWrap {
-        max-width: 3000px; // Adjust to your preferred maximum width+        max-width: 1512px; // Adjust to your preferred maximum width
         overflow-x: auto;         overflow-x: auto;
     }     }
Line 43: Line 49:
                 <th>10 - Mystic Numbers of the Sephiroth</th>                 <th>10 - Mystic Numbers of the Sephiroth</th>
                 <th>11 - Elements &amp; Rulers</th>                 <th>11 - Elements &amp; Rulers</th>
-                <th>12 - Tree of Life</th>+                <th>12 - <a href="#" class="wiki-link" data-page-id="treeoflife">Tree of Life</a></th>
                 <th>13 - Paths of Sepher Yetzirah</th>                 <th>13 - Paths of Sepher Yetzirah</th>
                 <th>14 - General Attribution of Tarot</th>                 <th>14 - General Attribution of Tarot</th>
Line 165: Line 171:
                 <td>2</td>                 <td>2</td>
                 <td>Chokmah ()</td>                 <td>Chokmah ()</td>
-                <td>Wisdom</td>+                <td><a href="#" class="wiki-link" data-page-id="wisdom">Wisdom</a></td>
                 <td>3</td>                 <td>3</td>
                 <td>Root of 🜁</td>                 <td>Root of 🜁</td>
Line 1603: Line 1609:
     </table>     </table>
     </div>     </div>
 +        <script>
 +        function applyHexColorToTableCells() {
 +            // Get all table cells
 +            let tableCells = document.querySelectorAll('td');
 +
 +            // Regular expression to match hex color codes
 +            let hexPattern = /#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/g;
 +
 +            tableCells.forEach(cell => {
 +                // Find all hex codes in the text of the cell
 +                let matches = cell.textContent.match(hexPattern);
 +
 +                if (matches && matches.length > 0) {
 +                    // If there's a hex code, change the font color of the cell
 +                    // to the hex code found in the cell
 +                    cell.style.color = matches[0];
 +                }
 +            });
 +        }
 +
 +        // Call the function on page load
 +        applyHexColorToTableCells();
 +    </script>
 </HTML> </HTML>