Continuation to Prettier PHP Debug Messages. This version is self-styling and also accepts a label parameter.
<?php if (!function_exists('pp')) { //Pretty Print function pp($obj,$label = '') { $data = json_encode(print_r($obj,true)); ?> <style type="text/css"> #bsdLogger { position: absolute; top: 0px; right: 0px; border-left: 4px solid #bbb; padding: 6px; background: white; color: #444; z-index: 999; font-size: 1.25em; width: 400px; height: 800px; overflow: scroll; } </style> <script type="text/javascript"> var doStuff = function(){ var obj = <?php echo $data; ?>; var logger = document.getElementById('bsdLogger'); if (!logger) { logger = document.createElement('div'); logger.id = 'bsdLogger'; document.body.appendChild(logger); } ////console.log(obj); var pre = document.createElement('pre'); var h2 = document.createElement('h2'); pre.innerHTML = obj; h2.innerHTML = '<?php echo addslashes($label); ?>'; logger.appendChild(h2); logger.appendChild(pre); }; window.addEventListener ("DOMContentLoaded", doStuff, false); </script> <?php } } ?> |