Modificare Css con javascript

[Prisco]

Salve ragazzi vorrei sapere come modificare css da javascript..
il problema è che se io ho imposto nell'head un foglio di stile esterno non riesco a modificare lo style cn un semplice document.getElementById(id dell'oggetto).style.top per dire..
come faccio?

[br1]

Originariamente inviato da Prisco
Salve ragazzi vorrei sapere come modificare css da javascript..
il problema è che se io ho imposto nell'head un foglio di stile esterno non riesco a modificare lo style cn un semplice document.getElementById(id dell'oggetto).style.top per dire..
come faccio?

Favorisci esempio non funzionante

ciao

[Xinod]

normalmente funzionerebbe
perche' equivale a settare il nuovo valore per quella proprieta' css nello stile in linea dell' elemento, che ha "peso" css superiore rispetto a quanto definito in un css esterno

se proprio vuoi andare a modificare via javascript come viene interpretato il css esterno
http://javascript.html.it/articoli/l...ogli-di-stile/

[Prisco]

provo e vi faccio sapere..
siccome c'è un solo foglio di stile allora avrà indice 0..

[Prisco]

se nel mio style.css ho il seguente selettore con seguente regole->

A.apri{ background:blue;width:250px;height:25px;text-align:center;font-size:40;color:red;width:250px;

positon:absolute;
left:0;
bottom:auto;
top:0;

}

se da javascript voglio modificare faccio così:

var stili=document.styleSheets.length;
foglioStile=document.styleSheets[0];

if(foglioStile.rules) //Se usiamo IE

foglioStile.cssRules = foglioStile.rules;

numRegole = foglioStile.cssRules.length;

selettore = ".apri"
regola = "{cursor:handy;}";
if(foglioStile.addRule) {//Se è IE
foglioStile.addRule(selettore, regola,
numRegole);
}
ma non funziona..se nel selettore imposto body o cose di questo tipo funziona..altrimenti nn vede .apri..che sbaglio??

[Prisco]

nessuno mi aiuta???

[homezappa]

Originariamente inviato da Prisco
se nel mio style.css ho il seguente selettore con seguente regole->

A.apri{ background:blue;width:250px;height:25px;text-align:center;font-size:40;color:red;width:250px;

positon:absolute;
left:0;
bottom:auto;
top:0;

}

se da javascript voglio modificare faccio così:

var stili=document.styleSheets.length;
foglioStile=document.styleSheets[0];

if(foglioStile.rules) //Se usiamo IE

foglioStile.cssRules = foglioStile.rules;

numRegole = foglioStile.cssRules.length;

selettore = ".apri"
regola = "{cursor:handy;}";
if(foglioStile.addRule) {//Se è IE
foglioStile.addRule(selettore, regola,
numRegole);
}
ma non funziona..se nel selettore imposto body o cose di questo tipo funziona..altrimenti nn vede .apri..che sbaglio??

A mio parere il selettore non è .apri, ma A.apri
poi, forse c'è un errore di battitura:
cursor:hand , e non cursor:handy
Tieni presente però che cursor:hand viene interpretato solo da IE, mentre cursorointer viene interpretato da TUTTI i browsers, IE compreso.

HTH
Zappa

[Prisco]

si si per la fretta ho scritto handy sul forum..cmq avevo fatto la prova cn mozilla e nn con ie in quanto di solito è explorer che rompe...bah..graize cmq.

[Prisco]

il problema rimane invariato..il codice che ho scritto serve per aggiungere una regola..ma se io ad esempio ho necessità di modificare il top impostato in un css esterno come faccio??
devo modificarlo ogni 1 secondo perchè devo far scorrere un div in una data direzione