Leggere le impostazioni css con javascript

**gtocco** · 13-09-2007, 11:46

Salve,
mi trovo a dover affrontare uno spinoso problema.
Vorrei fare modificare al mio cliente i codici css della pagina in questione con JAVASCRIPT.
E fin qui tutto bene i linguaggi si integrano a meraviglia.

Il problema sorge quando voglio far spostare loro un livello e quindi cerco di creare una funzione Javascript che ad ogni click dell'utente, aggiunga o tolga un pixel alla proprietà left del livello.

Pressapoco il codice è il seguente:

function spostaDestra() {
var left = document.getElementById("ciccio").style.left;
document.getElementById("ciccio").style.left = ""+(left+1)+"";
}

ora il guaio è che non viene assegnato nessun valore alla variabile left...
PERCHE'?

Grazie
Guido

**br1** · 13-09-2007, 11:53

function spostaDestra() {
var left = parseFloat(document.getElementById("ciccio").style.left);
document.getElementById("ciccio").style.left = ""+(left+1)+"px";
}

ciao

**gtocco** · 13-09-2007, 14:29

GRAZIE MILLE!!!! ora funziona!!!

**gtocco** · 13-09-2007, 14:52

OPS, in verità non funziona....
alla proprietà left viene assegnato il valore NaN e ovviamente non funziona nulla, ti mando lo script completo (sono solo poche righe, magari sbaglio nella definizione del css...)

<title>Documento senza titolo</title>
<style type="text/css">
#ciccio {
position:absolute;
left:80px;
top:76px;
width:264px;
height:167px;
z-index:1;
}
</style>
<script type="text/javascript">
function spostaDestra() {
var left = parseFloat(document.getElementById("ciccio").style .left);
document.getElementById("ciccio").style.left = ""+(left+1)+"px";
}
</script>
</head>

<body>
<div id="ciccio">CIAO DOVREI SPOSTARMI AL CLICK</div>
<div align="center" onclick="spostaDestra()">CLICCA QUI PER SPOSTARLO</div>
</body>
</html>

Scusa ancora e grazie....

**floyd** · 13-09-2007, 15:17

perché style funziona solo con gli stili inline
leggi qui

Discussione: Leggere le impostazioni css con javascript

Strumenti discussione

Ricerca discussione

Visualizza

Leggere le impostazioni css con javascript

Permessi di invio