Cambiamento Dinamico CSS

[Ganà]

Ciao a tutti,

Sto cercando di realizzare un sito in cui c'è un Foglio di Stile Standard, ma è possibile da parte dell'utente selezionare alcune opzioni (p.esempio se vuole cambiare lo sfondo con il suo colore preferito lo può fare), con la possibilità di ripristinare quello di Default....

Il sito deve essere convalidato Strict........Aspetto consigli......

[Mega69]

Non c'è molto da dire, semplicemente crei dei link o dei bottoni, al cui click viene modificata la proprietà style dell'oggetto che deve essere personalizzabile.

Ad esempio:

Cambia l'immagine di sfondo


Se vuoi qualcosa di più particolare spiegati meglio

[fcaldera]

sposto in javascript

[Tenebral]

Avrei una domanda da fare:
Come mai se scrivo una cosa tipo

<table style="width: 100%; border: 0;" onmouseover="alert(document.body.style.color)">
... 

su explorer funzia e su Mozilla no?!
Dovevo crearmi una funzione che leggesse i valori del foglio di stile ma ci sto solo diventando scemo

N.B: color nel foglio di stile è specificato!

[Xinod]

se non e' specificato nello stile in linea (o se non e' stato settato in precedenza via javascript, che di fatto scrive lo stile in linea) non puoi leggerlo
a meno di usare l' oggetto stylesheets
ciao

[Tenebral]

Ho provato anche così! In tutti i casi, in Explorer appare la finestrella col valore, mentre in Firefox (e anche in Opera) appare una finestrella vuota!

N.B: Ovviamente, ho usato per explorer document.styleSheets[i].rules;
e per FF document.styleSheets[i].cssRules;

N.B2: Sia in explorer che in Mozilla, se cerco di accedere a una proprietà che non ho specificato nel foglio di stile, nella finestrella appare 'undefined'. Mi chiedo quindi perché in Mozilla quelle che ho specificato non appaiono!

[Xinod]

il problema l' hai solo con color o con qualsiasi proprieta'?
lascia il link ad un esempio online

[Ganà]

In modo specifico mi interessava creare una pagina Css di default, p.es stileDefault.css, la quale tramite dei valori inseriti in input dall'utente (il colore di Sfondo) subiva delle modifiche, fino al momento in cui, tramite un altro bottone,viene ristabilito il file stileDefault.css...........

Non so se sono stato abbastanza chiaro........cmq sono a disposizione per chiarimenti..

[Tenebral]

Originariamente inviato da Xinod
il problema l' hai solo con color o con qualsiasi proprieta'?
lascia il link ad un esempio online

Con qualsiasi proprietà
Ecco una pagina di prova in cui ho usato l'intera funzione:
http://www.juncu.it/provacss.php

[Xinod]

Tenebral, aspetta che forse risalgo all' origine del problema:
salvando con IE6 in locale funziona anche con FF e non dipende dal doctype, non dipende dal motw, ma strettamente da come e' scritto il css
IE6 lo rielabora completamente, a parte le odiose maiuscole e i ritorni a capo, smonta le regole
questo

html,body{
  margin:0; 
  padding: 0;
  background-color: silver;  
  height: 100%;
}

body{
  font-family: arial,sans-serif;
  font-size: 76%;
  text-align: center; /*centra in explorer*/
  margin-top: 5px;
}

diventa questo per IE

HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: silver
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: silver
}
BODY {
	MARGIN-TOP: 5px; FONT-SIZE: 76%; FONT-FAMILY: arial,sans-serif; TEXT-ALIGN: center
}

a riprova, senza effettuare alcuna modifica al css,
fatti restituire il marginTop o il fontSize e dovrebbe essere corretto

il problema lo hai quando la proprieta' e' specificata in una regola con piu' di un selettore
(e, per la natura dello script, non e' gia' stata presente in una regola del selettore singolo ricercato)
ciao