Re: [Ovillo] off-topic javascript

2007-02-21 Por tema sn
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

2007-02-21 Por tema Tei
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

2007-02-21 Por tema sn
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

2007-02-21 Por tema Iban Rodriguez
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

2007-02-21 Por tema LISTAS
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

2007-02-20 Por tema Marc Palau
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