Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

CSS dinamici con Javascript

Css.js: una classe per MooTools per creare regole CSS
Css.js: una classe per MooTools per creare regole CSS
Link copiato negli appunti

Tempo fa qui su Edit

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

della bontà  di un'idea come quella di introdurre nei CSS logiche e metodi tipici dei linguaggi di programmazione. Nel post venivano segnalate anche alcune soluzioni server-side per ottenere il risultato.

Un nuovo plug-in per MooTools molto interessante chiamato

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

permette di applicare degli stili CSS agli elementi del nostro DOM in modo dinamico, agendo però sul lato client. Nelle parole dell'autore, è una tecnica utile non solo per implementare CSS dinamici e programmati, ma anche per risolvere facilmente problemi di compatibilità  tra i browser e per creare proprietà  personalizzate.

La sintassi da utilizzare per aggiungere le regole di stile sono le stesse che si userebbero in un normale foglio CSS. Prima di tutto creiamo un'istanza della classe CSS, richiamamiamo il metodo add_rules e passiamogli un oggetto le cui proprietà  di tipo stringa sono un ulteriore oggetto che rappresenta le regole CSS desiderate:

var css = new CSS();
css.add_rules({
    'p.code':
    {
        'white-space': 'pre'
    },
    'p.title, a.myLink':
    {
        'color': '#ff0000',
        'margin-top':: '10px'
    }
}).refresh();

In questo modo abbiamo dichiarato le nostre nuove regole dinamiche. Inoltre, è possibile creare delle proprie regole personalizzate (in base ad esempio al tipo di browser utilizzato) grazie al metodo implement nativo del costruttore Class:

CSS.implement({
    'trident_opacity': function(value, property)
    {
        return ['filter', 'alpha(opacity=' + (value * 100) + ')'];
    }
});

Su Ajaxian

[!] Ci sono problemi con l'autore. Controllare il mapping sull'Author Manager

si soffermano sul fatto che certe cose sarebbe meglio affidarle al lato server. Voi che ne pensate?

Questo articolo contiene link di affiliazione: acquisti o ordini effettuati tramite tali link permetteranno al nostro sito di ricevere una commissione nel rispetto del codice etico. Le offerte potrebbero subire variazioni di prezzo dopo la pubblicazione.

Ti consigliamo anche