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