javascript y xml

pistacho_55555 · #1 (**permalink**) 26/05/2011, 04:50

Buenas a todos, soy nuevo en el foro. Estoy creando una página con XML y salida XSL. Mi problema es el siguiente...: hago un calendario, javascript y dinámicamente, con funciones tipo fecha pero lo dibujo en una tabla y le asigno a cada celda un disparador para que cuando se pinche un día se pinte en un div una información que se signa en el xml a cada día, "el menú diario".

<pie>
<dia> 1 </dia>
<comida>Lentejas, si las quieres las tomas y si no las dejas</comida>
<merienda>Lentejas frías</merienda>

<dia> 2 </dia>
<comida>Lenteja de ayer recalentadas</comida>
<merienda>Lentejas de ayer frías</merienda>

<dia> 3 </dia>
<comida>jejeje, Lentejas de anteayer chamustadas.</comida>
<merienda>joeeeeer, lentejas de anteayer frías</merienda>
</pie>

Mi pregunta es cómo puedo acceder a la información del menú. He intentado varias cosas y aunque no me da error me pinta: "undefined".

Gracias de antemano. Un saludo.

Código:
var pie=xmlDoc.getElementsByTagName("pie");

for (var i = 0; i < pie.length; i++) {

var menu_dia = parseFloat(pie[i].getElementsByTagName("dia")[valor].firstChild.data);
var menu_comida = parseFloat(pie[i].getElementsByTagName("comida")[valor].firstChild.data);
var menu_merienda = parseFloat(pie[i].getElementsByTagName("merienda")[valor].firstChild.data);

}
div.innerHTML = "dia: " + menu_dia + 'comida: ' + menu_comida + ' merienda: '+ menu_merienda;

Panino5001 · #2 (**permalink**) 26/05/2011, 07:50

Probá así:
menu.xml:

Código PHP:

  <?xml version="1.0" encoding="utf-8"?>

<pie>

<dia> 1 </dia>

<comida>Lentejas, si las quieres las tomas y si no las dejas</comida>

<merienda>Lentejas frías</merienda>

 
<dia> 2 </dia>

<comida>Lenteja de ayer recalentadas</comida>

<merienda>Lentejas de ayer frías</merienda>

 
<dia> 3 </dia>

<comida>jejeje, Lentejas de anteayer chamustadas.</comida>

<merienda>joeeeeer, lentejas de anteayer frías</merienda>

</pie>

menu.html:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

<script type="text/javascript">

function http(){

    if(typeof window.XMLHttpRequest!='undefined'){

        return new XMLHttpRequest();    

    }else{

        try{

            return new ActiveXObject('Microsoft.XMLHTTP');

        }catch(e){

            alert('Su navegador no soporta AJAX');

            return false;

        }    

    }    

}

function request(url,callback,params){

    var H=new http();

    if(!H)return;

    var p='';

    for(var i in params){

        p+='&'+i+'='+encodeURIComponent(params[i]);    

    }

    H.open('get',url+'?'+p+'&'+Math.random(),true);

    H.onreadystatechange=function(){

        if(H.readyState==4){

            callback(H.responseXML);

            H.onreadystatechange=function(){}

            H.abort();

            H=null;

        }

    }

    H.send(null);

}

function setData(d){

    var dia=d.getElementsByTagName("dia"); 

    for (var i = 0,l=dia.length; i < l; i++) {

        var menu_dia = dia[i].firstChild.data;    

        var menu_comida = d.getElementsByTagName("comida")[i].firstChild.data;    

        var menu_merienda = d.getElementsByTagName("merienda")[i].firstChild.data;

        document.getElementById('datos').innerHTML += "dia: " + menu_dia + 'comida: ' + menu_comida + ' merienda: '+ menu_merienda+'<br />';

    }

}

onload=function(){

    request('menu.xml',setData,{});

}

</script>

 
</head>

 
<body>

<div id="datos"></div>

</body>

</html>