Avatar billede labisama Nybegynder
12. marts 2009 - 21:52 Der er 5 kommentarer og
2 løsninger

Upload vente grafik?

Hej med jer!

Jeg ønsker noget så "simpelt" som en vente tekst/grafik når man uploader via php.

Jeg har søgt lidt omkring, og har fundet mange eksempler som er alt for komplekse til det jeg ønsker pt. Jeg ønsker ikke load progress bar osv. med overførelseshastigheder m.m.

Men vil bare gerne vide om man kan, og i såfald hvordan, man viser noget load-grafik imens php-uploader?

Jeg har tænkt at det nok skal kædes sammen med noget javascript/Ajax?

På forhånd tak...
Avatar billede apocs Nybegynder
12. marts 2009 - 23:29 #1
Noget simpelt kunne være at skjule div layeret med javascript når man trykker på Upload, og samtidig vise en ny div der ligger samme sted, hvor man så har noget grafik der viser at der loades.
Avatar billede coderdk Praktikant
13. marts 2009 - 01:35 #2
Præcist hvad apocs skriver, noget i stil med:

<script type="text/javascript">
function vent()
{
  frm = document.getElementById("formen");
  frm.style.position = 'absolute';
  frm.style.top = '-1000px';
  frm.style.left = '-1000px';
  wait = document.getElementById("vent").style.display='block';
}
</script>
<div>
  <div id="vent" style="display:none">Vent venligst</div>
  <div id="formen">
    <form method="post" enctype="multipart/form-data" onsubmit="vent()">
      Fil: <input type="file" name="filen" />
      <input type="submit" value="Upload" />
    </form>
  </div>
</div>

Jeg bruger position: absolute og flytter formen væk, i stedet for blot at sætte display: none - mener at der er noget med at safari eller en eller anden browser ikke vil poste filen hvis formen er sat til none...
Avatar billede labisama Nybegynder
14. marts 2009 - 12:44 #3
Virker desværre ikke, da jeg har en anden funktion på onsubmit...
Avatar billede apocs Nybegynder
14. marts 2009 - 13:20 #4
Derfor kan du godt have flere.

onsubmit="(funktion1(); funktion2();"

eller kald vent()-funktionen i den funktion du allerede har ;)
Avatar billede labisama Nybegynder
16. marts 2009 - 10:50 #5
Super... Svar tak
Avatar billede apocs Nybegynder
16. marts 2009 - 10:58 #6
Svar :)
Avatar billede coderdk Praktikant
16. marts 2009 - 10:58 #7
:)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester