Contenido PHP

archivos.php

<?php require("header.inc.php"); ?>
  
 <h1>Estructura de archivos</h1>
 
 <ul>
  <li><strong>header.inc.php</strong>: Cabecera com&uacute;n a todas las p&aacute;ginas. Dentro incluye el men&uacute;.</li>
  <li><strong>footer.inc.php</strong>: Pie com&uacute;n a todas las p&aacute;ginas.</li>
  <li>&nbsp;</li>
  <li><strong>jquery-1.3.2.min.js</strong>: Librería jQuery</li>
  <li><strong>styles.css</strong>: Estilos</li>
  <li>&nbsp;</li>
  <li><strong>index.php</strong>: Portada</li>
  <li><strong>archivos.php</strong>: Estructura de archivos</li>
  <li><strong>css.php</strong>: Contenido CSS</li>
  <li><strong>php.php</strong>: Contenido PHP</li>
 </ul>

<?php require("footer.inc.php"); ?>

css.php

<?php require("header.inc.php"); ?>
  
 <h1>Contenido CSS</h1>
 
 <pre class="code"><?php echo readfile("styles.css"); ?></pre>

<?php require("footer.inc.php"); ?>

footer.inc.php

<!-- ********************** -->
<!-- contenido de footer.inc.php -->
  </div>
  
  <div id="footer">
   <p class="center">
    <a href="http://blog.daveruiz.net/programacion/auto-marcado-de-enlaces-con-jquery/">Entrada original en el blog</a>
    <a href="./">Enlace a la portada</a>
    <a href="archivos.php">Enlace a archivos</a>
    <a href="css.php">Enlace a contenido CSS</a>
    <a href="php.php">Enlace a contenido PHP</a>
   </p>
  </div>
  
 </div>
</body>
</html>
<!-- ********************** -->

header.inc.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!-- Contenido de header.inc.php -->
<html>
<head>
<title>Auto marcado de enlaces de la p&aacute;gina actual, con jQuery</title>
<link rel="stylesheet" href="styles.css">
<script src="jquery-1.3.2.min.js"></script>
<script>
 $(document).ready( function() {
  var loc = document.location.href.split(/[\?#]/).shift().replace(/\/$/, '');
  $("a").each(function() {
   if (this.href == loc) $(this).addClass("selected");
  });
 });
</script>
</head>
<body>
 <div id="container">
  <div id="header">
   
   <div id="menu">
    <h1>Cabecera</h1>

    <ul>
     <li><a href="./">Portada</a></li>
     <li><a href="archivos.php">Estructura de archivos</a></li>
     <li><a href="css.php">Contenido CSS</a></li>
     <li><a href="php.php">Contenido PHP</a></li>
    </ul>
   </div>
    
  </div> 
  <div id="content">

<!-- ********************** --> 
<!-- Contenido de <?php echo array_pop(explode("/", $_SERVER['SCRIPT_NAME'])); ?> -->

index.php

<?php require("header.inc.php"); ?>

 <h1>Esta es la portada</h1>
 
 <p>A modo de apunte, os dejo un m&eacute;todo breve, usando <a href="http://jquery.com/" target="_blank">jQuery</a>, para marcar los enlaces que apuntan a la p&aacute;gina en la que nos encontramos. Muy util, por ejemplo, para destacar en los men&uacute;s la opci&oacute;n seleccionada autom&aacute;ticamente sin recurrir a PHP o a hacerlo manualmente:</p>
  
  <div class="code">
  <blockquote>$(document).ready( function() {
   <blockquote>var loc = document.location.href.split(/[\?#]/).shift().replace(/\/$/, '');<br><br>
   $("a").each(function() {
    <blockquote>if (this.href == loc) $(this).addClass("<strong>selected</strong>");</blockquote>
   });</blockquote>
  } );</blockquote>
  </div>
  
 <p>El funcionamiento es muy simple. Recorre todos los elementos <strong>&lt;a&gt;</strong> de la p&aacute;gina y compara el par&aacute;metro <strong>href</strong> con la url actual. Si coincide, añade la clase '<strong>selected</strong>' a dicho elemento. La clase 'selected' deber&aacute; estar definida dentro de los estilos css de la p&aacute;gina.</p>
    
<?php require("footer.inc.php"); ?>

php.php

<?php require("header.inc.php"); ?>
  
 <h1>Contenido PHP</h1>
 
 <?php
  $dir = scandir(".");
  
  foreach($dir as $file) {
   if (strstr($file, ".php")) {
   
   echo "<h2>$file</h2><div class=\"code\">";
   ob_start();
   readfile($file);
   $content = ob_get_clean();
   
   echo str_replace("\t", "<span class=\"tab\">&nbsp;</span>", str_replace("\n", "<br>", htmlentities($content)));
   
   echo "</div>";
   
   }
  }
 ?>

<?php require("footer.inc.php"); ?>