Re: [Ovillo] off-topic javascript
Rollover simple:
function permuta(nombre,enlace){
document.getElementById(nombre).src=enlace
}
Almirante von Web/.
--
"Educando al asno, por no apalearlo."
©2007 ;-)
- Original Message -
From: "sn" <[EMAIL PROTECTED]>
To: "Ovillo, la lista de CSS en castellano"
Sent: Wednesday, February 21, 2007 6:10 AM
Subject: Re: [Ovillo] off-topic javascript
salud marc.
muchas gracias por la explicación y por las puntualizaciones sobre estadares
y accesibilidad.
son muy bien recibidas y las he implementado inmediatamente.
sin embargo el tema del dichoso cuadrado blanco con la x sigue
incordiándome.
con éste código sigue apareciendo:
//Esto realmente no es necesario
//pero si te da problemas de carga
//le metemos chicha
var i = new Image();
i.src="pencil.png";
window.onload=function(){
imglink = document.getElementById('imagen');
alink = document.getElementById('link');
alink.onmouseover=function(){
imglink.style.display="inline";
}
alink.onmouseout=function(){
imglink.style.display="none";
}
imglink.style.display="none";
}
#divContenedor {
position:relative;
}
#imagen {
position:absolute;
top:0px;
left:30px;
z-index:9;
float:left;
border:0;
display:none;
}
#boton {
z-index:10;
position:absolute;
width:20px;
height:20px;
border:0px;
}
#link:hover #imagen {
width:200px;
height:200px;
background:url(graphics/img_gistredo/jpg/1.jpg);
text-align:center;
}
algo debo estar pasando por alto.
un saludo!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] off-topic javascript
Perdonar que haga un OT dentro de otro OT, pero ya me ha pasado dos veces, y
no se me ocurre otra forma de preguntarlo...
He mandado un mail a ovillo@lists.ovillo.org y no lo recibo en mi outlook, y
por lo que veo vosotros tampoco.
Lo mismo me pasó hace unos meses cuando relicé una consulta... y tampoco
recibo errores. Lo curioso es que RESPONDO a uno de los mails, y sí que
funciona (antes lo hacía así siempre, cuando no sabía lo que era eso de
"secuestro de threads").
¿Cómo hago para enviar un mail a la lista?
Si lo preferís podéis responderme directamente a [EMAIL PROTECTED]
Gracias y disculpad este OTOT.
__
?>
www.themovie.org
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] nombre de Marc Palau
Enviado el: miércoles, 21 de febrero de 2007 12:38
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] off-topic javascript
En teoría está bien, pero me gustaría hacer pruebas con exactamente lo que
tienes, te parece bien empaquetar-lo todo en un zip y enviarlo? (el
ejemplo con las imágenes).
También estaría bien saber con que navegador te está fallando, así como si
solo es con uno o con todos.
Para facilitar las cosas, mandame el zip a mi correo marc arroba palaueb
punto com.
saludos!!
Marc
> salud marc.
> muchas gracias por la explicación y por las puntualizaciones sobre
> estadares
> y accesibilidad.
> son muy bien recibidas y las he implementado inmediatamente.
> sin embargo el tema del dichoso cuadrado blanco con la x sigue
> incordiándome.
> con éste código sigue apareciendo:
>
>
>
>
>//Esto realmente no es necesario
>//pero si te da problemas de carga
>//le metemos chicha
>
>var i = new Image();
>i.src="pencil.png";
>
>window.onload=function(){
>imglink = document.getElementById('imagen');
>alink = document.getElementById('link');
>alink.onmouseover=function(){
>imglink.style.display="inline";
>}
>alink.onmouseout=function(){
>imglink.style.display="none";
>}
>imglink.style.display="none";
>}
>
>
>
> #divContenedor {
> position:relative;
> }
> #imagen {
> position:absolute;
> top:0px;
> left:30px;
> z-index:9;
> float:left;
> border:0;
> display:none;
> }
> #boton {
> z-index:10;
> position:absolute;
> width:20px;
> height:20px;
> border:0px;
> }
> #link:hover #imagen {
> width:200px;
> height:200px;
> background:url(graphics/img_gistredo/jpg/1.jpg);
> text-align:center;
> }
>
>
>
>
>
> alt="BOTON" />
>
>
>
>
>
>
> algo debo estar pasando por alto.
> un saludo!!
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] off-topic javascript
En teoría está bien, pero me gustaría hacer pruebas con exactamente lo que
tienes, te parece bien empaquetar-lo todo en un zip y enviarlo? (el
ejemplo con las imágenes).
También estaría bien saber con que navegador te está fallando, así como si
solo es con uno o con todos.
Para facilitar las cosas, mandame el zip a mi correo marc arroba palaueb
punto com.
saludos!!
Marc
> salud marc.
> muchas gracias por la explicación y por las puntualizaciones sobre
> estadares
> y accesibilidad.
> son muy bien recibidas y las he implementado inmediatamente.
> sin embargo el tema del dichoso cuadrado blanco con la x sigue
> incordiándome.
> con éste código sigue apareciendo:
>
>
>
>
>//Esto realmente no es necesario
>//pero si te da problemas de carga
>//le metemos chicha
>
>var i = new Image();
>i.src="pencil.png";
>
>window.onload=function(){
>imglink = document.getElementById('imagen');
>alink = document.getElementById('link');
>alink.onmouseover=function(){
>imglink.style.display="inline";
>}
>alink.onmouseout=function(){
>imglink.style.display="none";
>}
>imglink.style.display="none";
>}
>
>
>
> #divContenedor {
> position:relative;
> }
> #imagen {
> position:absolute;
> top:0px;
> left:30px;
> z-index:9;
> float:left;
> border:0;
> display:none;
> }
> #boton {
> z-index:10;
> position:absolute;
> width:20px;
> height:20px;
> border:0px;
> }
> #link:hover #imagen {
> width:200px;
> height:200px;
> background:url(graphics/img_gistredo/jpg/1.jpg);
> text-align:center;
> }
>
>
>
>
>
> alt="BOTON" />
>
>
>
>
>
>
> algo debo estar pasando por alto.
> un saludo!!
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] off-topic javascript
salud tei, esa línea es imprescindible para conseguir efecto que busco. esa es la imagen que aparece al rollovear el enlace, si la quito el pop_up se va al garete. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] off-topic javascript
On 2/21/07, sn <[EMAIL PROTECTED]> wrote:
[...]
> #link:hover #imagen {
> width:200px;
> height:200px;
> background:url(graphics/img_gistredo/jpg/1.jpg);
> text-align:center;
> }
>
>
>
>
>
> alt="BOTON" />
>
>
>
>
>
>
> algo debo estar pasando por alto.
> un saludo!!
Has probado a quitar la linea esa de:
background:url(graphics/img_gistredo/jpg/1.jpg);
Me extraña que IE sepa dibujar un fondo a una imagen. Lo tenia por un
motor de renderizado bastante limitado.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] off-topic javascript
salud marc.
muchas gracias por la explicación y por las puntualizaciones sobre estadares
y accesibilidad.
son muy bien recibidas y las he implementado inmediatamente.
sin embargo el tema del dichoso cuadrado blanco con la x sigue
incordiándome.
con éste código sigue apareciendo:
//Esto realmente no es necesario
//pero si te da problemas de carga
//le metemos chicha
var i = new Image();
i.src="pencil.png";
window.onload=function(){
imglink = document.getElementById('imagen');
alink = document.getElementById('link');
alink.onmouseover=function(){
imglink.style.display="inline";
}
alink.onmouseout=function(){
imglink.style.display="none";
}
imglink.style.display="none";
}
#divContenedor {
position:relative;
}
#imagen {
position:absolute;
top:0px;
left:30px;
z-index:9;
float:left;
border:0;
display:none;
}
#boton {
z-index:10;
position:absolute;
width:20px;
height:20px;
border:0px;
}
#link:hover #imagen {
width:200px;
height:200px;
background:url(graphics/img_gistredo/jpg/1.jpg);
text-align:center;
}
algo debo estar pasando por alto.
un saludo!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] off-topic javascript
Holitas :)
lo tienes que poner en el window.onload.
A ver, vamos a hacer tu ejemplo más accesible y lo configuraremos con
javascript no intrusivo.
//Esto realmente no es necesario
//pero si te da problemas de carga
//le metemos chicha
var i = new Image();
i.src="pencil.png";
window.onload=function(){
imglink = document.getElementById('imagen');
alink = document.getElementById('link');
alink.onmouseover=function(){
imglink.style.display="inline";
}
alink.onmouseout=function(){
imglink.style.display="none";
}
imglink.style.display="none";
}
Falta la CSS y todo eso que lo he quitado para ahorrar espacio.
RECUERDA!!!
el ancho, alto y borde de la imagen se definen en el CSS!!!
todas las imagenes tienen que tener un texto alternativo.
al a href es recomendable ponerle siempre un title
A ver si ahora si :)
> salud marc.
> discula mi ignorancia una vez más pero no se encajar en mi ejemplo la
> solución que propones.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] off-topic javascript
salud marc. discula mi ignorancia una vez más pero no se encajar en mi ejemplo la solución que propones. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
