login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Plaatje laten zien tijdens uploaden.

Offline ElleRt - 26/01/2006 20:14
Avatar van ElleRtMySQL interesse Dag mensen,

Ik heb een volgend probleem:

Mensen kunnen een foto op mijn website uploaden. Als dit een foto van 2 mb is kan dit vrij lang duren.
Nu wil ik graag dat er tijdens het uploaden een plaatje is tezien (een .gif) van een bewegend balkje met daaronder **een moment geduld, de foto wordt geupload.**

Maar hoe doe ik dit? Het zou dus zo moeten dat als je op de knop uploaden druk, dat plaatje tevoorschijn komt totdat het uplaoden klaar is.

Ik hoop op een reactie!

7 antwoorden

Gesponsorde links
Offline Bart - 26/01/2006 20:23
Avatar van Bart PHP expert onder de regel waar je je foto upload (in je script) -->
<marquee><img src="balkje.gif"></marquee>
Offline Realtec - 26/01/2006 20:37
Avatar van Realtec HTML interesse @ Quicky

Dan zie je al een balkje als je de pagina voor je ziet.. De heer ElleRt wil pas als hij op de knop uploaden klikt het plaatje zien
Offline ElleRt - 26/01/2006 20:46
Avatar van ElleRt MySQL interesse Idd. Ik wil hem dus tevoorschijn laten komen als er wordt geklikt op Uploaden.
Offline Gerard - 26/01/2006 20:48
Avatar van Gerard Ouwe rakker zet dat ding in een div die je pas laat zien (met js) wanneer iemand op de knop klikt.
Offline ElleRt - 26/01/2006 20:54
Avatar van ElleRt MySQL interesse en hoe doe je dat dan?
Offline ElleRt - 26/01/2006 21:06
Avatar van ElleRt MySQL interesse maar in combinatie met javascript toch?

Kan iemand mij opweg helpen?
Offline vinTage - 26/01/2006 21:53 (laatste wijziging 26/01/2006 21:55)
Avatar van vinTage Nieuw lid Ik heb wat geschreven maar niet getest met een echte upload eraan..

Wat er met mijn code gebeurd is dat hij een div hide of showed, maar als ik dit test zonder echt iets te uploaden, dan reload dus alleen de pagina.
In de onload van de pagina staat dat de div moet hiden, dus als je klikt zonder echt te uploaden, dan verschijnt de div maar een fractie van een seconde.
Ik DENK dat als je echt gaat uploaden, dat dan de pagina pas reload als je klaar bent met uploaden, en de div zal dan weer onzichtbaar worden.

Mss kan iemand even bevestigen of een pagina reload zodra je klikt, of pas als de upload klaar is ?

Mocht het zo zijn dat er NA upload pas gerefreshed word, dan zou je met deze code verder kunnen gaan :

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <head>
  2. <SCRIPT LANGUAGE="JavaScript">
  3. <!-- Original: Gregor (legreg@legreg.de) -->
  4.  
  5. <!-- This script and many more are available free online at -->
  6. <!-- The JavaScript Source!! http://javascript.internet.com -->
  7.  
  8. <!-- Begin
  9. var ie4 = (document.all) ? false : true;
  10.  
  11. var ns4 = (document.layers) ? false : true;
  12.  
  13. var ns6 = (document.getElementById && !document.all) ? false : true;
  14.  
  15. function hidelayer(lay) {
  16. if (ie4) {document.all[lay].style.visibility = "hidden";}
  17.  
  18. if (ns4) {document.layers[lay].visibility = "hide";}
  19.  
  20. if (ns6) {document.getElementById([lay]).style.display = "none";}
  21.  
  22. }
  23. function showlayer(lay) {
  24. if (ie4) {document.all[lay].style.visibility = "visible";}
  25.  
  26. if (ns4) {document.layers[lay].visibility = "show";}
  27.  
  28. if (ns6) {document.getElementById([lay]).style.display = "block";}
  29.  
  30. }
  31. function writetolayer(lay,txt) {
  32. if (ie4) {
  33.  
  34. document.all[lay].innerHTML = txt;
  35. }
  36. if (ns4) {
  37.  
  38. document[lay].document.write(txt);
  39. document[lay].document.close();
  40.  
  41. }
  42. if (ns6) {
  43. over = document.getElementById([lay]);
  44.  
  45. range = document.createRange();
  46. range.setStartBefore(over);
  47.  
  48. domfrag = range.createContextualFragment(txt);
  49. while (over.hasChildNodes()) {
  50.  
  51. over.removeChild(over.lastChild);
  52. }
  53. over.appendChild(domfrag);
  54.  
  55. }
  56. }
  57. // End -->
  58. </script>
  59. <head>
  60. <body onload="javascript:hidelayer('newlayer');">
  61. <form action="" method="post" enctype="multipart/form-data" name="uploadForm">
  62. uploadzooi
  63.   <input type="file" name="file" />
  64.   <input name="uploadknop" type="submit" value="submit" onclick ="javascript:showlayer('newlayer');" />
  65. </form>
  66. <SPAN ID="newlayer" style="position:absolute;">
  67. je zou hier een plaatje moeten zetten dus.
  68. </SPAN>
  69. </body>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.177s