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:
html lang=es
head
script type=text/javascript
//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;
}
/script
style
#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;
}
/style
/head
body
div id=divContenedor
a href=# id=link title=enlace
img id=boton src=graphics/boton_prueba.gif
alt=BOTON /
img id=imagen src=pencil.png alt=- /
/a
/div
/body
/html
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
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;
}
/style
/head
body
div id=divContenedor
a href=# id=link title=enlace
img id=boton src=graphics/boton_prueba.gif
alt=BOTON /
img id=imagen src=pencil.png alt=- /
/a
/div
/body
/html
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
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.
__
?php
$Autor = Iban Rodriguez;
// Programador, THE MOVIE
?
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:
html lang=es
head
script type=text/javascript
//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;
}
/script
style
#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;
}
/style
/head
body
div id=divContenedor
a href=# id=link title=enlace
img id=boton src=graphics/boton_prueba.gif
alt=BOTON /
img id=imagen src=pencil.png alt=- /
/a
/div
/body
/html
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
Rollover simple:
script
function permuta(nombre,enlace){
document.getElementById(nombre).src=enlace
}
/script
/head
body
img id=banner src=original.gif width=468 height=60
onMouseOver=permuta('banner','reemplazo.gif')
onMouseOut=permuta('banner','original.gif') /
/body
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: sn [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
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:
html lang=es
head
script type=text/javascript
//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;
}
/script
style
#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;
}
/style
/head
body
div id=divContenedor
a href=# id=link title=enlace
img id=boton src=graphics/boton_prueba.gif
alt=BOTON /
img id=imagen src=pencil.png alt=- /
/a
/div
/body
/html
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
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.
head
script type=text/javascript
//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;
}
/script
/head
body
div id=divContenedor
a href=# id=link title=enlace
img src=graphics/boton_prueba.gif alt=BOTON /
img id=imagen src=pencil.png alt=- /
/a
/div
/body
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
