menu en ajax

felipe12357 · #1 (**permalink**) 16/02/2011, 11:43

Hola recien estoy empesando con ajax y estoy estudiando este menu es muy simple, me funciona bien el problema es q los enlaces los hace con texto y cuando quiero cambiar el texto por un boton este no me funciona, no se que estare haciendo mal, espero q me puedan colaborar aqui dejo el codigo, gracias!

menu.php

Código PHP:

  <html> 
<head><title>Problema</title> 
<script src="funciones.js" language="JavaScript"></script> 
 
</head> 
<body> 
 
<form method='post' action='menu.php' name='$nvl'> 
<input type= 'image' img src=$boton name=$nvl onclick='enviar()' /> 
<input type='hidden' name='$nvl' value=$nvl/><p> 
<font color='white' face='tahoma' size=3><i>$nombren </font></div> 
</form> 
 
 
<p><a  href="pagina1.php?cod=1" id="enlace1"><img src="imagenes/tuerca.png" border="0">test</a> 
 
<p><a id="enlace2" href="pagina1.php?cod=2">Tauro</a> 
<div id="detalles">Seleccione su signo.</div> 
 
</body> 
</html>

por ejemplo el anterior solo me funcionaria, aries y tauro pero cuando le doy click al primero no pasa nada, solo cuando le doy click al texto "test".

funciones.js

Código PHP:

  addEvent(window,'load',inicializarEventos,false); 
 
function inicializarEventos() 
{ 
    var ob; 
    for(f=1;f<=12;f++) 
    { 
        ob=document.getElementById('enlace'+f); 
        addEvent(ob,'click',presionEnlace,false); 
    } 
} 
 
function presionEnlace(e) 
{ 
    if(window.event) 
    { 
        window.event.returnValue=false; 
        var url=window.event.srcElement.getAttribute('href'); 
        cargarHoroscopo(url); 
    } 
    else 
    if (e) 
    { 
        e.preventDefault(); 
        var url=e.target.getAttribute('href'); 
        cargarHoroscopo(url); 
    } 
} 
 
var conexion1; 
function cargarHoroscopo(url) 
{ 
    if(url=='') 
    { 
        return; 
    } 
    conexion1=crearXMLHttpRequest(); 
    conexion1.onreadystatechange = procesarEventos; 
    conexion1.open("GET", url, true); 
    conexion1.send(null); 
} 
 
function procesarEventos() 
{ 
    var detalles = document.getElementById("detalles"); 
    if (conexion1.readyState ==4) 
    { 
        detalles.innerHTML = conexion1.responseText; 
    } 
    else 
    { 
        detalles.innerHTML ='Cargando ...'; 
    } 
 
} 
 
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

Código PHP:

  <? 
header('Content-Type: text/html; charset=ISO-8859-1'); 
if ($_REQUEST['cod']==1) 
  echo "<strong>Aries:</strong> Hoy los cambios serán físicos, personales, de carácter, Te sentirás impulsivo y tomarás  iniciativas. Período en donde considerarás unirte a agrupaciones de beneficencia, o de ayuda a los demás."; 
if ($_REQUEST['cod']==2) 
  echo "<strong>Tauro:</strong> Hoy los cambios serán privados, íntimos. Recuerdos. Ayuda, solidaridad. Asuntos en lugares de retiro. Tu cónyuge puede aportar buen status a tu vida o apoyo a tu profesión."; 
?>