- Ejemplo de Carta de Recomendación
- Ejemplo de Curriculum Vitae en Word
- Ejemplo de Palabras Esdrújulas
- Ejemplo de Palabras Graves
- Ejemplo de Palabras Agudas
- Ejemplo de Sustantivo
- Ejemplo de Metáfora
- Ejemplo de Modelo de Carta de Solicitud
- Ejemplo de Memorándum
- Ejemplo de Carta poder
- Ejemplo de Sinónimos
- Ejemplo de Ensayo
- Ejemplo de Carta de Renuncia
- Ejemplo de Palabras sobresdrújulas
- Ejemplo de Antonimos
- Ejemplo de Palabras Homófonas
- Ejemplo de Conversación en Inglés
- Ejemplo de Diptongos
- Ejemplo de Encuesta
- Ejemplo de Hiato
- Ejemplo de Carta compromiso de conducta al director
- Ejemplo de Oraciones unimembres
- Ejemplo de Oraciones bimembres
- Ejemplo de Carta responsiva menor de edad
- Ejemplo de Palabras agudas sin acento
- Ejemplo de Angustia
- Ejemplo de Sociopatía
- Ejemplo de Instinto
- Intolerancia a la lactosa
- Ejemplo de Demanda por alimentos
Ejemplo de Ver archivo XML en HTML
Para mostrar un XML usando HTML no es posible, para eso tenemos que usar algo de JavaScript, pero aún así es posible.
En este ejemplo mostraremos el Ejemplo de Catálogo de CD en XML, en una pagina HTML usando HTML y Javascript.
Lo primero que haremos será guardar el Ejemplo de Catálogo de CD en XML como catalogo.xml, y crear un archivo .html con el nombre que queramos, y le pondremos lo siguiente:
[codigo]
<html>
<body>
<script type="text/javascript">
var xmlDoc=null;
if (window.ActiveXObject)
{// code for IE
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{// code for Mozilla, Firefox, Opera, etc.
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Tu navegador no soporta esta funcion');
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
xmlDoc.load("catalogo.xml");
var x=xmlDoc.getElementsByTagName("CD");
document.write("<table border='1'>");
document.write("<thead>");
document.write("<tr><th>Artista</th><th>Album</th></tr>");
document.write("</thead>");
document.write("<tfoot>");
document.write("<tr><th colspan='2'>Esta es mi coleccion de albums</th></tr>");
document.write("</tfoot>");
for (var i=0;i<x.length;i++)
{
document.write("<tr>");
document.write("<td>");
document.write(x[i].getElementsByTagName("ARTISTA")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("<td>");
document.write(x[i].getElementsByTagName("TITULO")[0].childNodes[0].nodeValue);
document.write("</td>");
document.write("</tr>");
}
document.write("</table>");
}
</script>
</body>
</html>
[/codigo]
Y con este codigo, nos mostraría una tabla, con el titulo ARTISTA, y ALBUM, y luego los respectivos datos del XML. Podremos modificarlo, y agregar, editar, o eliminar, etc.
Si no encontraste lo que buscabas, prueba la búsqueda:
Ejemplos relacionados
Ejemplo de Menú de comidas en XML
Ejemplo de Ver archivo XML en HTML
Ejemplo de Estructura XML
Últimos 13 comentarios en Ejemplo de Ver archivo XML en HTML
02.03.12 a las 23:19:26
http://www.ecopetrol.com.co/xml_datagraph.aspx?gra_id=1&per_id=0
Que tengo que hacer? gracias.
MI email es oscint1@hotmail.com
07.22.11 a las 20:34:06
03.14.11 a las 15:40:46
01.18.11 a las 12:56:33
tal vez no estoi haciendo referencia correctamente; por fix ayudenme!!!!
Gracias :)
01.18.11 a las 10:05:46
estoi utilizando dreamweber y inserte el codigo de arriva y no me hace nada.
me podrian ayudar; plis!!!
12.27.10 a las 12:52:18
12.21.10 a las 6:59:22
12.07.10 a las 12:10:29
Trate poniendo la ruta completa del webservice con todos sus parametros pero no pasa nada...
11.18.10 a las 15:36:13
11.12.10 a las 13:18:45
07.28.10 a las 12:23:25
04.30.10 a las 10:39:56
01.02.10 a las 9:07:13