style su un div

[asdas]

ciao.... sono novello in js
ho questo codice, ma non capisco perche non mi prende gli style al div che creo !

function process (){

oDiv = document.createElement ("div");
oText = document.createTextNode ("ciao.. sto caricando il div!");

oDiv.appendChild(oText);

myDiv = document.getElementById("divPreload");
myDiv.appendChild(oDiv);
myDiv.className ="nomeClasseDiv";

myDiv.style.width = "250px";
myDiv.style.background ="red";


}

[artorius]

A parte l'ultimo che sarebbe più corretto myDiv.style.backgroundColor ="red"; gli altri vanno bene. Sei sicuro che il div con id="divPreload" esista nella pagina?

[asdas]

mi mancava la chiusura del div...
adesso chiedo se possibile fare una cosa...
io vorrei che partisse da una larghezza di 200 e che finisse ad una larghezza di 400 aumentando di 10 pixel alla volta...
si puo fare tramite un for ?

[artorius]

No, perché è troppo veloce, devi pare una funzione che aumenta di 10px poi chiamarla ricorsivamente con setInterval o setTimeout

[asdas]

in soldoni ?

scusa, ma nn sono molto pratico..
cioè si riesce ad aprire un div di 200px poi uno da 210, poi da 220 ... cioè come se fosse un preload di un div definitivo con dimensioni standard ?

poi, si deve mettere uno sopra l'altro div e li chiudo tutti quando ha caricato il div finale ?
o li chiudo tutti in tempo reale ?

[artorius]

nono, crei un div con 0px, poi usango setInterval richiami una funzione ogni tot millisecondi che aumenti il width di 10px, poi, quando il div ha 200px si larghezza, usi il clearInterval e rimuovi il div.

[asdas]

puoi fare un esempio? perche nn cio capito una mazza!!!
brutta bestia l'ingnoranza!!! soprattutto se sei un informatico!


anzi.. non capisco quando chiamo le funzioni!

[artorius]

allora, prima di tutto Googla "javascript setInterval" per capire che fa la funzione.

In secondo luogo, crei una funzione del tipo:

var div; //Il div da ridimensionare
var interval; //L'oggetto interval tornato da setInterval
var maxWidth = 200; //Massima larghezza
var toAdd = 10; //Larghezza da agiungere ad ogni passaggio
function go()
{
   if(div)
   {
      var size = parseInt(div.style.width);
      if(size >= maxWidth)
      {
         crealInterval(interval);
         div.parentNode.removeChild(div);
         return;
      }
      size = size + toAdd;
      div.style.width = size+"px";
   }
}

window.onload = function(){
   //Metti qui il codice per aggiungere il div con width 0px;
   div = myDiv; // in myDiv c'era il div aggiunto

   interval = setInterval('go()', 50);

} 

[asdas]

visto che nn funzia... penso di aver scritto delle eresie nel codice !

io dal body chiamo onload="proccess()" e chiamo il file creaDiv.js
e dentro il body c'è questo <div id="divPreload"></div>

il file creaDiv.js è cosi strutturato!

function go() {

var div; //Il div da ridimensionare
var interval; //L'oggetto interval tornato da setInterval
var maxWidth = 200; //Massima larghezza
var toAdd = 10; //Larghezza da agiungere ad ogni passaggio

if(div) {
var size = parseInt(div.style.width);
if(size >= maxWidth) {
crealInterval(interval);
div.parentNode.removeChild(div);
return;
}
size = size + toAdd;
div.style.width = size+"px";
}
}

function process (){
//Metti qui il codice per aggiungere il div con width 0px;

oDiv = document.createElement ("div");
oText = document.createTextNode ("ciao.. sto caricando il div!");

oDiv.appendChild(oText);

myDiv = document.getElementById("divPreload");
myDiv.appendChild(oDiv);
myDiv.className ="nomeClasseDiv";

myDiv.style.width = "250px";
myDiv.style.background ="red";


div = myDiv; // in myDiv c'era il div aggiunto


interval = setInterval('go()', 50);

}

[asdas]

ho sistemato ....
riesco a chiamare la funzione e creare il div delle dimensioni giuste!