Ejercicios resueltos

Simulador (Cuando presiona el botón "ejecutar el programa" se graban todos los cuadros de texto y se ejecuta el primero de la lista mostrando en una página el resultado.)

Confeccionar una página que muestre una lista de hipervínculos que representan los comentarios de distintas fecha. El objetivo es rescatar todos los comentarios para la fecha seleccionada por el visitante y su posterior visualización sin tener que recargar nuevamente la página.

pagina1.html

estilos.css

funciones.js

addEvent(window,'load',inicializarEventos,false);

function inicializarEventos()
{
 var ref;
 ref=document.getElementById('fecha');
 var vec=ref.getElementsByTagName('a'); 
 for(f=0;f<vec.length;f++)
 {
 addEvent(vec[f],'click',presionEnlace,false);
 }
}

var conexion1;
function verComentarios(url) 
{
  if(url=='')
  {
    return;
  }
  conexion1=crearXMLHttpRequest();
  conexion1.onreadystatechange = procesarEventos;
  conexion1.open("GET", url, true);
  conexion1.send(null);
}

//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
  }
  else  
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nomevento,funcion,captura);
      return true;
    }
    else
      return false;
}

function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}

pagina1.php

<?php
if ($_REQUEST['fecha']=='10/03/2007')
{
 echo "Estos comentarios corresponden a la fecha 10/03/2007 ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
 echo "xxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx. ";
}
if ($_REQUEST['fecha']=='11/03/2007')
{
 echo "Estos comentarios corresponden a la fecha 11/03/2007 ";
 echo "yyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy. ";
 echo "yyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy. ";
 echo "yyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy. ";
 echo "yyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy. ";
 echo "yyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy. ";
 echo "yyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy. ";
 echo "yyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy. ";
 echo "yyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyyyyyyyyyyyyy. ";
}
if ($_REQUEST['fecha']=='12/03/2007')
{
 echo "Estos comentarios corresponden a la fecha 12/03/2007 ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
 echo "zzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzz zzzzzzzzzzzzzz zzzzzz. ";
}
?>

8 - Recuperando datos mediante la propiedad responseText del objeto XMLHttpRequest