Eventos en CSS

Agregar a favoritos

3 Comentarios

Posteado hace 887 días en:

Si le echamos un vistazo a los ejemplos de la extensión Behavioral vemos como los eventos están definidos como propiedades, desde mi punto de vista prefiero que estos eventos sean llamados como pseudoclasses y no como propiedades.La explicación es porque normalmente estos eventos en CSS son usados para cambiar colores, mostrar capas o realizar alguna acción, si cada vez que tenemos que cambiar una cosa, tenemos que tirar de JS seria un poco confuso.

Otra planteamiento:


.Rollover {
border: thin solid blue;
}
.Rollover:onmouseover  {
border: thin solid red;
function: toogle;
}
.Rollover:onmouseout  {
border: thin solid blue;
function: toogle;
}

En este ejemplo los eventos se han convertidos en pseudoclasses, consiguiendo un mejor control en CSS, un CSS mucho más legible para todos. Para manipular el HTML se ha añadido la propiedad function que es la encargada de llamar a una función JS y procesar el objeto:

Ejemplo con la extensión:


.Rollover {
border: thin solid blue;
onmouseover: "return toogle(this)";
}

Seria algo a tener en cuenta en CSSing, plantear una mejor sintaxis para los diseñadores.

Por cierto: Gracias Dr.Slurmp por mostrarme otro punto de vista sobre CSSing.


  • avatar

    Aure#1 hace 884 días

    mmm, suena interesante, pero no comprendo como aplicarlo, es decir, le coloqué la clase Rollover a un elemento y cuando paso el cursor por el no pasa nada, que más debo colocarle? solo tengo los estilos y el elemento, necesito ponerle alguna función js?

  • avatar

    Cristian Villaseca#2 hace 882 días

    Hola
    disculpen por las molestias
    resulta que tengo el problema:
    cundo pongo la dirección web de mi página me sale
    “Fatal error: Cannot redeclare tag_cloud_palabras_clave() (previously declared in /home/bitacora/public_html/panel/funciones/general.php:23) in /home/bitacora/public_html/panel/funciones/general.php on line 23”

    ¿alguien sabe como puedo solucionarlo?

  • avatar

    Icebeat#3 hace 881 días

    Aure, este ejemplo es ficticio, no funcionara en los navegadores, es solo una aproximación de lo que me gustaria usar escribiendo CSS.

    Cristian hemos tenido estos dias problemas con el servidor, es posible que ya estemos solucionando el fallo, de toas formas prueba a no usar esa etiqueta.