Ciao ragazzuoli
qualcuno sa come allargare un div?
per ora sto cercando di fare una cosa simile, ma ovviamente è sbagliata...
var divdagestire=document.getElementById(contenitore);
divdagestire.style.width=divdagestire.style.width + 1 + "px";
Ciao ragazzuoli
qualcuno sa come allargare un div?
per ora sto cercando di fare una cosa simile, ma ovviamente è sbagliata...
var divdagestire=document.getElementById(contenitore);
divdagestire.style.width=divdagestire.style.width + 1 + "px";
Scripter di BloodColony
www.bloodcolony.net
prova cosi
divdagestire.style.width+= 1 + "px";
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
cosi lo fisso, ma devo incrementarlo.
la formula finale deve eessere X= X+1
dove x è la larghezza del div
Scripter di BloodColony
www.bloodcolony.net
assolutamente no che tu scriva:
X = X + 1
o
X + = 1 sono la stessa cosa
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
ops :P non avevo visto il +
Scripter di BloodColony
www.bloodcolony.net
var divdagestire=document.getElementById(contenitore);
divdagestire.style.width+= 1 + "px";
niente da fare quando lo lancio al secondo passaggio mi ritorna errore
c'è un settimeout che rende continua l'azione
Scripter di BloodColony
www.bloodcolony.net
va bene come avevi fatto inizialmente
ma con un po' di debug ti sarebbe saltato subito all' occhio che quando chiedi il width restituisce anche l' unita' di misura, quindi fai un parseInt dello stesso valore per ottenerne solo la parte intera prima di aumentarlo
nota che se il width non viene restituito e' perche' non e' stato settato nello stile in linea dell' elemento o, precedentemente, via javascript stesso
e anche se questo fosse il caso, si puo' sempre rilevare con buona approssimazione lo spazio occupato dall' elemento con con divdagestire.offsetWidth
ciao
var divdagestire=document.getElementById(contenitore);
alert(parseInt(divdagestire.style.width));
anche facendo cosi mi restituisce NaN
Scripter di BloodColony
www.bloodcolony.net
ho scritto questo a volocodice:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Documento senza titolo</title> <script> var s=50; function ini(){ if(s<600){s+=10; document.getElementById('uno').style.width=s+'px'; setTimeout("ini()",10);} } </script> </head> <body onload="document.getElementById('uno').style.width=50+'px';"> <div id="uno" style="border:solid 1px #003";>stop a 600px</div> <input type="button" onclick="ini()" value="start" /> </body> </html>
sembra di aver risolto
cosi funziona, se avete consigli sono ben accetti e spero possa serire a qualcun altro
Codice PHP:<style type="text/css">
body{background:#FFF}
.divesterno
{
align:left;
width: 200px;
height:5px;
margin: 0.5em 0;
border: 1px solid #CCC;
padding: 1px;
font: 12px/16px Arial,sans-serif;
text-align: left;
}
.divinterno
{
width:0px;
background:red;
background-image:url('fiamme.gif');
background-repeat:repeat-x;
}
</style>
<script>
// VARIABILI NECESSARIE
/*
contenitore id del div della barra interna
tot_secondi tempo di azione
numvar indice dell'array con cui va avanti
nomevariabile variabile di avanzamento
divesternowidth larghezza div esterno
larghezza iniziale del div
*/
contatore = new Array(100);
function avvia(contenitore,tot_secondi,numvar,nomevariabile,divesternowidth,startwidth,label)
{
document.getElementById(contenitore).style.width=startwidth + "px";
document.getElementById(label).innerHTML=parseInt(divesternowidth)-parseInt(startwidth);
nomevariabile=setInterval('avanza(\''+contenitore+'\',\''+numvar+'\',\''+nomevariabile+'\',\''+divesternowidth+'\',\''+label+'\')',tot_secondi);
contatore[numvar]=0;
}
function avanza(contenitore,numvar,nomevariabile,divesternowidth,label)
{
if(contatore[numvar] < divesternowidth)
{
var divdagestire=document.getElementById(contenitore);
var divlabel=document.getElementById(label);
divdagestire.style.width=divdagestire.clientWidth+1;
divlabel.innerHTML=parseInt(divesternowidth)-parseInt(divdagestire.style.width);
++contatore[numvar];
}
else
{
clearInterval(nomevariabile);
}
}
</script>
</head>
<body>
<div align="center" style="background-color:white;padding:3px">
<div class="divesterno"><div id="div1" class='divinterno'></div></div>
<div id="label1"></div>
<a href onClick="avvia('div1',1000,1,'avanz1',200,50,'label1');">Inizia la barra 1</a>
<div class="divesterno"><div id="div2" class='divinterno'></div></div>
<div id="label2"></div>
<a href onClick="avvia('div2',1000,1,'avanz2',200,0,'label2');">Inizia la barra 2</a>
Scripter di BloodColony
www.bloodcolony.net
Permessi di invio
Rispondi quotando