XML & DreamWeaver

PINKYSHADOW · #1 (**permalink**) 03/08/2006, 10:33

Saludos a todos.
Tengo un pequeño problema en una web y la verdad es que no se como buscarlo en el buscador. Agradecería que si esto ya se ha posteado o hay algo similar que me indique como buscarlo.
He creado en phpmyadmin una base de datos con tablas. Cada tabla es una sección de noticias con diversos campos que van formando noticia a noticia. Es decir, la web es exclusivamente de noticias y para actualizarla dinámicamente en dreamweaver estoy creando archivos xml con las etiquetas (titulo, subtitulo, autor, contenido, imagen, fecha). Creo los archivos con phpmyadmin porque me ha facilitado las cosas en la creación de la base de datos y la introducción del contenido en esos campos, tambien me ha permitido exportar a xml con gran rapidez y funciona en dreamweaver, pero el problema lo tengo en las imágenes, ya que no se que decirle en el campo IMAGEN que he creado para cada noticia para que al exportarlo a xml entienda que ahí irá la ruta de la foto que deberá coger del sitio x. El campo imagen es un VARCHAR(25) porque me pareció verlo en algún sitio.
El problema es que cuando el xml entra en dreamweaver, en la celda imagen vuelca las palabras foto1.jpg en formato texto en vez de la foto.
Agradecería que me indicarais si esto es posible hacerlo en phpmyadmin o como.
Saludos y muchas gracias.

jam1138 · #2 (**permalink**) 04/08/2006, 00:41

Cita:

y funciona en dreamweaver, pero el problema lo tengo en las imágenes, ya que no se que decirle en el campo IMAGEN que he creado para cada noticia para que al exportarlo a xml entienda que ahí irá la ruta de la foto que deberá coger del sitio x

Al reves

: DreamWeaver funciona con (accede a) phpMyAdmin.

La "ubicación de la imágen" es una URL, texto plano. Es el navegador el que debe interpretar dicha "cadena de texto" y mostrar la imágen en su lugar, claro, se lo debes indicar con la etiqueta <img> (XHTML) de la siguiente manera:

Código HTML:

<img src="el_texto_guardado_en_tu_BD" />

No manejo DreamWeaver, no entiendo lo que dices hacer con este software (¿convierte XML en HTML?

...) y cómo es que interactua con phpMyAdmin, pero sí te diré que si lo que quieres es guardar la ruta de un archivo en la BD un campo VACHAR es correcto (quizá con más longitud).

Estás haciendo referencia de "una aplicación" del DW, así que concluyo "tu problema" es con el uso del mismo. Muevo tu tema a Editores Web, ojalá y alguien pueda ayudarte.

Suerte!

PD: Por favor no dupliques temas. Lee las políticas del foro.

juaniquillo · #3 (**permalink**) 04/08/2006, 10:25

como bien ha dicho jam1138 no te vasta para poner el nombre de la imagen, sin que tambien tienes poner la ruta donde se encuentra. puedes incluirla en la base de datos o en la misma pagina:

Código PHP:

  1- <img src="<php echo $el_texto_guardado_en_tu_BD; ?>" />
2- <img src="ruta_de_la_imagen/<php echo el_texto_guardado_en_tu_BD; ?>" />

Y si, DW8 tiene unas muy nuevas y buenas funciones para manejar xml graficamente, aunque podrian ser un poco mejores, osea, integrarlas mas con los lenguajes dinamicos. Pero DW no interactua con PHPMyAdmin. Diras que usas PHPMyAdmin para interactuar con la BBDD.

Saludos.

PINKYSHADOW · #4 (**permalink**) 06/08/2006, 15:55

Saludos a los dos, gracias de antemano por vuestra colaboración, voy a probarlo a ver si funciona como lo explica juaniquillo, ya que lo que explicas jam1138 lo he probado y no veo la luz.
No se si lo he explicado bien, porque en dreamweaver me sale el panel vinculaciones con el xml que he adjuntado, desde ahí voy arrastrando cada una de las etiquetas del xml a una celda de una tabla que he creado en dreamweaver para poderla usar de región repetida y así poder incluir todas las noticias del xml. Estoy trabajando en un archivo xsl.
He probado a poner <img src="foto1.jpg"> en el campo Imagen de la base de datos y dreamweaver me genera un error de parser. Además que utilizo phpmyadmin para tener un entorno en el que ir escribiendo en los diversos campos de la celda, exportar un xml acabado y no editar el xml a mano.
Si pongo en la celda de la tabla de dreamweaver:
<td><img src="foto1.jpg"></td> me carga la foto que hay en ese directorio, por supuesto, pero lo quiero de forma genérica al igual que hace con las noticias, por que de lo contrario no puedo utilizar región repetida, ya que estas regiones no las veo, sino que entran en la tabla a modo de
<td><xsl:value of select="Titular"></td> o en modo gráfico me pone: {titular} en la celda correspondiente para poder duplicar esto en región repetida y absorba todas las etiquetas titular del xml una trás otra.
Luego el problema es que pongo en el campo Imagen de phpmyadmin para que cuando me genere el xml y este lo introduzca en dreamweaver, al arrastrar la etiqueta imagen genérica a la celda entienda que debe ir absorbiendo cada una de las etiquetas imagen de cada artículo, que serán:
<imagen>foto1.jpg</imagen> ---fin de la noticia 1 --- <imagen>foto2.jpg</imagen> --- fin de la noticia 2.
No se si me explicado correctamente pero de todos modos muchas gracias a los dos por el apoyo. Voy a probar lo que me dices primero juanquillo, a ver si es la piedra que falta.

juaniquillo · #5 (**permalink**) 07/08/2006, 07:58

Dejame ver si entendi. Haces un documento XML con la info que sacas de tu base de datos y Haces una pagina XSLT en DW para poder manejar el XML graficamente?

PINKYSHADOW · #6 (**permalink**) 07/08/2006, 09:06

Exacto, tan solo utilizo phpmyadmin para crear bases de datos, como todos, vamos.
Pero tiene una opción para exportar los datos de una tabla x a XML, con que me evito tener que ir creando el XML a mano, que no es que sea muy difícil, pero para ciertas personas es más fácil ir añadiendo información dentro de cajas vacías de texto con su titulito que no crear un XML. No me refiero a mí, sino a un posible cliente.

Y utilizo una página XSL para formatear los datos XML, así es como funciona dreamweaver, vamos, así está en el manual. Una vez tenga esto acabado, se vuelve a exportar la página XSL a una página XSLT y por último a una página XML como por ejemplo noticas.xml. Desde cualquier enlace del site en html puedo linkar con esta página muestra.xml que me mostrará los datos del xml uno tras otro, ya que definí una región repetida para esa tabla.

Buff, pero la verdad es que no se que poner en el campo IMAGEN de la base de datos o vamos entre las etiquetas <imagen>-----</imagen> del XML.

juaniquillo · #7 (**permalink**) 07/08/2006, 09:16

bueno, ya voy entendiendo. lo que todavia no estoy seguro es que tienes en el campo de imagen en la base de datos. si solo tienes el nombre de la imagen (imagen.jpg) o si tienes el nombre de la imagen y la ruta de la misma (imagenes/imagen.jpg). No se si el error es porque no se puede encontrar la imagen o porque el codigo esta mal escrito. Yo nunca he puesto una imagen en un documento XML, pero si he visto que se puede hacer asi que veremos que se puede hacer y asi aprendemos los dos.

PINKYSHADOW · #8 (**permalink**) 07/08/2006, 11:32

Hola Juanquillo, te agradezco enormemente que estes ahí al pie del cañon.
He estado hablando con un colega y me recomienda que en el campo Imagen de la base de datos que es un VARCHAR(25) ponga la ruta absoluta de la carpeta donde estan las imágenes, pero lo he probado y no funciona.

Te pongo el xml para que veas la cuestión:

<moncofa>
<id>1</id>
<Titulo>Este va a ser el primer titular del día</Titulo>
<Subtitulo>Seguimos con ello a pesar de los resultados</Subtitulo>
<Autor>La Rodalia</Autor>
<Contenido>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

</Contenido>
<Imagen>img/foto1.jpg</Imagen>
<Fecha>2006-08-02</Fecha>
</moncofa>
<moncofa>
<id>2</id>
<Titulo>Segundo titular de la tarde y parece que va a llover en fin no lo entiendo mucho</Titulo>
<Subtitulo>Pues eso tiramos con el subtitular</Subtitulo>
<Autor>Tono Arnau</Autor>
<Contenido>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

</Contenido>
<Fecha>2006-08-30</Fecha>
</moncofa>

Es un simple xml, que he exportado desde phpmyadmin. Da igual lo que ponga en phpmyadmin, dejemos este tema para otro día. La cuestión es que el xml está en la misma carpeta que el archivo xsl y que la foto.
Si pongo entre las etiquetas <imagen>foto1.jpg</imagen> me aparece el texto y no la foto y vamos creo que si está en el mismo directorio que el archivo debería bastar. Pero bueno, digamos que pongo <imagen>img/foto1.jpg</imagen> donde img es la carpeta que tiene la foto claro, pues tampoco, entonces aparece img/foto1.jpg en formato texto, que risa.
En fin, voy a hablar con unos coleguitas, a ver que pasa, porque la verdad es que nunca había puesto la ruta de una imagen entre dos etiquetas de un xml.
Gracias.

juaniquillo · #9 (**permalink**) 07/08/2006, 13:00

el problema no creo que sea el xml, porque yo lo veo perfecto. Lo de usar VARCHAR(25) tambien lo veo bie. pero piensa que donde quieres poner la foto es en la pagina XSLT, o no? te lo digo porque el xml es solo informacion y lo que tu quieres hacer es expresar el xml graficamente, no? Si es asi, creo que puedes enseñar imagenes en una pagina XSLT usando html.
En el XSLT, no te sale la imagen como tal?

PINKYSHADOW · #10 (**permalink**) 08/08/2006, 03:58

Hola Juanquillo.
Si quiero poner la foto en la página XSL porque es está la que se encarga de dar formato al xml. En pocas palabras, para poder trabajar con un archivo xml en dreamweaver y extraer su información hacia el html es mediante una página XSL o bien entera o bien parcial. Una vez puedes importar el xml en dreamweaver vas arrastrando las etiquetas de ese xml hacia una tabla por ejemplo y con css, vas formateando esas etiquetas, pero todo desde un archivo XSL. Una vez has acabado, lo conviertes a un xml con el mismo nombre que lo que hace es añadir un vinculo entre las etiquetas head hacia esa página xsl.Vamos, lo mismo que con css que formatea un html y entre head se pone la dirección de la hoja de estilos, el xml hace lo mismo con la hoja xsl. Esto es así, porque en estos casos estamos trabajando dinámicamente, con datos extraídos de fuera.
La verdad es que es eso lo que quiero, es decir, representar la etiqueta <imagen> del xml gráficamente.
En una página xsl puedo mostrar imágenes sin ningún problema usando html con el tipo: <td><img src="img/foto1.jpg"></td> pero claro con esto entraría en esa celda la foto1.jpg, pero yo no quiero eso. Yo quiero lo que pone el xml para el resto de etiquetas que es:
<td><xsl:value-of select "imagen"></td> que sirve para utilizarlo en región repetida y absorber etiqueta a etiqueta una trás otra, todo muy dinámico. Esto funciona porque lo hace con el resto de etiquetas del xml y va volcando noticia a noticia con sus titulares, fecha, autor, contenido, incluso la imagen pero en formato texto "foto1.jpg" que es lo que pone entre etiquetas imagen del xml.
bufff

juaniquillo · #11 (**permalink**) 08/08/2006, 10:21

ya te entiendo. Dejame hacer unas pruebas y veo que se puede hacer.

PINKYSHADOW · #12 (**permalink**) 08/08/2006, 10:26

Gracias por estar ahí tio, estoy apunto de abandonar el barco, pero bueno, voy a seguir haciendo pruebas.
También me comentan que a lo mejor puede pasar que esto no funcione a nivel local, me refiero a un servidor local, sino que para probarlo debería ser online y subirlo a la red. Pero vamos, entonces habría encontrado un fallo en el programa porque realmente el resto del xml lo vuelca de maravilla sin ningún problema, formateado, ordenado, tal como lo hice en css.
En fin, voy a seguir.
Mil gracias

PINKYSHADOW · #13 (**permalink**) 09/08/2006, 09:40

Bueno, por fin, ya lo tengo.
Pues nada de xml, al final he creado la base de datos con phpmyadmin y el campo IMAGEN al final se queda como VARCHAR(25) y puedo poner foto1.jpg y así sucesivamente rellenando la base de datos. Cuando ya la tengo, en vez de exportarla a xml, la guardo tal cual, como una base de datos normal dbnoticias.sql.
Desde dreamweaver en vez de trabajar con un archivo xsl, lo hago con un archivo nuevo php.
Establezco una conexión en dreamweaver con esa base de datos, para ello, tengo un servidor local activado.
Creo un juego de registros de esa base de datos, y cuando aparecen en el panel vinculaciones voy arrastrando cada uno de los campos que componen una noticia a las celdas de la tabla que creado para tal efecto.
Por último, selecciono la tabla y la convierto a región repetida y zas, aparecen las noticias una tras otra dinámicamente.
Cuando coloco el registro imagen en la celda de la tabla debo ir al modo código y poner <td><img src="img/<?php .... el resto lo pone el programa enlazando hacia la base de datos?/>.
Ahora solo falta darle un par de formateos con css, sobretodo clases para el contenido de las celdas y ya está.
Saludos

juaniquillo · #14 (**permalink**) 09/08/2006, 13:08

pues asi lo hago yo, por eso te lo habia dicho mas arriba. Aunque me he quedado con la duda de como se puede hacer con un documento xml como fuente.
bueno, me alegro por ti hombre. saludos.

sasukekonoha · #15 (**permalink**) 25/02/2009, 12:49

Cita:

Iniciado por juaniquillo

pues asi lo hago yo, por eso te lo habia dicho mas arriba. Aunque me he quedado con la duda de como se puede hacer con un documento xml como fuente.
bueno, me alegro por ti hombre. saludos.

Hola eh estado leyendo este post y me encantaria que me ayudaran a resolver lo de las imagenes por que necesito hacer catalogo y no puedo hacer nada con las imagenes todo en texto no hay bronca el problema son las imaganes tambien estoy utilizando xml y xsl en dreamweaver.

Gracias de antemano