La libreria jQuery è molto versatile. Tra le numerose funzionalità, si trova anche la possibilità di caricare un foglio di stile programmando ad esempio un pulsante o un link.
Basta abusare ancora una volta della funzione $ per aggiungere il riferimento al nuovo file CSS:
$("#change-css").click(function() {
$("link[rel=stylesheet]").attr({href : "new.css"});
});All'interno della pagina è quindi necessario inserire un elemento (ad esempio un link) con l'identificatore:
id="change-css"Chiaramente, quando la pagina verrà ricaricata, il foglio di stile non verrà ricaricato. Per fare in modo che il browser ricordi il foglio di stile aggiuntivo, è necessario giocare un po' con i biscottini (cookie). Magari di questo ne parlerò la prossima volta.
Invia nuovo commento