4images Forum & Community

4images Modifications / Modifikationen => Mods & Plugins (Releases & Support) => Topic started by: mawenzi on August 11, 2006, 11:03:59 PM



Title: [MOD] Progress Popup for Image Upload
Post by: mawenzi on August 11, 2006, 11:03:59 PM
Vorwort / Features :
  • Diese Modifizierung wurde hier (http://www.4homepages.de/forum/index.php?topic=14008.msg75517#msg75517) im Forum angefragt.
  • Mit diesem MOD wird, gleich wie im ACP, beim Bild- / Datei-Upload für die Dauer des Uploads ein Popup mit einer Animation angezeigt. Dieses Fenster schließt sich dann automatisch nach abgeschlossenem Upload.
  • Dem User wird also auch beim Upload von größeren Dateien angezeigt, dass der Uploadprozess noch im Gange ist und er nicht voreilig die Seite wechselt.
  • In dieser Basisversion wird der gleiche Inhalt im Popup angezeigt wie im ACP.
  • Es ist aber natürlich auch möglich einen eigenen / anderen Inhalt im Popup anzeigen zu lassen. Wobei dann eine neue progress_2.php bzw. -.html erstellt werden müsste, auf die dann im Java Script verwiesen wird.


Dateien die zu ändern sind :
  • In dieser Basisversion ist nur eine Datei betroffen.
  • templates/<dein_template>/member_uploadform.html

Dateien die neu zu erstellen sind :
  • admin/progress_2.php


1. Schritt
folgendes Java-Script ist in den unmittelbaren Anfang der member_uploadform.html zu kopieren :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script language="JavaScript">
    <!--
    var statusWin, toppos, leftpos;
    toppos = (screen.height - 401)/2;
    leftpos = (screen.width - 401)/2;
    function showProgress() {
      statusWin = window.open('admin/progress_2.php','Status','height=150,width=350,top='+toppos+',left='+leftpos+',location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes');
      statusWin.focus();
    }

    function hideProgress() {
      if (statusWin != null) {
        if (!statusWin.closed) {
          statusWin.close();
        }
      }
    }
   // -->
</script>


2. Schritt
finde folgende Zeile kurz vor Ende der member_uploadform.html :
1
<input type="submit" name="uploadbutton" value="{lang_submit}" class="button" />
und ersetze sie durch die folgende Zeile :
1
<input type="submit" name="uploadbutton" value="{lang_submit}" class="button" onClick="showProgress()" />


3. Schritt
folgendes Java-Script ist an das Ende der member_uploadform.html zu kopieren :
1
2
3
4
5
6
<script language=javascript>
   <!--
   showProgress();
   hideProgress();
   // -->
</script>


4.Schritt
Erstelle eine Kopie deiner admin/progress.php mit dem Namen progress_2.php, die auch im admin-Ordner zu speichern ist, wobei vorher noch folgende Änderungen vorzunehmen sind.
Finde in deiner neuen progress_2.php folgendes :
1
2
3
define('IN_CP', 1);
define('ROOT_PATH', './../');
require('admin_global.php');
und lösche es .

Weiterhin finde :
1
<title><?php echo $lang['upload_progress']; ?><</title>
und setze hier dein Titel für das Popupfenster ein, etwa so ...
1
<title>Dateiupload</title>
Wie bereits oben beschrieben ist die Datei nun im admin-Ordner zu speichern.


Viel Spaß beim Uploaden mit dem neuen Popup, natürlich auch für eure User ...  :wink:
mawenzi


Title: Re: [MOD] Progress Popup for Image Upload
Post by: Stinus on August 11, 2006, 11:47:17 PM
Hi
Is it possibility that you can translate this post / mod to English :?:. I don't understand deutsch so verry mutch. :wink:


Title: Re: [MOD] Progress Popup for Image Upload
Post by: mawenzi on August 12, 2006, 12:24:25 AM
... a translation is coming soon ...
... in the meantime you can try this ...
... Google MOD translation (http://translate.google.com/translate?u=http%3A%2F%2Fwww.4homepages.de%2Fforum%2Findex.php%3Ftopic%3D14066.0&langpair=de%7Cen&hl=de&ie=UTF8) ...  :mrgreen:
... please note, use this link only for the instructions, the code should be copyed from this original page


Title: Re: [MOD] Progress Popup for Image Upload
Post by: ivan on August 12, 2006, 01:54:23 AM
hallo detlev,
danke für das schnellen posten...

ich habe mir diese code zeilen eingefügt aber ich habe so meine probleme

-beim drücken des upload button direkt in der kategorie wird das popup vorher kurz aufgemacht und wieder geschlossen
-beim laden erscheint zwar die anzeige, wird am ende aber nicht geschlossen
-und zu allerletzt funktioniert dies nur mit dem administrator, sonst erscheint die passwort eingabe!

benutze firefox
code zeilen habe ich am anfang und am ende eingefügt
button zeile durch deine ersetzt

gruss ivan


Title: Re: [MOD] Progress Popup for Image Upload
Post by: grafcux on August 12, 2006, 11:23:32 AM
Ja, auch bei mir schließt sich das Fenster nicht automatisch, es wird lediglich unten links "fertig" angezeigt, das Papier fliegt aber unendlich von links nach rechts!


Title: Re: [MOD] Progress Popup for Image Upload
Post by: tdkpaul on August 12, 2006, 12:06:55 PM
danke für den fabelhaften MOD

manchmal frage ich mich warum soetwas nicht in der Standart Version von 4images enthalten istl


Title: Re: [MOD] Progress Popup for Image Upload
Post by: mawenzi on August 12, 2006, 05:53:39 PM
... @ Alle ...
... zunächst mal danke für eure Reports ...
... nun im einzelnen ...

@ ivan
... es ist richtig, dass das Fenster beim Aufruf des Uploadformulars kurz geöffnet und gleich wieder geschlossen wird ...
... das liegt an der Funktionsweise des Scripts ... event. kann man das noch optimieren ...
... das nach dem Laden das Fenster nicht geschlossen wird ? ... hast du das mal im IE probiert ... ?
... das mit der Passworteingabe liegt an der progress.php im Admin-Ordner mit "require('admin_global.php');" ...
... es ist also doch besser eine progress_2.php bzw. -.html wie oben im Vorwort beschrieben zu erstellen ...
... in dieser Datei sollte dann "require('admin_global.php');"  nicht erscheinen ...
... so läuft es auch auf meiner Seite ...
... ich werde die MOD-Beschreibung dahingehend nochmals ändern ...

@ grafcux
... siehe @ ivan ...

@ tdkpaul
... hast du dir eine neue progress_2.php erstellt, so dass bei dir alles problemlos läuft ... ?


Title: Re: [MOD] Progress Popup for Image Upload
Post by: ivan on August 12, 2006, 06:15:26 PM
hallo detlev,
nun mit der progress_2 im admin ordner und das weglassen des global eintrages
läuft es nun ohne passwort eingabe.

nun das schliessen funktioniert immer noch nicht...

was mache ich falsch?

p.s firefox sowohl ie wird das popup nicht geschlossen!!

gruss ivan


Title: Re: [MOD] Progress Popup for Image Upload
Post by: JensF on August 12, 2006, 09:00:03 PM
Hallo zusammen,

ich habe das eben auch mal eingebaut und kann mich dem Problem der anderen nur anschließen.

Das Fenster schließt sich leider nicht von alleine wenn der Upload abgeschlossen ist.

Außerdem muss der Pop-Up Blocker abgeschaltet werden sonst beschwert sich der Browser. Und ich denke das kann man von niemanden verlangen das er den Blocker abschaltet, oder?
Gibt es dafür vielleicht noch ne andere Lösung???


Title: Re: [MOD] Progress Popup for Image Upload
Post by: mawenzi on August 13, 2006, 01:51:21 PM
@ JensF

... ich hätte noch eine andere Lösung, mit Layern ...
... schau mal hier -> http://www.4homepages.de/forum/index.php?topic=14008.msg75746#msg75746 ...
... nur wurde sich halt dort für diese Variante mit Popup entschieden ...
... das Schließen des Popupfensters muss ich noch mal überprüfen ...


Title: Re: [MOD] Progress Popup for Image Upload
Post by: JensF on August 13, 2006, 02:56:27 PM
Wo finde ich denn die Version mit Layern bei dir?? Habe eben im Forum und in der Download Area geschaut aber entweder bin ich blind oder es ist nicht da :)


Title: Re: [MOD] Progress Popup for Image Upload
Post by: tdkpaul on August 17, 2006, 04:53:59 PM
falls es hier jemand geschafft hat, so poste bitte die Lösung.
Das Problem mit dem Popblocker habe ich leider auch.


Falls nicht auch egal.
Wäre aber praktisch, da man nicht so recht weiß als Newbie ob das Bild gerade geupt wird. Allein die Statusanzeige unten links im Browser verrät über einen Uplaodvorgang


Title: Re: [MOD] Progress Popup for Image Upload
Post by: macmaster_it on August 25, 2006, 02:56:37 PM
Hi Leute, hab heut mal an dem Mod rumgespielt. Ergebnis: Totalumbau!!
also macht alles wieder rückgängig und folgt mir....
damit es alle verstehen, wechsel ich auf englisch...Mit der Bitte meinen geänderten Mod an 1.Stelle zu setzten und den "Versuch" zu entfernen...


Hi all,
after I've add this Mod at my Homepage it don't work exaktly and I have changed it totally.
And now it works fine.
Remake all modifications and lat beginn anotherone...

File to modify:
  • ./template/<yourtemplate>/member.html
  • ./template/<yourtemplate>/member_uploadform.html
  • ./lang/english/main.php
  • ./lang/deutsch/main.php

File to make:
  • ./progress_2.php

File:
./template/<yourtemplate>/member.html

after:
add:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script language="JavaScript">
    <!--
    var statusWin, toppos, leftpos;
    toppos = (screen.height - 401)/2;
    leftpos = (screen.width - 401)/2;
    function showProgress() {
      statusWin = window.open('progress_2.php','Status','height=150,width=350,top='+toppos+',left='+leftpos+',location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes');
      statusWin.focus();
    }

    function hideProgress() {
      if (statusWin != null) {
        if (!statusWin.closed) {
          statusWin.close();
        }
      }
    }
   // -->
</script>
{hideProgress}
at the end before:
add:
1
2
3
4
5
6
<script language=javascript>
   <!--
   showProgress();
   hideProgress();
   // -->
</script>

File:
./template/<yourtemplate>/member-upload.html

at the top of the file ad:
1
2
3
4
5
6
7
8
9
10
11
<script language="JavaScript">
    <!--
    var statusWin, toppos, leftpos;
    toppos = (screen.height - 401)/2;
    leftpos = (screen.width - 401)/2;
    function showProgress() {
      statusWin = window.open('progress_2.php','Status','height=150,width=350,top='+toppos+',left='+leftpos+',location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes');
      statusWin.focus();
    }
   // -->
</script>
then find:
1
    <input type="submit" name="uploadbutton" value="{lang_submit}" class="button" />
and replace with
1
    <input type="submit" name="uploadbutton" value="{lang_submit}" class="button" onClick="showProgress()" />

File:
./lang/english/main.php
find:
[qcode]$lang['new_upload_validate_desc'] = "Your image will be validated once it has been reviewed.";[/qcode]
and add after:
1
2
$lang['upload_progress'] = "File upload in progress....";
$lang['upload_progress_desc'] = "This window will close automatically once the upload is completed.";


File:
./lang/deutsch/main.php
find:
1
$lang['new_upload_validate_desc'] = "Nach Überprüfung durch einen Administrator wird Ihr Bild freigeschaltet.";
and add after:
1
2
$lang['upload_progress'] = "Datei wird hochgeladen....";
$lang['upload_progress_desc'] = "Dieses Fenster schliesst sich automatisch,<br/>wenn der Datei-Upload beendet ist.";

than create File:
progress_2.php

(in the Root-Directory)
with this code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<?php
/**************************************************************************
 *                                                                        *
 *    4images - A Web Based Image Gallery Management System               *
 *    ----------------------------------------------------------------    *
 *                                                                        *
 *             File: progress.php                                         *
 *        Copyright: (C) 2002 Jan Sorgalla                                *
 *            Email: jan@4homepages.de                                    *
 *              Web: http://www.4homepages.de                             *
 *    Scriptversion: 1.7.3                                                *
 *                                                                        *
 *    Never released without support from: Nicky (http://www.nicky.net)   *
 *                                                                        *
 **************************************************************************
 *                                                                        *
 *    Dieses Script ist KEINE Freeware. Bitte lesen Sie die Lizenz-       *
 *    bedingungen (Lizenz.txt) für weitere Informationen.                 *
 *    ---------------------------------------------------------------     *
 *    This script is NOT freeware! Please read the Copyright Notice       *
 *    (Licence.txt) for further information.                              *
 *                                                                        *
 *************************************************************************/

define('ROOT_PATH''./');
include(
ROOT_PATH.'global.php');

?>

<html>
<head>
<title><?php echo $lang['upload_progress']; ?><</title>
<link rel="stylesheet" href="./admin/cpstyle.css">
<script language="javascript1.2">
<!--
var start_pad = 2;
var end_pad = 2;
var sel = 0;
var mod = 3;
var timer;

var image_on = new Image();
image_on.src = 'admin/images/arrow.gif';
var image_off = new Image();
image_off.src = 'admin/images/spacer.gif';

function animate() {
  for (var i = start_pad; i < document.images.length - end_pad; i++) {
    if (i % mod == sel) {
      document.images[i].src = image_on.src;
    }
    else {
      document.images[i].src = image_off.src;
    }
  }
  sel++;
  if (sel == mod) {
    sel = 0;
  }
  start_animation();
}

function start_animation() {
  timer=window.setTimeout("animate();",250);
}

function stop_animation() {
  window.clearTimeout(timer);
}

// -->
</script>
</head>

<body onload="start_animation()">
<center>
<span class="title"><?php echo $lang['upload_progress']; ?></span>
<p>
<?php echo $lang['upload_progress_desc']; ?>
<p>
<table border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td> <img src="admin/images/folder_big.gif"> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/folder_big.gif" /> </td>
 </tr>
</table>
</center>
</body>

OK
that's all folk's

upload all files and have fun....

Thank's for the Idea!!!


Title: Re: [MOD] Progress Popup for Image Upload
Post by: tdkpaul on August 25, 2006, 07:10:47 PM
BIG BIG BIG BIG BIG Thanx  :D :D :D


it is very nice


Title: Re: [MOD] Progress Popup for Image Upload
Post by: JensF on August 31, 2006, 11:10:07 AM
Quote  [Expand]
Hi Leute, hab heut mal an dem Mod rumgespielt. Ergebnis: Totalumbau!!
also macht alles wieder rückgängig und folgt mir....

Hi,

habe das jetzt mal getestet aber das funzt auch nicht.

1. Stört wieder der Pop-Up Blocker (weiso stört der nicht wenn das Fenster im Admin Bereich aufgeht wenn man direkt was hochlädt??)

2. Das Pop-Up öffnet sich nicht wenn das Bild hochgeladen wird sondern sobald man die member_uploadform aufruft. Also viel zu früh :)


Beim wem funktioniert das ganze denn ohne Probleme???


Title: Re: [MOD] Progress Popup for Image Upload
Post by: mawenzi on August 31, 2006, 11:37:45 AM
Beim wem funktioniert das ganze denn ohne Probleme???

... bei mir ...  :wink:


Title: Re: [MOD] Progress Popup for Image Upload
Post by: JensF on August 31, 2006, 12:27:50 PM
Beim wem funktioniert das ganze denn ohne Probleme???

... bei mir ...  :wink:

und da stört kein Pop-Up Blocker???


Title: Re: [MOD] Progress Popup for Image Upload
Post by: macmaster_it on August 31, 2006, 02:15:14 PM
Hi Leute,
komisch, bei mir gibr es keine Probleme.
mit firefox-popupblockerr ist an, läufts.
auch mit dem explorer sowohl auf 2000 als auch xp läufts.
selbst mit mac gab es keine probleme.
fenster öffnet sich auch erst, wenn man auf submit klickt...
also, wo ist das problem???
ggf. kontrollier nochmal alles....
oder schick mal deine mod. dateien als anhang....

muß doch ne lösung geben, kann ja nich sein, daß das nicht zu lösen ist...
bis dann


Title: Re: [MOD] Progress Popup for Image Upload
Post by: mawenzi on August 31, 2006, 02:40:09 PM
@ Jens

... einfach mal testen ... ( wie bereits gesagt ... diese Variante des Progress Popup findest du auf der Expert-Upload-Seite )


Title: Re: [MOD] Progress Popup for Image Upload
Post by: JensF on August 31, 2006, 08:53:50 PM
@ Jens

... einfach mal testen ... ( wie bereits gesagt ... diese Variante des Progress Popup findest du auf der Expert-Upload-Seite )

HI,

habe eben nochmal bei dir geschaut und wenn ich in den Expert Modus gehe dann beschwert sich auch gleich wieder der Blocker von Firefox.

Wenn ich in den Easy Modus gehe dann sehe ich mitten auf der Seite ein Upload Fenster. Soll das da schon sein obwohl noch nichts hochgeladen wird???

Wo finde ich diese Version des Mods???


Title: Re: [MOD] Progress Popup for Image Upload
Post by: techmob on September 01, 2006, 06:52:25 PM
any demos guys?


Title: Re: [MOD] Progress Popup for Image Upload
Post by: tdkpaul on September 01, 2006, 08:00:48 PM
in acp you can test it



Title: Re: [MOD] Progress Popup for Image Upload
Post by: skiemor on January 20, 2008, 11:40:08 PM
Hi Leute, hab heut mal an dem Mod rumgespielt. Ergebnis: Totalumbau!!
also macht alles wieder rückgängig und folgt mir....
damit es alle verstehen, wechsel ich auf englisch...Mit der Bitte meinen geänderten Mod an 1.Stelle zu setzten und den "Versuch" zu entfernen...


Funktioniert gut. Nur bei jedem Aufruf der member.php meldet sich der Popup-Blocker, auch wenn keine Datein hochgeladen werden soll.
Aber das Problem ist wohl schon bekannt hier, oder?

Chris.


Title: Re: [MOD] Progress Popup for Image Upload
Post by: www.katzen.ag on January 25, 2008, 11:35:32 PM
Beim IExplorer schließt sich das Popupfenster nicht, beim Firefox kappt es... woran kann es liegen?

The Popup does not close in IExplorer, in Firefox it does, why?


Title: Re: [MOD] Progress Popup for Image Upload
Post by: mawenzi on January 25, 2008, 11:46:17 PM
... arbeite eigentlich genauso wie es standardmäßig im ACP installiert ist ...
... schließt denn im ACP das Popup z.B. nachdem du eine Bilddatei bearbeitet hast ... ?


Title: Re: [MOD] Progress Popup for Image Upload
Post by: www.katzen.ag on January 26, 2008, 12:21:33 AM
Ja, im ACP funktioniert alles einwandfrei. Wie gesagt, im Firefox kein Problem, nur im IExplorer nicht...seltsam, seltsam... :(


Title: Re: [MOD] Progress Popup for Image Upload
Post by: shadowhunter on June 18, 2008, 02:54:36 PM
Hallo

Konnte jemand dieses Problem mit dem Schliessen des Pop ups beheben?!?
Bei mir funktioniert es im ACP einwandfrei, jedoch beim Uploadformular nur halbwegs.
Zusätzlich verwende ich noch Frames, was diese Problematik schwieriger macht.

Jedoch, wenn das Formular nicht ganz ausgefüllt wird und die member.php Seite einen Fehler wegen eines nicht ausgefüllten Formulars macht (z.B. falscher Captcha-Code), dann wird das Pop up einwandfrei geschlossen.
Nur wenn nach dem Bild-Upload die Meldung "Bild erfolgreich hinaufgeladen" kommt, dann wird das Popup nicht geschlossen (Firefox + IE + Safari).
Woran kann dies liegen? Wegen eines Gebrauchs von einem anderen Template-File?
Danke für eure Antworten.

Gruss Jones


Title: Re: [MOD] Progress Popup for Image Upload
Post by: shadowhunter on June 25, 2008, 02:33:46 PM
Hallo!

Ich habe eine mögliche Lösung. Bei mir funktioniert es... Bei euch auch?

Füge zuoberst bei der Datei member_uploadform.html folgendes ein:
1
<body onUnload="hideProgress();">

Gruss


Title: Re: [MOD] Progress Popup for Image Upload
Post by: Sumale.my on June 25, 2008, 02:44:38 PM
Frage!

Ist das behoben mit dem Pop-Up? Und läuft das denn unter 1.7.6 ?


Title: Re: [MOD] Progress Popup for Image Upload
Post by: Sumale.my on August 06, 2008, 11:56:56 PM
Hi Leute, hab heut mal an dem Mod rumgespielt. Ergebnis: Totalumbau!!
also macht alles wieder rückgängig und folgt mir....
damit es alle verstehen, wechsel ich auf englisch...Mit der Bitte meinen geänderten Mod an 1.Stelle zu setzten und den "Versuch" zu entfernen...


Hi all,
after I've add this Mod at my Homepage it don't work exaktly and I have changed it totally.
And now it works fine.
Remake all modifications and lat beginn anotherone...

File to modify:
  • ./template/<yourtemplate>/member.html
  • ./template/<yourtemplate>/member_uploadform.html
  • ./lang/english/main.php
  • ./lang/deutsch/main.php

File to make:
  • ./progress_2.php

File:
./template/<yourtemplate>/member.html

after:
add:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script language="JavaScript">
    <!--
    var statusWin, toppos, leftpos;
    toppos = (screen.height - 401)/2;
    leftpos = (screen.width - 401)/2;
    function showProgress() {
      statusWin = window.open('progress_2.php','Status','height=150,width=350,top='+toppos+',left='+leftpos+',location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes');
      statusWin.focus();
    }

    function hideProgress() {
      if (statusWin != null) {
        if (!statusWin.closed) {
          statusWin.close();
        }
      }
    }
   // -->
</script>
{hideProgress}
at the end before:
add:
1
2
3
4
5
6
<script language=javascript>
   <!--
   showProgress();
   hideProgress();
   // -->
</script>

File:
./template/<yourtemplate>/member-upload.html

at the top of the file ad:
1
2
3
4
5
6
7
8
9
10
11
<script language="JavaScript">
    <!--
    var statusWin, toppos, leftpos;
    toppos = (screen.height - 401)/2;
    leftpos = (screen.width - 401)/2;
    function showProgress() {
      statusWin = window.open('progress_2.php','Status','height=150,width=350,top='+toppos+',left='+leftpos+',location=no,scrollbars=no,menubars=no,toolbars=no,resizable=yes');
      statusWin.focus();
    }
   // -->
</script>
then find:
1
    <input type="submit" name="uploadbutton" value="{lang_submit}" class="button" />
and replace with
1
    <input type="submit" name="uploadbutton" value="{lang_submit}" class="button" onClick="showProgress()" />

File:
./lang/english/main.php
find:
[qcode]$lang['new_upload_validate_desc'] = "Your image will be validated once it has been reviewed.";[/qcode]
and add after:
1
2
$lang['upload_progress'] = "File upload in progress....";
$lang['upload_progress_desc'] = "This window will close automatically once the upload is completed.";


File:
./lang/deutsch/main.php
find:
1
$lang['new_upload_validate_desc'] = "Nach Überprüfung durch einen Administrator wird Ihr Bild freigeschaltet.";
and add after:
1
2
$lang['upload_progress'] = "Datei wird hochgeladen....";
$lang['upload_progress_desc'] = "Dieses Fenster schliesst sich automatisch,<br/>wenn der Datei-Upload beendet ist.";

than create File:
progress_2.php

(in the Root-Directory)
with this code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<?php
/**************************************************************************
 *                                                                        *
 *    4images - A Web Based Image Gallery Management System               *
 *    ----------------------------------------------------------------    *
 *                                                                        *
 *             File: progress.php                                         *
 *        Copyright: (C) 2002 Jan Sorgalla                                *
 *            Email: jan@4homepages.de                                    *
 *              Web: http://www.4homepages.de                             *
 *    Scriptversion: 1.7.3                                                *
 *                                                                        *
 *    Never released without support from: Nicky (http://www.nicky.net)   *
 *                                                                        *
 **************************************************************************
 *                                                                        *
 *    Dieses Script ist KEINE Freeware. Bitte lesen Sie die Lizenz-       *
 *    bedingungen (Lizenz.txt) für weitere Informationen.                 *
 *    ---------------------------------------------------------------     *
 *    This script is NOT freeware! Please read the Copyright Notice       *
 *    (Licence.txt) for further information.                              *
 *                                                                        *
 *************************************************************************/

define('ROOT_PATH''./');
include(
ROOT_PATH.'global.php');

?>

<html>
<head>
<title><?php echo $lang['upload_progress']; ?><</title>
<link rel="stylesheet" href="./admin/cpstyle.css">
<script language="javascript1.2">
<!--
var start_pad = 2;
var end_pad = 2;
var sel = 0;
var mod = 3;
var timer;

var image_on = new Image();
image_on.src = 'admin/images/arrow.gif';
var image_off = new Image();
image_off.src = 'admin/images/spacer.gif';

function animate() {
  for (var i = start_pad; i < document.images.length - end_pad; i++) {
    if (i % mod == sel) {
      document.images[i].src = image_on.src;
    }
    else {
      document.images[i].src = image_off.src;
    }
  }
  sel++;
  if (sel == mod) {
    sel = 0;
  }
  start_animation();
}

function start_animation() {
  timer=window.setTimeout("animate();",250);
}

function stop_animation() {
  window.clearTimeout(timer);
}

// -->
</script>
</head>

<body onload="start_animation()">
<center>
<span class="title"><?php echo $lang['upload_progress']; ?></span>
<p>
<?php echo $lang['upload_progress_desc']; ?>
<p>
<table border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td> <img src="admin/images/folder_big.gif"> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/spacer.gif" width="8" height="11" /> </td>
  <td> <img src="admin/images/folder_big.gif" /> </td>
 </tr>
</table>
</center>
</body>

OK
that's all folk's

upload all files and have fun....

Thank's for the Idea!!!

Richtig nice. habs in meiner Liste mit aufgenommen!


Title: Re: [MOD] Progress Popup for Image Upload
Post by: Sebas Bonito on July 24, 2009, 06:51:45 PM
Nice idea, but firefox and IE block the popup for standard.
It's not user-friendly to "allow popups" manually.


Title: Re: [MOD] Progress Popup for Image Upload
Post by: Boltning on August 03, 2009, 11:00:53 PM
Sorry if I can't understand all the post fully. I only know English
Is my attached progress upload popup image what this post / Mod is talking about?
If so this is currently working in the 4images admin. Will it also work for the users section?

edit: Yep - it's for the users section. Great  Mod mawenzi and great fix macmaster it.

Cool  :wink:


Title: Re: [MOD] Progress Popup for Image Upload
Post by: Mariuz on August 06, 2009, 11:03:07 PM
Bei mir schließt das Fenster auch nicht
Habe irgendwie im Thread noch keine Lösung finden können?  :(


Title: Re: [MOD] Progress Popup for Image Upload
Post by: x23piracy on December 04, 2010, 08:20:32 AM
Hi,

anstatt dem Popup könnte man doch einfach ein div einblenden lassen das
sonst display:none hat und wenn der upload abgeschlossen ist wirds wieder
versteckt, das popup ist doch eh hässlich.

EDIT:

Ich probier da mal was wenn es klappt melde ich mich.


Gruß Jens