Foros del Web » Creando para Internet » HTML »

Insertar imagenes en html, con java y xml

Estas en el tema de Insertar imagenes en html, con java y xml en el foro de HTML en Foros del Web. Tengo un xml sobre pokemons (tonterias del profe), para leerlo desde html le he puesto un script de java que encontre por internet (porque de ...
  #1 (permalink)  
Antiguo 26/12/2013, 12:09
 
Fecha de Ingreso: diciembre-2013
Mensajes: 16
Antigüedad: 5 años, 10 meses
Puntos: 1
Insertar imagenes en html, con java y xml

Tengo un xml sobre pokemons (tonterias del profe), para leerlo desde html le he puesto un script de java que encontre por internet (porque de xsl no entendi nada):

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <LINK REL=StyleSheet HREF="estilo.css" TYPE="text/css" >
  3. <div align="center"><img src="pokemons.jpg" width="650px";heigth="100px";></div>
  4. </head>
  5.     <body align="center";>
  6.    
  7.             <script>
  8. if (window.XMLHttpRequest)
  9.   {// code for IE7+, Firefox, Chrome, Opera, Safari
  10.   xmlhttp=new XMLHttpRequest();
  11.   }
  12. else
  13.   {// code for IE6, IE5
  14.   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  15.   }
  16. xmlhttp.open("GET","pokemons.xml",false);
  17. xmlhttp.send();
  18. xmlDoc=xmlhttp.responseXML;
  19.  
  20. document.write("<table border='1'>");
  21. var x=xmlDoc.getElementsByTagName("pokemon");
  22. for (i=0;i<x.length;i++)
  23.  {
  24.  
  25.  document.write("<tr><td>");
  26.   document.write(x[i].getElementsByTagName("NOM")[0].childNodes[0].nodeValue);
  27.   document.write("</td><td>");
  28.   document.write(x[i].getElementsByTagName("CLASSE")[0].childNodes[0].nodeValue);
  29.   document.write("</td><td>");
  30.   document.write(x[i].getElementsByTagName("PUNTS_VIDA")[0].childNodes[0].nodeValue);
  31.   document.write("</td><td>");
  32.   document.write(x[i].getElementsByTagName("ETAPA")[0].childNodes[0].nodeValue);
  33.   document.write("</td><td>");
  34.   document.write(x[i].getElementsByTagName("ATACS")[0].childNodes[0].nodeValue);
  35.   document.write("</td><td>");
  36.   document.write(x[i].getElementsByTagName("FEBLESA")[0].childNodes[0].nodeValue);
  37.   document.write("</td><td>");
  38.   document.write(x[i].getElementsByTagName("FORTALESA")[0].childNodes[0].nodeValue);
  39.   document.write("</td><td>");
  40.   document.write(x[i].getElementsByTagName("COST_RETIRADA")[0].childNodes[0].nodeValue);
  41.   document.write("</td><td>");
  42.   document.write(x[i].getElementsByTagName("FOTO")[0].childNodes[0].nodeValue);
  43.   document.write("</td></tr>");
  44.  
  45.   document.write("<tr><td>");
  46.   document.write(x[i].getElementsByTagName("nom")[0].childNodes[0].nodeValue);
  47.   document.write("</td><td>");
  48.   document.write(x[i].getElementsByTagName("classe")[0].childNodes[0].nodeValue);
  49.   document.write("</td><td>");
  50.   document.write(x[i].getElementsByTagName("punts_vida")[0].childNodes[0].nodeValue);
  51.   document.write("</td><td>");
  52.   document.write(x[i].getElementsByTagName("etapa")[0].childNodes[0].nodeValue);
  53.   document.write("</td><td>");  
  54.   document.write(x[i].getElementsByTagName("atacs")[0].childNodes[0].nodeValue);
  55.   document.write("</td><td>");
  56.   document.write(x[i].getElementsByTagName("feblesa")[0].childNodes[0].nodeValue);
  57.   document.write("</td><td>");
  58.   document.write(x[i].getElementsByTagName("fortalesa")[0].childNodes[0].nodeValue);
  59.   document.write("</td><td>");
  60.   document.write(x[i].getElementsByTagName("cost_retirada")[0].childNodes[0].nodeValue);
  61.   document.write("</td><td>");
  62.   document.write(x[i].getElementsByTagName("foto")[0].childNodes[0].nodeValue);
  63.   document.write("</td></tr>");  
  64.   }
  65. document.write("</table>");
  66.     </body>
  67.  
  68. </html>

He modificado lo que esta dentro del "for", las palabras en mayuscula son el titulo de la celda del dato, las palabras en minuscula son el dato.Todo esta en la misma carpeta.
1. Necesito saber como hacer que se vean las imagenes, pensaba que con escribir "nombre.extensión" en su correspondiente lugar del xml, el html las leeria atraves de java pero no funcionó. Entonces vi en algunas paginas que tiene que ver con xsl pero no lo entendi.
2. Quisiera hacer que se vea un pokemon(foto e info) a la ves y que al clicar un boton pase al siguiente o hacia atras, ya que el script me lo muestra todo en una tabla i sin fotos.

Última edición por pzin; 27/12/2013 a las 08:41 Razón: formato código
  #2 (permalink)  
Antiguo 26/12/2013, 17:10
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.594
Antigüedad: 17 años, 7 meses
Puntos: 1277
Respuesta: Insertar imagenes en html, con java y xml

Hola:

Un xsl es un archivo asociado a los ficheros xml para poder mostrar su contenido en un navegador...

Sobre tu código, debes estudiar algo más de javascript y de html, porque para mostrar imágenes, simplemente debes tener una etiqueta img, y a simple vista solo muestras una tabla con sus celdas... si conoces la url de la imagen, basta con crear un tag img y poner esa url en su atributo src...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: boton, css, href, imagenes, java, xml
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

SíEste tema le ha gustado a 1 personas




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