Foros del Web » Programando para Internet » Javascript » Frameworks JS »

menu en ajax

Estas en el tema de menu en ajax en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/02/2011, 11:43
 
Fecha de Ingreso: junio-2010
Mensajes: 168
Antigüedad: 14 años, 5 meses
Puntos: 3
menu en ajax

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"urltrue);
    
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.";
?>

Etiquetas: ajax
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:23.