riferimento al valore di una proprietà css

[ant_alt]

sarà anche una cosa facile per gli esperti, ma mi sono impantanato nello scrivere questa funzione

function getWidth(IDelemento){
return parseInt(document.getElementById('IDelemento').sty le.width);
}

ovvio che il problema sta nel fatto che la proprietà width è del tipo 20 px e non un intero..
come si recupera il valore di una proprietà di un oggetto?

[Xinod]

questo dovrebbe riassumere i possibili scenari e gli espedienti eventualmente a disposizione
ciao

[Xinod]

Originariamente inviato da ant_alt
ovvio che il problema sta nel fatto che la proprietà width è del tipo 20 px e non un intero..

spiega comunque meglio, vuoi conoscere l' unita' di misura?
altrimenti col parseInt stai gia' lavorando con un intero

[ant_alt]

Originariamente inviato da Xinod
spiega comunque meglio, vuoi conoscere l' unita' di misura?
altrimenti col parseInt stai gia' lavorando con un intero

non voglio conoscere l'unità di misura, ma se width nel css esterno è settato a 20px, come posso recuperare width e modificarlo?


lo scopo ultimo sarebbe avere due pulsanti e un div, al click del primo pulsante il div deve avere width:200px, al click del secondo width:150px, il tutto ovviamente non con uno scatto ma con un setTimeout o qlc di equivalemte per "animare" la transizione

[Xinod]

allora segui il link della mia prima risposta

[ant_alt]

Originariamente inviato da Xinod
allora segui il link della mia prima risposta

riassumendo tutto quello che c'è da capire che quello che voglio fare non si può fare?

(leggere un css esterno o interno)

quello che si può fare è settare lo stato iniziale dalla proprietà via js e solo dopo posso modificarla,giusto?

[Xinod]

no, riassumendo se hai assoluto bisogno del preciso valore definito nella regola del css esterno o interno che sia, ti serve l' oggetto stylesheets, come linkato alla fine di quella risposta a cui ti ho rimandato

dal momento che ci sono altre vie per arrivare a quanto spazio occupa un elemento (vedi link offset e getComputedStyle, sempre li' linkato) e magari pure piu' efficaci (dopo che hai capito che c'e' scritto 20% che gli racconti?), sta a te decidere quale strada percorrere

buon proseguimento

[ant_alt]

bè per ora ho risolto definendo tutto in js, c'è tempo per farsi una cultura..grazie mille cmq

[Enzo (Strayst.)]

Originariamente inviato da ant_alt
function getWidth(IDelemento){
return parseInt(document.getElementById('IDelemento').sty le.width);
}

Se il valore reale dell' ID arriva alla function dai comandi, allora togli gli apostrofi da:

getElementById(IDelemento)

che invece devono esserci al comando:

onClick="getWidth('cheID');"


Si può anche fare:

getElementById(''+IDelemento+'')

che permette di assemblare delle stringhe per ID; es:

getElementById(''+IDelemento+'n2')

che reperirà l' oggetto avente id="cheIDn2"

[ant_alt]

Originariamente inviato da Enzo (Strayst.)
..

certo.. così ho fatto infatti

curiosità: un riferimento ad un oggetto tramite getElementById e, ad esempio, la key word "this" su uno span o qlc altro tag sono esattamente uguali?
mi spiego:


HTML:
<span id="abc" onclick="colora(this)"> ABC </span>



js:
1. function colora(a) {a.style.color="red";}


2. document.getElementById('abc').style.color="red";

3. document.getElementsByTagName('span')[0].style.color="red";

i punti 1,2 e 3 sono esattamente uguali in pratica, ma anche teoricamente?
praticamente la mia domanda è: un riferimento ad un oggetto è sempre tale a prescindere dal metodo con cui lo si realizza?