Aumentare parametro css

**VanBee** · 27-12-2012, 21:24

Ho appena iniziato con il js, stavo provando a scrivere una funzione che spostasse di 100px un div, non capisco perchè non va.

codice:

<html>
    <head>
        <title>Prova JavaScript</title>
        <link href="provajs.css" rel="stylesheet" type="text/css">
        
        <script>
            function on(id){
                var div=document.getElementById(id).style.top;
                var h=div.replace("px", "");
                var h2=parseInt(h);
                h2+=100;
                document.getElementById(id).style.top=h2+"px";
            }
        </script>
        
    </head>
    
    <body>
        <div id="container" >
            <div id="myHeader" onclick="on('myHeader')">
                ciao
            </div>
        </div>
    </body>
</html>

Lo stile correlato:

codice:

#myHeader
{
    width: 20%;
    height: 20%;
    margin: auto;
    background-color: rgb(255,0,0);
    position:relative;
    top:100px;
    border: solid;
}

**Xinod** · 27-12-2012, 23:56

lo style a cui tenti di accedere e' quello in linea, tanto in lettura quanto in scrittura
<div id="myHeader" onclick="on('myHeader')" style="top:100px">
quindi la prima volta non troverai quello che ti aspetti

se proprio non vuoi definirlo nello stile in linea o assegnarlo via javascript anche la prima volta puoi usare uno script del genere http://www.quirksmode.org/dom/getstyles.html
che, con le dovute eccezioni, restituisce come il browser ha applicato lo stile sull' elemento

ciao, buone feste

P.s. e' inutile rimuovere "px" dalla stringa se immediatamente dopo fai un parseInt dello stesso valore

**VanBee** · 29-12-2012, 15:51

è che non so come funziona bene il parseInt, se faccio un parseInt di un misto tra numeri e lettere, vengono eliminate tutte le lettere e lasciari (e accostati) tutti i numeri?

**cavicchiandrea** · 29-12-2012, 16:28

Originariamente inviato da VanBee
è che non so come funziona bene il parseInt, se faccio un parseInt di un misto tra numeri e lettere, vengono eliminate tutte le lettere e lasciari (e accostati) tutti i numeri?

No, va in errore il parse(Int/Float) forza una stringa in numero:
var numero = "100"
numero = parseInt(numero)
Ok
var numero = "100px"
numero = parseInt(numero)
Errore

**Xinod** · 29-12-2012, 21:53

il parseInt di una stringa che inizia per intero restituisce quell' intero, no?

Discussione: Aumentare parametro css

Strumenti discussione

Ricerca discussione

Visualizza

Aumentare parametro css

Permessi di invio