De code van een HTML blad kan je zien door er rechts op te klikken. Je krijgt dan een menuutje waarin je 'bekijk bron' of iets dergelijks kunt kiezen. Dat is iets lastiger bij CSS en Javascript bestanden, het is onmogelijk bij PHP bestanden. Dit omdat PHP al in de server in HTML wordt omgezet, je kan dus het resultaat van die omzetting zien maar niet de broncode. Waar nodig heb ik daarom een vertaalscript gebruikt.
Voorbeeld:
<html>
<LINK REL="stylesheet" TYPE="text/css" HREF="net16.css">
<body class="cd">
<?php
include 'show_tt.inc';
show_tt('net16.css');
?>
</body>
</html>
Dit werkt met het 'show_tt.inc' bestand:
| 1: | <style> |
| 2: | td{color:#000; font-size:90%; vertical-align:top;} |
| 3: | .l{color:#f00; text-align:right;} |
| 4: | </style> |
| 5: | <input type="button" value="<-----" onClick="history.back()"><br> |
| 6: | <?php |
| 7: | function show_tt($nm){ |
| 8: | $i = 1; |
| 9: | echo "<div class=cd>"; |
| 10: | echo "<h4>".$nm."</h4>"; |
| 11: | echo "<table>"; |
| 12: | $lines = file($nm); |
| 13: | foreach ($lines as $line_num => $line) { |
| 14: | $line = htmlspecialchars($line); |
| 15: | $line = str_replace("\t"," ",$line); |
| 16: | echo "<tr><td class=l>" .$i++ .":</td><td> " . $line . "</td></tr>\n"; |
| 17: | } |
| 18: | echo "</table></div>"; |
| 19: | } |
| 20: | ?> |
Een andere methode is om van de code die je wilt tonen een tekstbestand te maken en dat te laten zien. Als je later de code verandert moet je ook dat tekstbestand veranderen. Bij mijn methode hoeft dat niet, je krijgt een 'real-time' vertaling! Bij php en foto's wordt deze methode veel gebruikt.