Ejemplo de uso de XML (Usando DSO).

cubis · #1 (**permalink**) 13/10/2003, 07:02

Este post lo quiero escribir ya que noto que entre algunas personas queda la duda del uso que le podemos dar al XML.

Pues bueno, aquí les dejo un ejemplo de como nos sirve para guardar unos datos (como una base de datos) y mostrarlos en HTML (Sin necesidad de PHP ó ASP, solo DSO (Data Source Object) que lo interpreta cualquier navegador.

Aquí está el codigo de los dos ejemplos y más abajo el link para que lo vean.

directorio.xml

Código:

<?xml version="1.0"?>

<!-- Nombre del archivo: directorio.xml -->

<DIRECTORIO>

<AMIGO>
<NOMBRE>Alejandro Leardos</NOMBRE>
<TELEFONO>4875421</TELEFONO>
<CORREO>[email protected]</CORREO>
</AMIGO>

<AMIGO>
<NOMBRE>Juanito Perez Gutierres</NOMBRE>
<TELEFONO>2954544</TELEFONO>
<CORREO>[email protected]</CORREO>
</AMIGO>

<AMIGO>
<NOMBRE>Juan Manuel Dias Rodriguez</NOMBRE>
<TELEFONO>9844512</TELEFONO>
<CORREO>[email protected]</CORREO>
</AMIGO>

<AMIGO>
<NOMBRE>Javier Neruda</NOMBRE>
<TELEFONO>3598874</TELEFONO>
<CORREO>[email protected]</CORREO>
</AMIGO>

<AMIGO>
<NOMBRE>Maximiliano Olarte</NOMBRE>
<TELEFONO>8941545</TELEFONO>
<CORREO>[email protected]</CORREO>
</AMIGO>

<AMIGO>
<NOMBRE>Antonio Correa Jimenez</NOMBRE>
<TELEFONO>3665418</TELEFONO>
<CORREO>[email protected]</CORREO>
</AMIGO>

<AMIGO>
<NOMBRE>Beatriz Puerta</NOMBRE>
<TELEFONO>9844647</TELEFONO>
<CORREO>[email protected]</CORREO>
</AMIGO>

<AMIGO>
<NOMBRE>Maria Cano</NOMBRE>
<TELEFONO>9874524</TELEFONO>
<CORREO>[email protected]</CORREO>
</AMIGO>

</DIRECTORIO>

--

verdirectorio.htm

Código:

<HTML>

<HEAD>
<TITLE>Directorio de amigos</TITLE>
</HEAD>
<BODY>

<XML ID="dsoDirectorio" SRC="directorio.xml"></XML>

<H2>Directorio de Amigos y enemigos</H2>

<TABLE  DATASRC="#dsoDirectorio" BORDER="1" cellpadding="5">
<THEAD>
<TH>Nombre</TH>
<TH>Telefono</TH>
<TH>Correo</TH>
</THEAD>
<TR ALING="center">
<TD><TEXTAREA DATAFLD="NOMBRE" STYLE="font-style:italic"></TEXTAREA></TD>
<TD><DIV DATAFLD="TELEFONO" STYLE="font-width:bold"></TEXTAREA></TD>
<TD><INPUT TYPE=TEXT DATAFLD="CORREO"></INPUT></TD>
</TR>
</TABLE>

</BODY>
</HTML>

Nota:
En el ejemplo los datos se ven en diferentes tipos de capos, esto lo hice para darle más "vida" al ejemplito.

Para ver el ejemplo funcionado entra a:

http://www.tribuxml.org/scriptsxml/verdirectorio.htm

La dir del archivo XML es:

http://www.tribuxml.org/scriptsxml/directorio.xml

Y bueno, por ultimo los invito a que el proximo primero de Noviembre entren a ver el lanzamiento de TribuXML.org, si desean entren a la web y dejen su E-mail para ser avisados del lanzamiento.

Un saludo y un abrazo.

BladeRunner · #2 (**permalink**) 13/10/2003, 22:40

Excelente ejemplo Cubis, pero... ¿cómo se podría hacer lo mismo con una estructura de datos algo más compleja?
Pongo un ejemplo:

Código:

<?xml version="1.0" encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="varios/estilo.xsl" ?>

<categoria nombre=" La Investigación en Tecnología Educativa ">

    <sub nombre=" Aplicaciones educativas en Internet ">

	<sub_2 nombre=" Creación y experimentación de entornos virtuales de enseñanza. ">

	</sub_2>


	<sub_2 nombre=" Diseño y desarrollo de programas y cursos de teleformación a través de redes telemáticas. ">

		<doc nombre=" Memoria de Investigación: Infoescuela 2001. Campaña para acercar la informática e Internet al Andévalo y la Cuenca Minera de Huelva. ">
		  <link> http://www2.uhu.es/comunicar/bibliot...cuela_2001.htm </link>
		  <autor> José Ignacio Aguaded et al. </autor>
		  <year> 2001 </year>
		  <formato> html </formato>
		</doc>

	</sub_2>

	<sub_2 nombre=" Aplicaciones didácticas de las herramientas más habituales en Internet (chat, correo electrónico, videoconferencia ...) ">

		<doc nombre=" Deliberaciones sobre temas clave a través de foros presenciales y telemáticos. ">
		  <link> http://dewey.uab.es/pmarques/evte/santiban1.doc </link>
		  <autor> Josefina Santibáñez </autor>
		  <formato> doc </formato>
		</doc>

	</sub_2>

    </sub>

</categoria>

Si no se puede, ¿hay alguna forma de que un documento XML adopte el modelo de objetos del HTML (DOM)? (algunas funciones javascript me dan errores por eso)

Un saludo

verbalkint77 · #3 (**permalink**) 14/10/2003, 04:34

hola de nuevo cubis....el ejemplo funciona en IE (estupendo por cierto, el ejemplo claro, no el IE...), pero lo probé en Mozilla 1.3.1 y no funciona.......

problema del explorador?supongo que sí,pero me extraña que Mozilla no tenga soporte para este tipo de tratamiento XML

cubis · #4 (**permalink**) 14/10/2003, 05:28

Mmm... que extraño verbal... pero bueno :(.... a lo mejor no reconoce DSO.

y pues en cuanto a la pregunta de BladeRunner, si es posible... yo no conosco mucho de DOM, pero sé que lo puedes hacer, el punto es como quieras mostrar los datos.

Si quieres postea aquí el codigo DOM y tratamos de arreglarlo.

Saludos!

BladeRunner · #5 (**permalink**) 14/10/2003, 09:26

Me da error en esta línea:

<script language="JavaScript">

var win = window

</script>

La función la estoy poniendo en la hoja XSL...

BladeRunner · #6 (**permalink**) 15/10/2003, 04:28

Ya resolví el tema, se hace por medio de "transformaciones" XML, poniendo el siguiente encabezado en la hoja XSL:

<?xml version="1.0" encoding="ISO-8859-1" ?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" encoding="ISO-8859-1" />

cubis · #7 (**permalink**) 15/10/2003, 05:48

Que bueno que lo resolviste.

Un saludo!

dieguicho · #8 (**permalink**) 30/10/2003, 08:59

oye cubis y como puedo imprimi el xml directamente en el html? en n <p>
probe con <p DATAFLD="info"></p>
pero no funciona
un espectaculo!

cubis · #9 (**permalink**) 30/10/2003, 21:30

Lo que pasa es que el tipo de campo <p> no es un campo valido para mostrar datos XML como HTML, mañana en la mañana (hora de mi país) te paso la lista de los campos validos.

Un saludo.

cubis · #10 (**permalink**) 31/10/2003, 06:20

Bueno, como te lo habia prometido, aquí te dejo los campos que pueden representar codigo XML en HTML atravez de DSO.

· A
· IMG
· BUTTON
· DIV
· FRAME
· IFRAME
· SPAN
· APPLET
· INPUT TYPE=CHECKBOX
· INPUT TYPE=HIDDEN
· INPUT TYPE=PASSWORD
· INPUT TYPE=RADIO
· INPUT TYPE=TEXT
· LABEL
· SELECT
· MARQUEE
· SPAN
· TEXTAREA

Como puedes ver, en la lista no está P, eso quiere decir que P no puede representar datos XML en HTML usando DSO.

Un saludo y espero haber resuelto tu duda.

Bye, bye.

dieguicho · #11 (**permalink**) 31/10/2003, 15:12

totalmente! muy util gracias. voy a hacerlo con <span> me parece.
pero vos que estas mas empapado en el tema, generalmente con que se hace?

cubis · #12 (**permalink**) 01/11/2003, 06:19

Pues todo depende de lo que vallas a hacer, pero puedes usar SPAN ó DIV que es lo mismo, cualquiera de las dos te sirve, yo prefiero SPAN pero da igual.

Un saludo!.