Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

[diablo]

Salut .. am si eu o nedumerire
Am luat un 'js loading screen' de aici http://www.phpromania.net/forum/viewtopic.php?t=4267 si l-am pus intr-un site de-al meu la o pagina in care userul poate sa uploadeze cateva poze..in limita celor 2 Mb ...Eu am testat doar local chestia asta...am setat chiar la 8Mb si am uploadat o gramada de poze ...dar mai intai se executa upload-ul si dupa aia incepe executia paginii care apare dupa upload si practic preloader-ul....Cert e faptul ca preloader-ul apare f putin timp...inca n-am incercat "de afara". Dar voi cum stiti...? dupa ce se da Submit la form se executa upload-ul si dupa aia pagina de la "action" sau invers? Ideea e ca vreau sa arat un mesaj utilizatorului cat timp se face upload-ul!

[eyecon]

asta pentru ca noua pagina nu se incarca pana nu se termina de uploadat fisierul. Dupa asta se reincarca pagina si apare prealoder. Trebuie sa faci niste schimbari in js si cand se apasa butonul de submit al formularului sa afisezi iar loading. Adauga urmatoarele la codul js

Cod:
function display_loading() {
var targelem = document.getElementById('loader_container');
targelem.style.display='block';
targelem.style.visibility='visible';
return true
}

si la butonul de submit adaugi onclick="display_loading()"

[diablo]

nu merge...nu afiseaza containerul..practic nu se intampla nimik dupa ce dau submit si fac upload. am incercat sa-l afisez in pagina dupa ce ii dau remove la onload..dar imi apare o fractiune de secunda si dupa aia dispare

[MasterPhoton]

Daca ai lucra pe alt site (extern) ai avea sansa sa vezi preloaderul. Pe extern ai viteza de transfer mult mai mici decat upload pe localhost ( care inseamna tranfer hdd -> hdd ).

Incearca sa uploadezi fisiere de 50 MB ... care ar trebui sa iti arate uploaderul timp de 2-3 secunde (in functie de hdd-ul tau).

Sunt FOARTE curios sa imi spui daca asa e! (te rog)

[diablo]

ideea e ca uploaderul asta apare dupa ce se face upload-ul ....io incerc sa-l apelez la onclick la submit dar nu apare ..si am facut upload de vreo 7 mega poate chiar mai mult ....imi sta o sec si ceva (ca am o gramade de procese in background :PPP)

[MasterPhoton]

Cod:
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function showPreloadPage() { //DOM
if (document.getElementById){
document.getElementById('prepage').style.visibility='visible';
}else{
if (document.layers){ //NS4
document.prepage.visibility = 'visible';
}
else { //IE4
document.all.prepage.style.visibility = 'visible';
}
}
}

// End -->

---
iar pe butonul de upload pui
Cod: <a href="XXXXXXX" onClick="showPreloadPage();">

iar imaginea de preloader o pui in
Cod: <div id="prepage" align="center"><img src="../../images/loading.gif"></div>

[diablo]

eu folosesc functia de mai sus si nu imi merge.. functia ta are ceva diferit in afara de testul ala de browsere? ca nu merge nici asta

[MasterPhoton]

poti da detalii?? Foloseste firefox, si, din firefox, foloseste javascript console (tools -> javascript console)
Acolo iti va da niste detalii despre eventualele erori.

In ce sense nu merge? Nu iti arata preloaderul? Sau da eroare in pagina?

[diablo]

nu arata preloaderul....nu stiu vreau macar sa incerc ceva de genul..la submit sa imi apara preloader-ul si submit return false; sa vad io ca apare preloaderul...practic el ar trebuie sa apara pana sainceapa executia paginii din action

[MasterPhoton]

Facem altfel: Fa o imagine / sau buton si pune-i onClick-ul de mai devreme pe el. Daca merge, inseamna ca e ceva legat de formular. Daca nu...nu stiu. Mie-mi merge foarte bine...

[diablo]

mie tot nu imi merge

Uite mai jos fisierele mele ..

start.js

Cod: var t_id = setInterval(animate,20);
var pos=0;
var dir=2;
var len=0;
function animate()
{
var elem = document.getElementById('progress');
if(elem != null) {
if (pos==0) len += dir;
if (len>32 || pos>79) pos += dir;
if (pos>79) len -= dir;
if (pos>79 && len==0) pos=0;
elem.style.left = pos;
elem.style.width = len;
}
}


function remove_loading()
{
this.clearInterval(t_id);
var targelem = document.getElementById('loader_container');
targelem.style.display='none';
targelem.style.visibility='hidden';
}

function display_loading() {
if (document.getElementById){
document.getElementById('loader_container').style.visibility='visible';
}else{
if (document.layers){ //NS4
document.loader_container.visibility = 'visible';
}
else { //IE4
document.all.loader_container.style.visibility = 'visible';
}
}


}


start.php

Cod:
<html>
<head>

<link rel="stylesheet" href="start.css" type="text/css">
<script type="text/javascript" src="start.js"> </script>
</head>
<body onload="remove_loading()">
<div id="loader_container">
<div id="loader">
<div align="center">
Site Loading ...
</div>
<div id="loader_bg">
<div id="progress">
</div>
</div>
</div>
</div>
<input type="button" onclick="display_loading();">
</body>
</html>


si start.css

Cod: #interface1
{
z-index:1;
}
#loader_container
{
text-align:center;
position:absolute;
top:40%;
width:100%
}
#loader
{
font-family:Tahoma, Helvetica, sans;
font-size:11px;
color:#000000;
background-color:#FFFFFF;
padding:10px 0 16px 0;
margin:0 auto;
display:block;
width:130px;
border:1px solid #6A6A6A;
text-align:left;
z-index:2;
}
#progress
{
height:5px;
font-size:1px;
width:1px;
position:relative;
top:1px;
left:0px;
background-color:#9D9D94
}
#loader_bg
{
background-color:#EBEBE4;
position:relative;
top:8px;
left:8px;
height:7px;
width:113px;
font-size:1px
}

[PHPRomania Bot]