[Ovillo] Select y z-index?

2006-10-11 Por tema Luis Villegas
Buenas, supongo que esta pregunta es muy típica, pero no he encontrado la
respuesta.

Si yo tengo un select en una capa y muestro por encima otra que estaba con
display:'none', en Internet explorer se ve el select aunque tenga inferior
z-index. Hay alguna forma de ocultarlo?

Gracias
___
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] Select y z-index?

2006-10-11 Por tema Josetxu Sancha Peña
no te queda otro remedio que usar javascript:

arraySelects=document.getElementsByTagName ('select')

function ocultarMostrarSelect ()
{
for (i=0;iarraySelects.length;i++)
{
if (arraySelects[i].style.display==none)
{
arraySelects[i].style.display=block
} else {
arraySelects[i].style.display=none
}
}
}
El 11/10/2006, a las 9:48, Luis Villegas escribió:

 Buenas, supongo que esta pregunta es muy típica, pero no he  
 encontrado la
 respuesta.

 Si yo tengo un select en una capa y muestro por encima otra que  
 estaba con
 display:'none', en Internet explorer se ve el select aunque tenga  
 inferior
 z-index. Hay alguna forma de ocultarlo?

 Gracias
 ___
 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] Select y z-index?

2006-10-11 Por tema Luis Villegas
Eso me temía. Muchas gracias. De todas formas con prototype se facilitan
mucho las cosas:

input type=button
onclick=$('capa_a_mostrar').toggle();$('capa_con_selects').toggle()

On 10/11/06, Josetxu Sancha Peña [EMAIL PROTECTED] wrote:

 no te queda otro remedio que usar javascript:

 arraySelects=document.getElementsByTagName ('select')

 function ocultarMostrarSelect ()
 {
 for (i=0;iarraySelects.length;i++)
 {
 if (arraySelects[i].style.display==none)
 {
 arraySelects[i].style.display=block
 } else {
 arraySelects[i].style.display=none
 }
 }
 }
 El 11/10/2006, a las 9:48, Luis Villegas escribió:

  Buenas, supongo que esta pregunta es muy típica, pero no he
  encontrado la
  respuesta.
 
  Si yo tengo un select en una capa y muestro por encima otra que
  estaba con
  display:'none', en Internet explorer se ve el select aunque tenga
  inferior
  z-index. Hay alguna forma de ocultarlo?
 
  Gracias
  ___
  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] Select y z-index?

2006-10-11 Por tema felix . zapata
hola, suele haber dos soluciones:

1. jugar con la visibilidad de los select y ocultarlos cuando haya capa
2. jugar con iframes ocultos para corregir el renderizado del control...

http://www.aplus.co.yu/wch/intro/

1 saludo


Quoting Josetxu Sancha Peña [EMAIL PROTECTED]:

 no te queda otro remedio que usar javascript:

 arraySelects=document.getElementsByTagName ('select')

 function ocultarMostrarSelect ()
 {
   for (i=0;iarraySelects.length;i++)
   {
   if (arraySelects[i].style.display==none)
   {
   arraySelects[i].style.display=block
   } else {
   arraySelects[i].style.display=none
   }
   }
 }
 El 11/10/2006, a las 9:48, Luis Villegas escribió:

 Buenas, supongo que esta pregunta es muy típica, pero no he
 encontrado la
 respuesta.

 Si yo tengo un select en una capa y muestro por encima otra que
 estaba con
 display:'none', en Internet explorer se ve el select aunque tenga
 inferior
 z-index. Hay alguna forma de ocultarlo?

 Gracias
 ___
 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] Select y z-index?

2006-10-11 Por tema Josetxu Sancha Peña
Lo se pero no puedo dar por supuesto que conoces prototype así que te  
he puesto la función estandar.


El 11/10/2006, a las 10:01, Luis Villegas escribió:

 Eso me temía. Muchas gracias. De todas formas con prototype se  
 facilitan
 mucho las cosas:

 input type=button
 onclick=$('capa_a_mostrar').toggle();$('capa_con_selects').toggle()

 On 10/11/06, Josetxu Sancha Peña [EMAIL PROTECTED] wrote:

 no te queda otro remedio que usar javascript:

 arraySelects=document.getElementsByTagName ('select')

 function ocultarMostrarSelect ()
 {
 for (i=0;iarraySelects.length;i++)
 {
 if (arraySelects[i].style.display==none)
 {
 arraySelects[i].style.display=block
 } else {
 arraySelects[i].style.display=none
 }
 }
 }
 El 11/10/2006, a las 9:48, Luis Villegas escribió:

 Buenas, supongo que esta pregunta es muy típica, pero no he
 encontrado la
 respuesta.

 Si yo tengo un select en una capa y muestro por encima otra que
 estaba con
 display:'none', en Internet explorer se ve el select aunque tenga
 inferior
 z-index. Hay alguna forma de ocultarlo?

 Gracias
 ___
 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


Saludos

  Josetxu Sancha
  Factor Sistemas S.L.
  C/ Nerbioi 3, 4º izquierda.
  48001 Bilbao
  Spain

  Tel. +34 94 423.74.38
  Fax. +34 94 423.96.53
  E-mail: [EMAIL PROTECTED]
  



___
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] Select y z-index?

2006-10-11 Por tema Luis Villegas
Ya me imagino. Pero pensé que podría haber alguna forma de hacerlo sin
ocultar las capas.

Voy a ver qué hace lo de los iframes que comenta Félix

Gracias por las respuestas

On 10/11/06, Josetxu Sancha Peña [EMAIL PROTECTED] wrote:

 Lo se pero no puedo dar por supuesto que conoces prototype así que te
 he puesto la función estandar.


 El 11/10/2006, a las 10:01, Luis Villegas escribió:

  Eso me temía. Muchas gracias. De todas formas con prototype se
  facilitan
  mucho las cosas:
 
  input type=button
  onclick=$('capa_a_mostrar').toggle();$('capa_con_selects').toggle()
 
  On 10/11/06, Josetxu Sancha Peña [EMAIL PROTECTED] wrote:
 
  no te queda otro remedio que usar javascript:
 
  arraySelects=document.getElementsByTagName ('select')
 
  function ocultarMostrarSelect ()
  {
  for (i=0;iarraySelects.length;i++)
  {
  if (arraySelects[i].style.display==none)
  {
  arraySelects[i].style.display=block
  } else {
  arraySelects[i].style.display=none
  }
  }
  }
  El 11/10/2006, a las 9:48, Luis Villegas escribió:
 
  Buenas, supongo que esta pregunta es muy típica, pero no he
  encontrado la
  respuesta.
 
  Si yo tengo un select en una capa y muestro por encima otra que
  estaba con
  display:'none', en Internet explorer se ve el select aunque tenga
  inferior
  z-index. Hay alguna forma de ocultarlo?
 
  Gracias
  ___
  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
 

 Saludos
 
   Josetxu Sancha
   Factor Sistemas S.L.
   C/ Nerbioi 3, 4º izquierda.
   48001 Bilbao
   Spain

   Tel. +34 94 423.74.38
   Fax. +34 94 423.96.53
   E-mail: [EMAIL PROTECTED]
   



 ___
 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] Select y z-index?

2006-10-11 Por tema Josetxu Sancha Peña
De todas formas yo intentaría hacer el uso de estas funciones de  
manera menos intrusiva, es decir no pondría el evento al botón  
(onclick=$('capa_a_mostrar').toggle();$('capa_con_selects').toggle 
()), sino que dispararía el evento dependiendo de tus necesidades en  
la página, me parece mas limpio poner un class a los botones o  
enlaces necesarios.

input type=button class=eventos/

en el js

Event.observe (window,load,compruebaEventos)

function compruebaEventos ()
{
botones=$$('.eventos')
for (i=0;ibotones.length;i++)
{
botones[i].onclick=function ()
{
ocultarMostrarSelect ()
}
}
}
El 11/10/2006, a las 10:01, Luis Villegas escribió:

 Eso me temía. Muchas gracias. De todas formas con prototype se  
 facilitan
 mucho las cosas:

 input type=button
 onclick=$('capa_a_mostrar').toggle();$('capa_con_selects').toggle()

 On 10/11/06, Josetxu Sancha Peña [EMAIL PROTECTED] wrote:

 no te queda otro remedio que usar javascript:

 arraySelects=document.getElementsByTagName ('select')

 function ocultarMostrarSelect ()
 {
 for (i=0;iarraySelects.length;i++)
 {
 if (arraySelects[i].style.display==none)
 {
 arraySelects[i].style.display=block
 } else {
 arraySelects[i].style.display=none
 }
 }
 }
 El 11/10/2006, a las 9:48, Luis Villegas escribió:

 Buenas, supongo que esta pregunta es muy típica, pero no he
 encontrado la
 respuesta.

 Si yo tengo un select en una capa y muestro por encima otra que
 estaba con
 display:'none', en Internet explorer se ve el select aunque tenga
 inferior
 z-index. Hay alguna forma de ocultarlo?

 Gracias
 ___
 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


Saludos

  Josetxu Sancha
  Factor Sistemas S.L.
  C/ Nerbioi 3, 4º izquierda.
  48001 Bilbao
  Spain

  Tel. +34 94 423.74.38
  Fax. +34 94 423.96.53
  E-mail: [EMAIL PROTECTED]
  



___
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] Select y z-index?

2006-10-11 Por tema carlos campderrós
Un par de apuntes a tu solución 'guarra' sin prototype, que supongo
que similarmente se aplicará a la version 'prototypada'

On 10/11/06, Josetxu Sancha Peña [EMAIL PROTECTED] wrote:
 no te queda otro remedio que usar javascript:

 arraySelects=document.getElementsByTagName ('select')

Ocultar todos los selects no es bueno, el hacer que un select que no
está bajo la capa desplegada puede hacer que el usuario vea el
movimiento y se distraiga. (sigo más adelante con otra cosilla.)



 function ocultarMostrarSelect ()
 {
 for (i=0;iarraySelects.length;i++)
 {
 if (arraySelects[i].style.display==none)
 {
 arraySelects[i].style.display=block
 } else {
 arraySelects[i].style.display=none

Usa mejor visibility: hidden, ya que al aplicar el display: none, los
selects dejan de ocupar espacio y provocan que todos los elementos por
debajo o al lado de éste se muevan, provocando otra vez la distracción
del usuario


 }
 }
 }


Saludos

-- 
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
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] Select y z-index?

2006-10-11 Por tema Josetxu Sancha Peña
Si tienes el formulario utilizando elementos de bloque no hay ningún  
problema, ya que el contenedor es el que se encarga de ocupar el  
espacio y no el select, hay muchas maneras de hacer lo mismo.

divlabelSeleccione Pais/labelselect/select/div

form div
{
display:block;
height:30px;
width:100%;
clear:both
}

El 11/10/2006, a las 11:27, carlos campderrós escribió:

 Un par de apuntes a tu solución 'guarra' sin prototype, que supongo
 que similarmente se aplicará a la version 'prototypada'

 On 10/11/06, Josetxu Sancha Peña [EMAIL PROTECTED] wrote:
 no te queda otro remedio que usar javascript:

 arraySelects=document.getElementsByTagName ('select')

 Ocultar todos los selects no es bueno, el hacer que un select que no
 está bajo la capa desplegada puede hacer que el usuario vea el
 movimiento y se distraiga. (sigo más adelante con otra cosilla.)



 function ocultarMostrarSelect ()
 {
 for (i=0;iarraySelects.length;i++)
 {
 if (arraySelects[i].style.display==none)
 {
 arraySelects[i].style.display=block
 } else {
 arraySelects[i].style.display=none

 Usa mejor visibility: hidden, ya que al aplicar el display: none, los
 selects dejan de ocupar espacio y provocan que todos los elementos por
 debajo o al lado de éste se muevan, provocando otra vez la distracción
 del usuario


 }
 }
 }


 Saludos

 -- 
 Si no puedes deslumbrar con tu inteligencia,
 desconcierta con tus gilipolleces
 ___
 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


Saludos

  Josetxu Sancha
  Factor Sistemas S.L.
  C/ Nerbioi 3, 4º izquierda.
  48001 Bilbao
  Spain

  Tel. +34 94 423.74.38
  Fax. +34 94 423.96.53
  E-mail: [EMAIL PROTECTED]
  



___
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