Pagina di attesa

[nereidahoxhaj]

Ciao,
c'è per caso da qualche parte sul web o su questo sito un esempio di una pagina di attesa.
Ho trovato la tecnica del div nascosto che viene visualizzato con la scritta "Attendere prego..." ma volevo qualcosa di + figo.

[stiffa]

ciao.
prova questo link :
http://www.scriptasylum.com/misc/timerbar/timerbar.html
( di questo non domandarmi come si fa a far si che corrisponda al caricamento perche e' una cosa assai complicata e ci sono varie discussioni di questo).

poi...

non trovo il link ma ti posto lo script...questa la uso anche io, e' come la barra all'avvio di windows

fai un file a parte chiamato xp_load.js

var w3c=(document.getElementById)?true:false;
var ie=(document.all)?true:false;
var N=-1;

function createBar(w,h,bgc,brdW,brdC,blkC,speed,blocks,count,action){
if(ie||w3c){
var t='<div id="_xpbar'+(++N)+'" style="visibility:visible; position:relative; overflow:hidden; width:'+w+'px; height:'+h+'px; background-color:'+bgc+'; border-color:'+brdC+'; border-width:'+brdW+'px; border-style:solid; font-size:1px;">';
t+='<span id="blocks'+N+'" style="left:-'+(h*2+1)+'px; position:absolute; font-size:1px">';
for(i=0;i<blocks;i++){
t+='<span style="background-color:'+blkC+'; left:-'+((h*i)+i)+'px; font-size:1px; position:absolute; width:'+h+'px; height:'+h+'px; '
t+=(ie)?'filter:alpha(opacity='+(100-i*(100/blocks))+')':'-Moz-opacity:'+((100-i*(100/blocks))/100);
t+='"></span>';
}
t+='</span></div>';
document.write(t);
var bA=(ie)?document.all['blocks'+N]:document.getElementById('blocks'+N);
bA.bar=(ie)?document.all['_xpbar'+N]:document.getElementById('_xpbar'+N);
bA.blocks=blocks;
bA.N=N;
bA.w=w;
bA.h=h;
bA.speed=speed;
bA.ctr=0;
bA.count=count;
bA.action=action;
bA.togglePause=togglePause;
bA.showBar=function(){
this.bar.style.visibility="visible";
}
bA.hideBar=function(){
this.bar.style.visibility="hidden";
}
bA.tid=setInterval('startBar('+N+')',speed);
return bA;
}}

function startBar(bn){
var t=(ie)?document.all['blocks'+bn]:document.getElementById('blocks'+bn);
if(parseInt(t.style.left)+t.h+1-(t.blocks*t.h+t.blocks)>t.w){
t.style.left=-(t.h*2+1)+'px';
t.ctr++;
if(t.ctr>=t.count){
eval(t.action);
t.ctr=0;
}}else t.style.left=(parseInt(t.style.left)+t.h+1)+'px';
}

function togglePause(){
if(this.tid==0){
this.tid=setInterval('startBar('+this.N+')',this.speed);
}else{
clearInterval(this.tid);
this.tid=0;
}} 

poi nelle pagine dove vorrai mettere la barra di attesa :

1) includi il file <script language="javascript" src="xp_load.js"></script>
2) nel body crei l'oggetto barra e gli dici come mettersi se vibile o in attesa

<script language = "javascript" type="text/javascript">
 var bar1=createBar(300,15,'white',1,'black','#EB3E3E',85,7,100000,'bar1.togglePause()');
     javascript:bar1.hideBar();
 </script> 

3) come vedi bar1.hideBar(); la mette nascosta. per vederla , magari dopo la pressione di un tasto fai

javascript:bar1.showBar(); 

se hai prob fammi sapere.
Io ti consiglio questa.


p.s ....puoi personalizzarla cambiando i valori nella funzione createBar....smanettaci un po e vedi che succede.


ciao

[nereidahoxhaj]

Grazie Mille!!!
Ora ci do un occhiata.

[nereidahoxhaj]

Tutt'e due molto interessanti.
Ho visto su qualche sito che ora non ricordo che mentre aspetti rimane visualizzata la pagina corrente ma un po + opaca e sopra compare un oggetto con la scritta "Attendere prego..." in primo piano.

[stiffa]

beh ce ne sono di mille tipi , poi basta che ti ingegni un po tu...potresti fare che oltre a far vedere la barra xp_load , vai a scrivere "attendere prego" ...cosi :

document.getElementById("id_td").innerHTML = "...attendere prego";


ovviamente "id_td" da me e' l'id di una cella ma puoi mettere quello che vuoi , dove vuoi far apparire la scritta

[nereidahoxhaj]

Infatti, grazie.
Forse su come rendere la pagina opaca devo chiedere sul forum CSS

[stiffa]

senza aspettare te lo dico qui...

dovrebbe essere cosi il css
filter:alpha(opacity=50);