Re: [Ovillo] Aplicar estilo mediante Input SOLO a los radiobuttons
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... bhh
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 IE7, 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 IEs7, pero se podrían ir añadiendo más navegadores que no
soporten este tipo de selectores.
Bueno
Re: [Ovillo] Aplicar estilo mediante Input SOLO a los radiobuttons
Hola, no soy una experta pero sin definir un class específico pienso que no se puede hacer lo que tu quieres... Lo mejor sería definirle un class al input (ejemplo class=radioButton), o si por algunas razones no puedes al menos anidarlo dentro de otro elemento (span, div, etc...) y asignarle a estos un class (ej. class=radioButtonContainer). No se me ocurre nada más... Un saludo, Tamara On Dec 3, 2007 1:40 PM, Daniel García Gómez [EMAIL PROTECTED] wrote: 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
[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
Re: [Ovillo] Aplicar estilo mediante Input SOLO a los radiobuttons
Hola Daniel,
On Dec 3, 2007 1:40 PM, Daniel García Gómez [EMAIL PROTECTED] wrote:
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.
Puedes usar un selector por atributos. Como mayor pega, IE6 no los soporta
(y IE7 no recuerdo si los soporta o no).
input[type=radio]
{
/* aqui tu estilo que solo se aplica a los input de tipo radio */
}
Saludos
--
Si no puedes deslumbrar con tu sabiduría,
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] Aplicar estilo mediante Input SOLO a los radiobuttons
si, aunque más correcto sería:
input[type=radio]{
estilos...
}
aunque lo malo de eso es que no es compatible con IE6... bhh
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
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
Re: [Ovillo] Aplicar estilo mediante Input SOLO a los radiobuttons
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... bhh
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!
--
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
Re: [Ovillo] Aplicar estilo mediante Input SOLO a los radiobuttons
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... bhh
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
