creare/modificare stili

[giuseppe500]

perfetto!!!
grazie Mich_.
Un ultima domanda:
devo leggere le proprietà che ci sono gia,fare il pharsing del valore,settarle nei relativi combo(non so la sintassi) se sono presenti,ed infine salvarle su db(questo non riguarda js),tu come faresti a livello teorico?
ad es. è possibile ritornare un array con tutte le proprietà del css settate?
grazie 2000

[Mich_]

Non so cosa significhi "fare il phrasing del valore": vorrebbe dire prendere i valori e farli diventare delle frasi: ma questo lo fa gia` il JS quando assegni i valori alle proprieta` CSS.


Comunque trasferire i dati al server lo puoi fare in vari modi.
Puoi anche farne un vettore/matrice e inviarlo al server, ma credo sia piu` semplice inviare le coppie nome-valore tramite un form ed i vari campi.

Mi spiego meglio.
Per assegnare i vari valori, gia` usi dei campi di un form (select o text a seconda dei casi).
Tali campi possono venir inviati al server semplicemente con il submit del form. Poi stara` al server salvarli nel DB.

[giuseppe500]

allora Mich_,cerco di spiegarmi meglio:
1)uso js soprattutto per non ricaricare la pagina per ogni proprietà di stile,perchè sono veramente tante, e sarebbe lentissimo
2)nel db ho immesso tutte le possibili proprietà di stile
3)creo le select e le proprietà dal db con js di tutte le proprieta possibili,se la proprietà è settata imposto la le select e il testo come da valore
4)visualizzo(come mi hai cortesemente aiutato)solo la proprietà corrente e nascondo le altre
5)al premere di un button vorrei leggere i valori della proprietà corrente(le select e i text visibili)ed impostarle tramite js,tutto senza ricaricare la pagina.
6)leggo tutte le proprietà e le salvo sul db.


sul punto 3 e 5 ho dei problemi:

3)come leggere la proprietà di stile avendo una variabile col suo nome,ad es:ho la proprietà color in una variabile colore si puo' fare:
var propr = document.getElementById('ID_OGGETTO').style+"."+co lore;
???

5)come ottenere il valore di una select o di un text da js alla pressione di un button.



spero di essermi spiegato meglio.
grazie.
ciao.

[Mich_]

Per l'ultimo punto ho gia` risposto: il codice che ho scritto dentro la select, puoi usarlo anche fuori: devi solo sostituire il this con l'oggetto cui ti vuoi riferire.

Il punto 3 cosi` come da te prospettato non si puo` fare (almeno non mi risulta): si potrebbe usare eval(), ma e` deprecato.

Potresti pero` usare un vettore di questo tipo:

propr['color'] = document.getElementById('ID_OGGETTO').style.color;
propr['fontSize'] = document.getElementById('ID_OGGETTO').style.fontSi ze;
...

Se scrivi nel vettore mano a mano che scegli le varie opzioni, alla fine ce l'hai.

Dato che le proprieta` di stile sono in numero limitato e note, puoi anche preparare il vettore lato server quando monti la pagina, con dei valori default.

[giuseppe500]

inoltre non riesco a trovare le proprietà del foglio di stile nel modo che mi hai detto tu .
forse bisogna linkare il foglio di stile?
ad es left si legge offsetLeft e casi simili, esiste un elenco di queste proprietà?non sono riuscito a trovarlo.
mi basterebbe avere in una variabile tutte le proprietà css di quell'id o al limite tutto il css.
ciao.

[Mich_]

Qualisasi reference di CSS2 ti da` tutte le proprieta`: solo ricorda che in JS i nomi vengono modificati: dove c'e` il - devi invece usare la successiva lettera maiuscola.

Esempio:
font-size diventa ...style.fontSize
background-color diventa ...style.backgroundColor

[giuseppe500]

al diavolo è un casino, si puo' ottenere tutto il css in una variabile stringa?
e poi sostituire il css runtime.
si puo fare?

[Mich_]

In teoria si puo` scrivere tutto il CSS da una variabile.

Ma credo che la cosa equivalga a scrivere il CSS alla fine del body: viene interpretato dopo che la pagina e` stata resa, quindi non viene usato.

Ecco un esempio di codice Js che puoi provare (ma nonso se funziona):

var mystyle = "";
mystyle += "body { background-color: red; }\n";
mystyle += "....";
...
document.getElementsByTagName('style')[0].innerHTML = mystyle;

Permettimi un commento.
La mia impressione e` che stai giocando a mosca cieca con il JS e il CSS.
Cioe` stai provando delle cose senza sapere neanche esattamente cosa vuoi.
Hai in mente qualcosa (che non hai ancora espresso chiaramente) e cerchi di realizzarla, prima di averla codificata chiaramente: questo comporta perdita di tempo 9e di energie) e probabilita` di riuscita molto scarsa.

[giuseppe500]

si Mich_, hai ragione.
Mi fermo un attimo , quello che sto' cercando di fare è permettere all' utente di modificare il layout di una pagina html runtime da js ,senza ricaricare la pagina.
Una specie di cms ma per il css.
è possibile o lascio perdere?
qualora non fosse possibile scusa se ti ho fatto operdere tempo.
grazie.

[Mich_]

Ti ho gia` detto che e` possibile.
Ma questa descrizione non e` completa di cio` che vuoi fare: infatti le tue richieste sono andate oltre.

Io vedo (per ora):

- uno o piu` oggetti cui cambiare lo stile
- un form contenente tutte le proprieta` CSS (quelle che interessano): select (o radio) per le proprieta` a valori definiti, text per le altre
- ogni campo del form modifica la proprieta` dell'oggetto, mano a mano.

Il form contiene quindi tutte le scelte operate: se spedisci il form al server questo riceve una serie di coppie: proprieta`-valore, che dovra` salvare in un database.


La parte lunga e` creare tutti i campi; per la modifica dell'oggetto devi semplicemente usare i corrispondenti eventi onchange (o simile) sullo stile di quello gia` postato.

Altra difficolta` potrebbe essere la programmazione lato server: infatti devi interpretare tutti i campi inviati e salvarli in un database, da eventualmente usare al prossimo collegamento dello stesso utente.