JavaScript cliente multi navegador... ayudas y comentarios

ferg:
Si colocas el código com align=right la imagen no se ve... pués queda
fuera de la ventana, y no se puede hacer scrool...

<table width="100%" border=1>
<tr>
<td align="right">
<a class="thumbnail" href="#thumb">mouse over!!!<span><img
src="tree_thumb.jpg" /><br />imagen mostrada</span></a>
</td>
</tr>
</table>

"ferg" wrote in message
news:%23$
Mostrar la cita

Manuel; yo particularmente lo haría con CSS. Fijate el siguiente ejemplo
que te adjunto. Espero que te sirva...

Saludos.
Ing. Fernando D. Giletta
MP: 4035 CIEC
San Fco. Cba. Arg.

"Manuel Vera" escribió en el mensaje
news:
Mostrar la cita

:(

Bueno, la idea es ocultar o mostrar una imagen que inicialmente esta
escondida.
Entonces, al usuario pasar el mouse por una palabra, por ejemplo:
<a onmouseover="mostrar()">Mostrar</a>
En la rutina "mostrar" se hace el cambio del display, segun sea el caso.
Al salir el mouse de la imagen, es decir:
<img ... onmouseout="ocultar()"/>
Se ejecuta la rutina para volver a esconder esa imagen recien mostrada.
Si existe alguna forma más óptima para hacer eso, o menos engorrosa,
bienvenida sea.

En principio, lo que necesito saber es la universalidad de la propiedad
"all" en los distintos navegadores actualmente utilizados: Internet
Explorer, FireFox, Opera, Netscape, Safari, etc.

Gracias
MV

"ferg" escribió en el mensaje
news:O%
Mostrar la cita

Manuel; perdona, pero no entiendo para que utilizas javaScript para
definir la propiedad display de un elemento?

Saludos
Ing. Fernando D. Giletta
MP: 4035 CIEC
San Fco. Cba. Arg.

"Manuel Vera" escribió en el mensaje
news:
Mostrar la cita

Hola

Tengo un DIV al que le asigné un ID="unico", es decir:

<DIV id="unico">
<DIV>

Desde codigo JavaScript estoy utilizando lo siguiente para
referenciarlo
y modificarlo:

// Mi JavaScript
document.all.unico.style.display='inline';

Esto lo he probado desde IE y FireFox y funciona bien.
Ahora, la pregunta es:

¿Ese código utilizando la propiedad "all" que problemas puede traerme
en
otros navegadores?
Se que "all" no funcionaba en versiones viejas de Netscape, pero no se
como se encuentra su uso actualmente.

Bienvenidos todos sus comentarios

Saludos
MV

Nuno; efectivamente si alineas a la derecha, no verás la imagen, ya que el
ejemplo, sostenía que las imagenes se mostraban a la derecha del texto,
porque suponia que el texto se alineaba a la izquierda; pero para que lo que
tu dices funcione, tienes 2 opciones:

1) - Que la tabla, no ocupe el 100. Ejemplo
<table width="80%" border=0>
<tr>
<td align="right">
<a class="thumbnail" href="#thumb">mouse over!!!<span><img
src="tree_thumb.jpg" /><br />imagen mostrada</span></a>
</td>
</tr>
</table>

2) Adaptar el codigo de estilo para que se trabaje con la imagen a la
izquierda del texto, en lugar de a la derecha. Ejemplo:
/* Reemplazar en esta definición el la propiedad left: 60px por -60px*/
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

Saludos.
Ing. Fernando D. Giletta
MP: 4035 CIEC
San Fco. Cba. Arg.

"Nuno Santos" <nunos7@[REMOVER]hotmail.com> escribió en el mensaje
news:
Mostrar la cita

ferg:
Si colocas el código com align=right la imagen no se ve... pués queda
fuera de la ventana, y no se puede hacer scrool...

<table width="100%" border=1>
<tr>
<td align="right">
<a class="thumbnail" href="#thumb">mouse over!!!<span><img
src="tree_thumb.jpg" /><br />imagen mostrada</span></a>
</td>
</tr>
</table>

"ferg" wrote in message
news:%23$
Mostrar la cita

Manuel; yo particularmente lo haría con CSS. Fijate el siguiente ejemplo
que te adjunto. Espero que te sirva...

Saludos.
Ing. Fernando D. Giletta
MP: 4035 CIEC
San Fco. Cba. Arg.

"Manuel Vera" escribió en el mensaje
news:
Mostrar la cita

:(

Bueno, la idea es ocultar o mostrar una imagen que inicialmente esta
escondida.
Entonces, al usuario pasar el mouse por una palabra, por ejemplo:
<a onmouseover="mostrar()">Mostrar</a>
En la rutina "mostrar" se hace el cambio del display, segun sea el caso.
Al salir el mouse de la imagen, es decir:
<img ... onmouseout="ocultar()"/>
Se ejecuta la rutina para volver a esconder esa imagen recien mostrada.
Si existe alguna forma más óptima para hacer eso, o menos engorrosa,
bienvenida sea.

En principio, lo que necesito saber es la universalidad de la propiedad
"all" en los distintos navegadores actualmente utilizados: Internet
Explorer, FireFox, Opera, Netscape, Safari, etc.

Gracias
MV

"ferg" escribió en el mensaje
news:O%
Mostrar la cita

Manuel; perdona, pero no entiendo para que utilizas javaScript para
definir la propiedad display de un elemento?

Saludos
Ing. Fernando D. Giletta
MP: 4035 CIEC
San Fco. Cba. Arg.

"Manuel Vera" escribió en el mensaje
news:
Mostrar la cita

Hola

Tengo un DIV al que le asigné un ID="unico", es decir:

<DIV id="unico">
<DIV>

Desde codigo JavaScript estoy utilizando lo siguiente para
referenciarlo
y modificarlo:

// Mi JavaScript
document.all.unico.style.display='inline';

Esto lo he probado desde IE y FireFox y funciona bien.
Ahora, la pregunta es:

¿Ese código utilizando la propiedad "all" que problemas puede traerme
en
otros navegadores?
Se que "all" no funcionaba en versiones viejas de Netscape, pero no se
como se encuentra su uso actualmente.

Bienvenidos todos sus comentarios

Saludos
MV

Hola Ferg, mismo asin la image puede no ser visivel. Eso implica que
tendriamos que tener dos classes diferentes para utilizar cuando el texto
sea align:right e otra qcuando el texto sea align:left, hace unos tiempos
hice um código parecido pero lo que hice fué utilizar javascript para saber
la posición del elemento que estava mostrando el div o span y despúes con la
medida del browser e de lo que queria mostrar hacia los cálculos para
posicionar el div o span...

Pero para cosas más simples tu ejemplo está muy bueno y muy simples :)

Nuno Santos

"ferg" wrote in message
news:%23hT%
Mostrar la cita

Nuno; efectivamente si alineas a la derecha, no verás la imagen, ya que el
ejemplo, sostenía que las imagenes se mostraban a la derecha del texto,
porque suponia que el texto se alineaba a la izquierda; pero para que lo
que tu dices funcione, tienes 2 opciones:

1) - Que la tabla, no ocupe el 100. Ejemplo
<table width="80%" border=0>
<tr>
<td align="right">
<a class="thumbnail" href="#thumb">mouse over!!!<span><img
src="tree_thumb.jpg" /><br />imagen mostrada</span></a>
</td>
</tr>
</table>

2) Adaptar el codigo de estilo para que se trabaje con la imagen a la
izquierda del texto, en lugar de a la derecha. Ejemplo:
/* Reemplazar en esta definición el la propiedad left: 60px por -60px*/
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

Saludos.
Ing. Fernando D. Giletta
MP: 4035 CIEC
San Fco. Cba. Arg.

"Nuno Santos" <nunos7@[REMOVER]hotmail.com> escribió en el mensaje
news:
Mostrar la cita

ferg:
Si colocas el código com align=right la imagen no se ve... pués queda
fuera de la ventana, y no se puede hacer scrool...

<table width="100%" border=1>
<tr>
<td align="right">
<a class="thumbnail" href="#thumb">mouse over!!!<span><img
src="tree_thumb.jpg" /><br />imagen mostrada</span></a>
</td>
</tr>
</table>

"ferg" wrote in message
news:%23$
Mostrar la cita

Manuel; yo particularmente lo haría con CSS. Fijate el siguiente ejemplo
que te adjunto. Espero que te sirva...

Saludos.
Ing. Fernando D. Giletta
MP: 4035 CIEC
San Fco. Cba. Arg.

"Manuel Vera" escribió en el mensaje
news:
Mostrar la cita

:(

Bueno, la idea es ocultar o mostrar una imagen que inicialmente esta
escondida.
Entonces, al usuario pasar el mouse por una palabra, por ejemplo:
<a onmouseover="mostrar()">Mostrar</a>
En la rutina "mostrar" se hace el cambio del display, segun sea el
caso.
Al salir el mouse de la imagen, es decir:
<img ... onmouseout="ocultar()"/>
Se ejecuta la rutina para volver a esconder esa imagen recien mostrada.
Si existe alguna forma más óptima para hacer eso, o menos engorrosa,
bienvenida sea.

En principio, lo que necesito saber es la universalidad de la propiedad
"all" en los distintos navegadores actualmente utilizados: Internet
Explorer, FireFox, Opera, Netscape, Safari, etc.

Gracias
MV

"ferg" escribió en el mensaje
news:O%
Mostrar la cita

Manuel; perdona, pero no entiendo para que utilizas javaScript para
definir la propiedad display de un elemento?

Saludos
Ing. Fernando D. Giletta
MP: 4035 CIEC
San Fco. Cba. Arg.

"Manuel Vera" escribió en el mensaje
news:
Mostrar la cita

Hola

Tengo un DIV al que le asigné un ID="unico", es decir:

<DIV id="unico">
<DIV>

Desde codigo JavaScript estoy utilizando lo siguiente para
referenciarlo
y modificarlo:

// Mi JavaScript
document.all.unico.style.display='inline';

Esto lo he probado desde IE y FireFox y funciona bien.
Ahora, la pregunta es:

¿Ese código utilizando la propiedad "all" que problemas puede traerme
en
otros navegadores?
Se que "all" no funcionaba en versiones viejas de Netscape, pero no
se
como se encuentra su uso actualmente.

Bienvenidos todos sus comentarios

Saludos
MV