[Ovillo] llamar a un class desde javascritp
hola, tengo un div al q le he aplicado un id=user y un class=important
a su vez, este elemento, por css debe mostrar un asterisco inyectado por css
y aplicado al class asi:
.important:after { content: *; color:#F00; font-size:14px;
font-weight:bold;}
todo funciona correctamente, mi duda surge a la hora de llamarlo desde
javascript, usualmente se haria con:
document.getElementById(user).style = 'inline'
pero no se como se aplicaria ese mismo efecto a un elemento como este, con
id=user, class=important y .important:after { content: *; color:#F00;
font-size:14px; font-weight:bold;}
gracias de antemano a [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] llamar a un class desde javascript
Hola.
Creo entender que quieres aplicar la clase dinámicamente.
Prueba con:
document.getElementById(user).className=important;
¡Saludos!
Miguel González
armando escribió:
hola, tengo un div al q le he aplicado un id=user y un class=important
a su vez, este elemento, por css debe mostrar un asterisco inyectado por css
y aplicado al class asi:
.important:after { content: *; color:#F00; font-size:14px;
font-weight:bold;}
todo funciona correctamente, mi duda surge a la hora de llamarlo desde
javascript, usualmente se haria con:
document.getElementById(user).style = 'inline'
pero no se como se aplicaria ese mismo efecto a un elemento como este, con
id=user, class=important y .important:after { content: *; color:#F00;
font-size:14px; font-weight:bold;}
gracias de antemano a [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] llamar a un class desde javascritp
2008/11/26 Tei [EMAIL PROTECTED]:
On Wed, Nov 26, 2008 at 10:15 AM, armando [EMAIL PROTECTED] wrote:
hola, tengo un div al q le he aplicado un id=user y un class=important
a su vez, este elemento, por css debe mostrar un asterisco inyectado por css
y aplicado al class asi:
.important:after { content: *; color:#F00; font-size:14px;
font-weight:bold;}
todo funciona correctamente, mi duda surge a la hora de llamarlo desde
javascript, usualmente se haria con:
document.getElementById(user).style = 'inline'
pero no se como se aplicaria ese mismo efecto a un elemento como este, con
id=user, class=important y .important:after { content: *; color:#F00;
font-size:14px; font-weight:bold;}
JS no tiene interface para acceder a las propiedades hover, after,
active y otras.
Lo que siempre puedes hacer es cambiar todo el cuerpo del estilo
document.getElementById(user).setAttribute(style,.important:after
{ content: ' *'; color:#F00; font-size:14px; font-weight:bold;});
CORRECCION
mierda, ..
esto tampoco te permitiria cambiar el :after y tal.
este codigo que he puesto es erroneo (no puedes meter eso en style, no
tendria sentido).
--
--
ℱin del ℳensaje.
___
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] Png transparentes en explorer
Prueba con esto img src=test.png width=247 height=216 style=filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale'); alt= lo tenía por está web http://koivi.com/ie-png-transparency/ Saludos Hola a todos la pagina es www.graficasbailen.com. Si los veis en explorer 6 se ven mal los enlaces, los espacios, vamos que no cuadra mucho. Sin embargo en Firefox no hay ningun problema esta como lo puse. He hecho dos css uno para firefox y otro para IE a ver si asi iba mejor. Algo arregle pero no demasiado. Gracias de nuevo por vuestra ayuda. El 25 de noviembre de 2008 19:20, Daniel Navarro [EMAIL PROTECTED]escribió: Hola, muestranos el código o el enlace a alguna página donde lo tengas. Saludos. El 23 de noviembre de 2008 11:54, Félix M [EMAIL PROTECTED] escribió: Gracias por el aporte. Lo he utilizado y funciona pero en los menús en los que tienen que tener más tamaño para el texto la imagen se coloca en el lado izquierdo y no en el centro, como me gustaría se viese en mi caso. Hay alguna solución. Aparte el texto que colocó lo quiero en la base de la caja y se queda arriba. He probado con vertical-aligh, poniendo line-height, que en firefox funciona pero en ie no. Aunque son dos cosas que no tienen que a ver sí me podéis ayudar porque llevó con el tema mas de 1 semana y muchas horas. Gracias. Félix El 17/11/2008, a las 0:37, Daniel Navarro [EMAIL PROTECTED] escribió: Hola. Además de corregir el problema de transparencia de pngs en Internet Explorer, la biblioteca javascript IE7.js hace que Internet Explorer 5 y 6 se comporten como la versión 7. Existe también un IE8.js. Página del autor: http://dean.edwards.name/ Alojamiento en GoogleCode: http://code.google.com/p/ie7-js/ Saludos ___ 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 ___ 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] llamar a un class desde javascritp
Hola, Armando. Sólo decirte que tengas en cuenta la accesibilidad de ese método que usas... Supongo que lo que quieres es marcar con un asterisco la importancia de un campo a rellenar o algo parecido. Al crear el asterisco con CSS, eso no será leído por los lectores de pantalla, por lo que los usuarios ciegos no se enterarán de que existe el asterisco. Por otro lado, estás usando un tamaño de fuente en pixels, por lo que tampoco se podrá ampliar el tamaño de fuente. Un saludín, Ramón. ___ 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] llamar a un class desde javascript
Si te entiendo bien, pretendes cambiar por javascript una propiedad de
un pseudoelemento (after) perteneciente a una clase.
Lo único que se me ocurre a bote pronto es hacerlo indirectamente
utilizando dos clases más (none y otra específica llamada inline,
por ejemplo)
Defines none:after como display:none
#user.none:after {display: none;}
y inline:after como display:inline
#user.inline:after {display: inline;}
Y las cambias por javascript:
// Para que no se vea el after:
document.getElementById(user).className=important, none
//Para que se vea:
document.getElementById(user).className=important, inline
¡Saludos!
Miguel González
Iusc
[EMAIL PROTECTED]
http://www.iusc.es/
armando escribió:
he provado, pero el problema es aplicar un display:none / inline
exclusivamente al class:after, no hay problema en llamar a un id con la
class important, pero no se como aplicarlo al .important:after.
No se si me he explicado correctametne...
gracias a [EMAIL PROTECTED]
El 26 de noviembre de 2008 10:35, Miguel Gonzalez [EMAIL PROTECTED]
escribió:
Hola.
Creo entender que quieres aplicar la clase dinámicamente.
Prueba con:
document.getElementById(user).className=important;
¡Saludos!
Miguel González
armando escribió:
hola, tengo un div al q le he aplicado un id=user y un
class=important
a su vez, este elemento, por css debe mostrar un asterisco inyectado por
css
y aplicado al class asi:
.important:after { content: *; color:#F00; font-size:14px;
font-weight:bold;}
todo funciona correctamente, mi duda surge a la hora de llamarlo desde
javascript, usualmente se haria con:
document.getElementById(user).style = 'inline'
pero no se como se aplicaria ese mismo efecto a un elemento como este,
con
id=user, class=important y .important:after { content: *;
color:#F00;
font-size:14px; font-weight:bold;}
gracias de antemano a [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
___
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] llamar a un class desde javascript
he provado, pero el problema es aplicar un display:none / inline
exclusivamente al class:after, no hay problema en llamar a un id con la
class important, pero no se como aplicarlo al .important:after.
No se si me he explicado correctametne...
gracias a [EMAIL PROTECTED]
El 26 de noviembre de 2008 10:35, Miguel Gonzalez [EMAIL PROTECTED] escribió:
Hola.
Creo entender que quieres aplicar la clase dinámicamente.
Prueba con:
document.getElementById(user).className=important;
¡Saludos!
Miguel González
armando escribió:
hola, tengo un div al q le he aplicado un id=user y un
class=important
a su vez, este elemento, por css debe mostrar un asterisco inyectado por
css
y aplicado al class asi:
.important:after { content: *; color:#F00; font-size:14px;
font-weight:bold;}
todo funciona correctamente, mi duda surge a la hora de llamarlo desde
javascript, usualmente se haria con:
document.getElementById(user).style = 'inline'
pero no se como se aplicaria ese mismo efecto a un elemento como este,
con
id=user, class=important y .important:after { content: *;
color:#F00;
font-size:14px; font-weight:bold;}
gracias de antemano a [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
___
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] llamar a un class desde javascritp
On Wed, Nov 26, 2008 at 10:15 AM, armando [EMAIL PROTECTED] wrote:
hola, tengo un div al q le he aplicado un id=user y un class=important
a su vez, este elemento, por css debe mostrar un asterisco inyectado por css
y aplicado al class asi:
.important:after { content: *; color:#F00; font-size:14px;
font-weight:bold;}
todo funciona correctamente, mi duda surge a la hora de llamarlo desde
javascript, usualmente se haria con:
document.getElementById(user).style = 'inline'
pero no se como se aplicaria ese mismo efecto a un elemento como este, con
id=user, class=important y .important:after { content: *; color:#F00;
font-size:14px; font-weight:bold;}
JS no tiene interface para acceder a las propiedades hover, after,
active y otras.
Lo que siempre puedes hacer es cambiar todo el cuerpo del estilo
document.getElementById(user).setAttribute(style,.important:after
{ content: ' *'; color:#F00; font-size:14px; font-weight:bold;});
tambien aparecen los estilos globales dependiendo de document.* (o era
window.*?)
de todos modos lo que he visto que le sale a la gente mas a cuenta es
no poner estilos en el html ( style=... ), si acaso solo pone una
clase ( class=...) evitando ponerla si es posible, y luego añadir o
quitar clases, de modo que un elemento este estilado por tener
class=mesa comedore sabado , necesitarias entonces una funcion para
añadir y quitar estilos de un class, pero la suelen proporcionar
muchos frameworks y cosas de esas, como jquery o prototype.
Siguiendo la filosofia de degradacion amistosa, en una pagina web
normal solo deberias usar javascript para añadir caracteristicas
opcionales y cuando todas las demas opciones resultan imposibles o muy
caras. De modo que cuando javascript no este presente, o falle, la
pagina siga siendo usable.
--
--
ℱin del ℳensaje.
___
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] Png transparentes en explorer
Hola a todos la pagina es www.graficasbailen.com. Si los veis en explorer 6 se ven mal los enlaces, los espacios, vamos que no cuadra mucho. Sin embargo en Firefox no hay ningun problema esta como lo puse. He hecho dos css uno para firefox y otro para IE a ver si asi iba mejor. Algo arregle pero no demasiado. Gracias de nuevo por vuestra ayuda. El 25 de noviembre de 2008 19:20, Daniel Navarro [EMAIL PROTECTED]escribió: Hola, muestranos el código o el enlace a alguna página donde lo tengas. Saludos. El 23 de noviembre de 2008 11:54, Félix M [EMAIL PROTECTED] escribió: Gracias por el aporte. Lo he utilizado y funciona pero en los menús en los que tienen que tener más tamaño para el texto la imagen se coloca en el lado izquierdo y no en el centro, como me gustaría se viese en mi caso. Hay alguna solución. Aparte el texto que colocó lo quiero en la base de la caja y se queda arriba. He probado con vertical-aligh, poniendo line-height, que en firefox funciona pero en ie no. Aunque son dos cosas que no tienen que a ver sí me podéis ayudar porque llevó con el tema mas de 1 semana y muchas horas. Gracias. Félix El 17/11/2008, a las 0:37, Daniel Navarro [EMAIL PROTECTED] escribió: Hola. Además de corregir el problema de transparencia de pngs en Internet Explorer, la biblioteca javascript IE7.js hace que Internet Explorer 5 y 6 se comporten como la versión 7. Existe también un IE8.js. Página del autor: http://dean.edwards.name/ Alojamiento en GoogleCode: http://code.google.com/p/ie7-js/ Saludos ___ 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 ___ 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
