getElementById vs Blackberry

gamemax · #1 (**permalink**) 03/09/2008, 07:53

Buenas,

Estoy haciendo una pagina web que permite mostrar una imagen de una webcam y actualizar la imagen de forma automatica. Para ellos, el programa trae la imagen desde una pagina php llamada image.php que es la que posee las instrucciones para capturar la imagen de la cámara. Al terminar de cargar la imagen, se llama a la funcion InitialImage(), la cual se encarga de llamar a la funcion que realiza la precarga de la imagen y de mostrar esta una vez precargada. Tras esto, vuelve a ponerse en funcionamiento el atributo onload de la etiqueta img lo que permite que una vez terminada de mostrar la imagen se vuelva a llamar a la funcion InitialImage(). Todo esto y de forma rapida genera una consecucion de imagenes que hacen que la imagen parezca ser un video.
Ahora viene el problema. Me funciona en IE, Mozilla, WMobile, Symbian, ... pero no en Blackberry.

Alguien tiene alguna idea el por que no??

Mil gracias

Código:

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

<meta http-equiv="Cache-Control" content="max-age=120" ></meta> 
<meta http-equiv="Content-Type" 
content="text/html ; charset=iso-8859-1"/> 
<title>Office</title> 

<meta http-equiv="Cache-Control" content="no-cache; mustrevalidate"> 

<script type="text/javascript" language="JavaScript"> 

newImage = new Image(); 


function LoadNewImage() { 
var unique = new Date(); 
document.getElementById('webcam').src = newImage.src; 
newImage.src = "image.php?cam=00408C81362E&img=still&scale=exact&x=160&resolution=320x240&STSSESSID=4cfcdf089fae8f76caacc35fcf3c38c0&dummy=1220448734?time=" + unique.getTime(); 
} 

function InitialImage() { 
var unique = new Date(); 
newImage.onload = LoadNewImage; 
newImage.src = "image.php?cam=00408C81362E&img=still&scale=exact&x=160&resolution=320x240&STSSESSID=4cfcdf089fae8f76caacc35fcf3c38c0&dummy=1220448734?time=" + unique.getTime(); 
document.getElementById('webcam').onload= ""; 
} 
</script> 



</head> 
<body> 
<p><a href="view.php?x=160&amp;map=0&amp;ptz=1&amp;STSSESSID=4cfcdf089fae8f76caacc35fcf3c38c0&amp;dummy=1220448734&amp;cam=00408C81362E"><img width="160" height="120" 
src="image.php?cam=00408C81362E&amp;img=still&amp;scale=exact&amp;x=160&amp;resolution=320x240&amp;STSSESSID=4cfcdf089fae8f76caacc35fcf3c38c0&amp;dummy=1220448734" name="webcam" onload="InitialImage()" 
alt="Descargando imagen..."/></a> 
</body></html>

Panino5001 · #2 (**permalink**) 03/09/2008, 08:15

En principio, el atributo id no está definido en el código que estás mostrando (sólo está definido el name, con lo cual tendrías que usar document.nombreImagen o document.images[0] si tenés una sóla)

gamemax · #3 (**permalink**) 03/09/2008, 10:24

Cita:

Iniciado por Panino5001

En principio, el atributo id no está definido en el código que estás mostrando (sólo está definido el name, con lo cual tendrías que usar document.nombreImagen o document.images[0] si tenés una sóla)

Entonces que debería hacer? Poner id="webcam" en vez de name="webcam". ¿Eso es todo? Aun no lo he probado, pero... y por que en IE, WMobile y Symbian funciona sin problemas? No debería falla siempre?

Gracias

Panino5001 · #4 (**permalink**) 03/09/2008, 10:38

Los otros no los uso. Explorer confunde id con name, e incluso si le asignás a una variable el nombre de un id existente tendrás conflictos (son fallos de explorer).
No hace falta que reemplaces sino que agregues un atributo id:

Código PHP:

  <img src="pepe.jpg" name="pepe" id="pp" alt="hola" width="50" height="50" />

<script>alert(document.getElementById('pp').src);alert(document.pepe.src);alert(document.images[0].src);</script>

gamemax · #5 (**permalink**) 04/09/2008, 01:39

Cita:

Iniciado por Panino5001

Los otros no los uso. Explorer confunde id con name, e incluso si le asignás a una variable el nombre de un id existente tendrás conflictos (son fallos de explorer).
No hace falta que reemplaces sino que agregues un atributo id:

Código PHP:

  <img src="pepe.jpg" name="pepe" id="pp" alt="hola" width="50" height="50" />

<script>alert(document.getElementById('pp').src);alert(document.pepe.src);alert(document.images[0].src);</script>

Ok, he visto que en otros navegadores, sobretodo antiguos, me ha empezado a funcionar pero en blackberry sigue sin funcionar. Alguna idea?

Panino5001 · #6 (**permalink**) 04/09/2008, 05:05

Probaste las 3 maneras de referenciar la imagen que te propuse y ninguna funcionó?

gamemax · #7 (**permalink**) 04/09/2008, 14:43

Cita:

Iniciado por Panino5001

Probaste las 3 maneras de referenciar la imagen que te propuse y ninguna funcionó?

No, solo document.getElementById('pp').src) y document.images[0].src.

He contactado con blackberry y me comentan lo siguiente:

"I wanted to give you an update on my findings. I tried the new URL on a BlackBerry 8310 with handheld software v4.5 and the image did not refresh. However, when I tried it on a BlackBerry 9000 (Bold) with handheld software v4.6 the image automatically refreshed! So this could point to a bug in our handheld software, or that your HTML is not conforming to the HTML and/or JavaScript standards as implemented in our Browser. I’ll try looking for a workaround on other in-market devices."

El codigo javascript ya lo has visto. Esta conforme a las normas de programacion de este tipo de codigo?

La verdad es que no entiendo nada y ahora menos por que que no les funcione a ellos en un telefono con v4.5 y si en otro con v4.6 ya me parece increible.

Se te ocurre algo por lo que no funcione en unos terminales y si en otros o nos quedamos aqui ya estancados a la espera que Blackberry comunique algo?

Gracias