4images Forum & Community
Welcome, Guest. Please login or register.
Did you miss your activation email?
September 30, 2016, 08:40:41 AM

Login with username, password and session length
Search:     Advanced search
Togle to toolbar
Translate this page with =>
Translate this page >
* Home Help Search Login Register
 
+  4images Forum & Community
|-+  4images Modifications / Modifikationen
| |-+  Mods & Plugins (Releases & Support) (Moderators: mawenzi, Rembrandt)
| | |-+  [MOD] Progress Popup for Image Upload
0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] 2 3 » »» Print
Current Topic Rating: *****
Author Topic: [MOD] Progress Popup for Image Upload  (Read 31557 times)
mawenzi
Moderator
4images Guru
*****
Offline Offline

Posts: 4500

Thank You
-Given: 36
-Receive: 121


View Profile
« on: August 11, 2006, 11:03:59 PM »

Vorwort / Features :
  • Diese Modifizierung wurde hier 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
« Last Edit: August 12, 2006, 06:31:34 PM by mawenzi » Logged

Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...
Stinus
Newbie
*
Offline Offline

Posts: 12

Thank You
-Given: 0
-Receive: 0


View Profile WWW
« Reply #1 on: August 11, 2006, 11:47:17 PM »

Hi
Is it possibility that you can translate this post / mod to English Question. I don't understand deutsch so verry mutch. Wink
Logged

Stian


A site about Old Fire Truck - Gallery - Forum
mawenzi
Moderator
4images Guru
*****
Offline Offline

Posts: 4500

Thank You
-Given: 36
-Receive: 121


View Profile
« Reply #2 on: August 12, 2006, 12:24:25 AM »

... a translation is coming soon ...
... in the meantime you can try this ...
... Google MOD translation ...  Mr. Green
... please note, use this link only for the instructions, the code should be copyed from this original page
Logged

Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...
ivan
4images Moderator
4images Guru
*****
Offline Offline

Posts: 2279

Thank You
-Given: 4
-Receive: 30


View Profile WWW
« Reply #3 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
Logged

greetings / grüsse
ivan

Facebook Fan Page | Follow Twitter

Blog: Reisen Blog
Bilder Gallery: Bilder Gallery
grafcux
Newbie
*
Offline Offline

Posts: 45

Thank You
-Given: 0
-Receive: 0


View Profile
« Reply #4 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!
Logged
tdkpaul
Full Member
***
Offline Offline

Posts: 205

Thank You
-Given: 0
-Receive: 0


View Profile
« Reply #5 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
Logged
mawenzi
Moderator
4images Guru
*****
Offline Offline

Posts: 4500

Thank You
-Given: 36
-Receive: 121


View Profile
« Reply #6 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 ... ?
Logged

Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...
ivan
4images Moderator
4images Guru
*****
Offline Offline

Posts: 2279

Thank You
-Given: 4
-Receive: 30


View Profile WWW
« Reply #7 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
Logged

greetings / grüsse
ivan

Facebook Fan Page | Follow Twitter

Blog: Reisen Blog
Bilder Gallery: Bilder Gallery
JensF
Addicted member
******
Offline Offline

Posts: 1028

Thank You
-Given: 0
-Receive: 0


View Profile WWW
« Reply #8 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???
Logged

Mit freundlichem Gruß
Jens Funk



-> Sorry for my bad English <-
mawenzi
Moderator
4images Guru
*****
Offline Offline

Posts: 4500

Thank You
-Given: 36
-Receive: 121


View Profile
« Reply #9 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 ...
Logged

Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...
JensF
Addicted member
******
Offline Offline

Posts: 1028

Thank You
-Given: 0
-Receive: 0


View Profile WWW
« Reply #10 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 Smile
Logged

Mit freundlichem Gruß
Jens Funk



-> Sorry for my bad English <-
tdkpaul
Full Member
***
Offline Offline

Posts: 205

Thank You
-Given: 0
-Receive: 0


View Profile
« Reply #11 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
Logged
macmaster_it
Newbie
*
Offline Offline

Posts: 10

Thank You
-Given: 0
-Receive: 0


View Profile WWW
« Reply #12 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!!!
Logged
tdkpaul
Full Member
***
Offline Offline

Posts: 205

Thank You
-Given: 0
-Receive: 0


View Profile
« Reply #13 on: August 25, 2006, 07:10:47 PM »

BIG BIG BIG BIG BIG Thanx  Very Happy Very Happy Very Happy


it is very nice
Logged
JensF
Addicted member
******
Offline Offline

Posts: 1028

Thank You
-Given: 0
-Receive: 0


View Profile WWW
« Reply #14 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 Smile


Beim wem funktioniert das ganze denn ohne Probleme???
Logged

Mit freundlichem Gruß
Jens Funk



-> Sorry for my bad English <-
Pages: [1] 2 3 » »» Print 
« previous next »
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2015, Simple Machines Valid XHTML 1.0! Valid CSS!
Page created in 0.341 seconds with 20 queries.
Post your comments here