El día 3/12/07, Daniel García Gómez <[EMAIL PROTECTED]> escribió:
>
> Hola Philipp,
>
> Estoy con lo que dices, demasiados líos para una cosa tan sencilla,
> ahora bien la limpieza que tienen los formularios no tiene precio, :D
>
> Nos puedes compartir ese js, ¿para ver como lo haces?
>
> Gracias.
>
> SkuNk escribió:
> > El día 3/12/07, Marc Palau <[EMAIL PROTECTED]> escribió:
> >
> >> si, aunque más correcto sería:
> >>
> >> input[type="radio"]{
> >> estilos...
> >> }
> >>
> >> aunque lo malo de eso es que no es compatible con IE6... buuuuhh
> >>
> >> saludos!
> >> Marc
> >> ----- Original Message -----
> >> From: "Javier Trejo" <[EMAIL PROTECTED]>
> >> To: "'Ovillo, la lista de CSS en castellano'" <ovillo@lists.ovillo.org>
> >> Sent: Monday, December 03, 2007 3:56 PM
> >> Subject: Re: [Ovillo] Aplicar estilo mediante Input SOLO a los
> >> radiobuttons
> >>
> >>
> >> Dani:
> >>
> >> Una opción, sin definir una clase, podría ser que los radio button los
> >> metas
> >> dentro de un div y luego los refencies de esa forma:
> >>
> >>
> >> HTML:
> >>
> >> <div id="radioGroup">
> >> <input type="radio" name="radio1" />
> >> <input type="radio" name="radio2" />
> >> <input type="radio" name="radio2" />
> >> </div>
> >>
> >> CSS:
> >>
> >> #radioGroup input {
> >> estilos...
> >> }
> >>
> >>
> >> Obvio que de esta forma estás agregando más código del necesario al
> >> aplicar
> >> una clase, pero puede ser una solución. Ya que sólo afectaría a los
> input
> >> que están dentro del div. Ojo no metas dentro del div otro tipo de
> input
> >> que
> >> no sean radio!!
> >>
> >> Saludos,
> >>
> >>
> >> Javier Trejo
> >> Diseñador Web
> >>
> >> Comunicación Interactiva
> >> Cel.: +54 (11) 15 6485-7734
> >> Nextel: 54*147*4233
> >> Mail: [EMAIL PROTECTED]
> >> MSN: [EMAIL PROTECTED]
> >> Skype: javier.trejo
> >>
> >>
> >>
> >> -----Mensaje original-----
> >> De: [EMAIL PROTECTED] [mailto:
> >> [EMAIL PROTECTED]
> >> En nombre de Daniel García Gómez
> >> Enviado el: lunes, 03 de diciembre de 2007 09:40
> >> Para: ovillo@lists.ovillo.org
> >> Asunto: [Ovillo] Aplicar estilo mediante Input SOLO a los radiobuttons
> >>
> >> Hola a todos:
> >>
> >> Necesito aplicar un estilo a los radio buttons mediante la etiqueta
> >> input sin usar una clase. Lo que me ocurre es que lo que haga también
> >> afecta a los inputs y a los Checkbox. He estado buscando información
> >> sobre esto pero no encuentro nada y comienzo a pensar que no se puede.
> >>
> >> A ver si alguien me puede aclarar algo este tema.
> >>
> >> Un saludo
> >> Dani
> >>
> >>
> >> _______________________________________________
> >> 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
> >>
> >>
> >
> >
> > Yo lo que hacía es aplicarle los estilos de la clase input[type=radio] a
> los
> > navegadores antiguos mediante JavaScript; recorres todos los "INPUT" y
> si
> > encuentras un type "radio", le aplicas la clase deseada. El rollo es que
> al
> > final generas un montón de código JS y varias clases CSS para una cosa
> tan
> > sencilla, que a efectos prácticos es más efectivo aplicarle una clase
> > directamente sobre el input (p.ej. .checkbox y .radio) y olvidarte de
> > quebraderos de cabeza innecesarios.
> >
> > En fin, si te interesa te pego el código JS que yo aplicaba.
> >
> > Suerte!
> >
> >
> _______________________________________________
> 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
>
Hola Daniel,
Sí por supuesto, no hay problema, y estoy contigo en lo del html limpito :)
Te he adaptado lo que hice para un B2B al que le aplicaba una clase a los
input=button para IE<7, en tu caso, con los radio inputs, a los que se le
aplicará la clase ".radio" si la versión de IE es inferior a 7.
Te lo he organizado en una función que deberás cargar en el evento onLoad
para la capa de comportamiento.
Nótese que he hecho uso de un objeto JS para la detección del navegador [1],
muy útil por cierto, que necesitarás para que lo siguiente funcione
correctamente:
function addRadioClass() {
if(BrowserDetect.browser == "Explorer" && BrowserDetect.version < 7)
{
var inputs = document.getElementsByTagName('input');
for (var i=0; i < inputs.length; i++)
{
if (inputs[i].getAttribute("type") == "radio")
{
inputs[i].setAttribute("className", "radio", 0);
}
}
}
}
Sólo afecta a los IEs<7, pero se podrían ir añadiendo más navegadores que no
soporten este tipo de selectores.
Bueno, espero que esto te sirva, si necesitas algo más no dudes en avisar.
[1] http://www.quirksmode.org/js/detect.html
--
Atentamente,
Philipp Keweloh
_______________________________________________
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
