[HTML] ¿Cambiar contenido de un DIV? en PC

PiratePila 14 abr 2009 13:45

Kame Hame Ha!

11.328 mensajes
desde ene 2005
en Barcelona

PiratePila está baneado por "crearse clones para trollear"

Os comento, tengo una plantilla HTML (conseguida de internet, no es mía) que contiene esto;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
  <title>MAG.260MB.COM</title>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

  <!-- **** layout stylesheet **** -->
  <link rel="stylesheet" type="text/css" href="style/style.css" />

  <!-- **** colour scheme stylesheet **** -->
  <link rel="stylesheet" type="text/css" href="style/blue.css" />

</head>

<body>
  <div id="main">
    <div id="links">
      <!-- **** INSERT LINKS HERE **** -->
      <a href="#">BLABLABLA</a> | <a href="#">BLABLABLA</a> | <a href="#">BLABLABLA</a> | <a href="#">BLABLABLA</a>
    </div>
    <div id="logo"><h1></h1><h2></h2></div>
    <div id="menu">
      <ul>
        <!-- **** INSERT NAVIGATION ITEMS HERE (use id="selected" to identify the page you're on **** -->
        <li><a id="selected" href="#">Inicio</a></li>
        <li><a href="#">Nintendo DS</a></li>
        <li><a href="#">Nintendo Wii</a></li>
        <li><a href="#">Sony PSP</a></li>
        <li><a href="#">OTROS</a></li>
      </ul>
    </div>
    <div id="content">
      <div id="column1">
        <div class="sidebaritem">
          <h1>&Uacute;LTIMAS NOTICIAS</h1>
          <!-- **** INSERT NEWS ITEMS HERE **** -->
          <h2>13.04.2009</h2>
          <p>Secci&oacute;n de Nintendo DS a&ntilde;adida.</p>
          <p><a href="#">Leer mas ...</a></p>
          <p></p>
          <p></p>
        </div>
        <div class="sidebaritem">
          <h1>enlaces</h1>
          <div class="sbilinks">
            <!-- **** INSERT ADDITIONAL LINKS HERE **** -->
            <ul>
              <li><a href="http://www.openwebdesign.org">open web design</a></li>
              <li><a href="http://www.w3schools.com/xhtml/default.asp">learn XHTML</a></li>
              <li><a href="http://www.w3schools.com/css/default.asp">learn CSS</a></li>
              <li><a href="http://www.mozilla.com/firefox">get firefox</a></li>
            </ul>
          </div>
        </div>
        <div class="sidebaritem">
          <h1>extra</h1>
          <!-- **** INSERT OTHER INFORMATION HERE **** -->
          <p>
        Nada por el momento...
          </p>
        </div>
      </div>
      <div id="column2">
        <h1>introducci&Oacute;n</h1>
        <!-- **** INSERT PAGE CONTENT HERE **** -->
        <p>
      Esto es solo una prueba.
        </p>
      </div>
    </div>
    <div id="footer">
      copyright &copy; 2009 MAG | <a href="http://validator.w3.org/check?uri=referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.dcarter.co.uk">Dise&Ntilde;o por dcarter</a>
    </div>
  </div>
</body>
</html>

Me gustaría que al clickar en algunos enlaces, el div de 'column2' cambie. No recuerdo como hacerlo por eso me gustaría que me iluminarais un poco.

Gracias de antemano.