rejetto forum

new idea (2) - explorer-like uploader GUI

Rafi · 3 · 2712

0 Members and 1 Guest are viewing this topic.

Offline Rafi

  • Tireless poster
  • ****
    • Posts: 452
    • View Profile
Here is a screenshot of a very nice (& simple) upload GUI that  is used in www.film.co.il .

You simply drag and drop files from the upper right  list to the lower right pane, and press "upload". It includes a progress dialog...
Is it possible to use it (such)  in HFS ?




Offline DGC

  • Occasional poster
  • *
    • Posts: 21
    • View Profile
Greets from Sweden...

I like your idea and if it is only using HTML with Java
or Javascript , why not ?! The only downside is that you
will have those who will react to using Java in a template (if used)...

Dennis :)


Offline Rafi

  • Tireless poster
  • ****
    • Posts: 452
    • View Profile
I'm realy not that knowlegable with HTML/JAVA. So, someone can go to the site, and look-see...

Edit:
Here is the web page source:
===============================================


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1255" />
    <meta name="generator" content="Seagull Framework v0.3.11" />
    <title>Film.co.il :: &gt;Add Photo&lt;</title>
    <link rel="stylesheet" type="text/css" href="themes/default/css/style.php" />

   
<script type="text/javascript"> <!--
        var SGL_JS_WEBROOT="http://www.film.co.il";
        var SGL_JS_WINHEIGHT=500;
        var SGL_JS_WINWIDTH=600;
        var SGL_JS_SESSID="";
        var SGL_JS_CURRURL="/albumMgr.php";
   
//--> </script>

        <script type="text/javascript" src="js/mainPublic.js"></script>

   
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


<!-- /////////////////////////////////////  START NAVIGATION STYLESHEET  //////////////////////////////-->

<!-- /////////////////////////////////////  END NAVIGATION STYLESHEET   //////////////////////////////-->
</head>

<body onload="MM_preloadImages('images/store_over.gif','images/add_pic_over.gif','images/print_over.gif','images/share_over.gif','images/album_over.gif');" style="" text="#000000" topmargin="0">

<div id="sgl-header">

<table width="710" align="center" cellpadding="0" cellspacing="0" border="0">
<tr><td width="100%" align="right" colspan="2">


  <tr>
     <td width="210"><a href="http://www.film.co.il"><img src="images/logo.gif" width="210" height="66" border="0"></a></td>
    <td align="right" valign="bottom">
     <table dir="RTL" cellspacing="12">
   <tr><td align="right" colspan="2">
            <a href="http://www.film.co.il/albumMgr.php?action=myAccount" class="menu">שלום rafi</a>
         </td><td align="right" colspan="3" class="menu">
<a href="http://www.film.co.il/printMgr.php?action=couponHelp" class="menu">עדיין לא מימשת את זכותך ל10 פיתוחים מתנה</a>
</td></tr>
        <tr>
          <td><a href="http://www.film.co.il/albumMgr.php?action=soon" class="menu">סלולר</a></td>
          <td><a href="http://www.film.co.il/albumMgr.php?action=myAccount" class="menu">החשבון שלי</a></td>
          <td><a href="http://www.film.co.il/printMgr.php?action=cartSummary" class="menu">עגלת הקניות </a><a href="http://www.film.co.il/printMgr.php?action=cartSummary" class="menu"><img src="images/cart.gif" width="13" height="11" align="absbottom" border="0"></a></td>
          <td><a href="http://www.film.co.il/albumMgr.php?action=help" class="menu">עזרה</a></td>
          <td><a href="http://www.film.co.il/logout.php" class="menu">יציאה מהמערכת</a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table width="710" cellpadding="0" cellspacing="0" border="0" align="center">
  <tr>
    <td rowspan="2" width="155" valign="bottom"><img src="images/left.gif" width="155" height="34"></td>
   
    <td>
      <table cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td><a href="http://www.film.co.il/albumMgr.php?action=soon" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/store_over.gif',1)"><img name="Image5" border="0" src="images/store.gif" width="73" height="27"></a></td>
         
     <td><a href="http://www.film.co.il/albumMgr.php?action=listAlbum&template=albumAddPic" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/add_pic_over.gif',1)"><img name="Image6" border="0" src="images/add_pic_over.gif" width="97" height="27"></a></td>

          <td><a href="http://www.film.co.il/albumMgr.php?action=listAlbum&template=albumListPrint" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/print_over.gif',1)"><img name="Image7" border="0" src="images/print.gif" width="147" height="27"></a></td>

     <td><a href="http://www.film.co.il/albumMgr.php?action=listAlbum&template=albumListShare" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/share_over.gif',1)"><img name="Image8" border="0" src="images/share.gif" width="93" height="27"></a></td>

          <td><a href="http://www.film.co.il/albumMgr.php?action=listAlbum" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/album_over.gif',1)"><img name="Image9" border="0" src="images/album.gif" width="145" height="27"></a></td>
   

        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td valign="bottom"><img src="images/bg_top.gif" width="555" height="6"></td>
  </tr>
</table>
<table width="710" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td align="center" width="100%"> <br>

</div><!-- end sgl-header -->

<!-- Main layout -->
<div id="sgl-main">
<!-- left column -->
<div id="sgl-blocks-left">



</div>


<!-- middle column -->
<div id="sgl-blocks-middle">


      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td colspan="2"><table cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td><img src="images/top.gif" width="100%" height="12"></td>
              </tr>
              <tr>
                <td>
                  <table width="100%" cellpadding="0" cellspacing="0" border="0">

                    <tr>
                      <td bgcolor="#AFC753" width="3"><img src="images/spacer.gif" width="3" height="10"></td>
                      <td align="center"> <br>
                        <table dir="RTL">
                          <tr>
<td width="100%">
<p dir="rtl" align="right" class="text">
1. יש לבחור את מיקום התמונות בעזרת התפריט בצד שמאל<br>
2. יש לסמן את התמונות הרצויות להעלאה לשרת בחלון העליון<br>
3. יש לגרור את התמונות שסומנו לחלון התחתון<br>
4. בסופו של התהליך יש ללחוץ על "העלה תמונות לשרת"<br>
</p>

               <object type="application/x-oleobject" classid="clsid:A18962F6-E6ED-40B1-97C9-1FB36F38BFA8" width="770" height="500" CodeBase="imageUploader/ImageUploader3.cab" id="ImageUploader" name="ImageUploader" VIEWASTEXT>

                  <param name="Layout" value="ThreePanes">
                  <param name="ShowDescriptions" value="False">
                  <param name="EnableFileViewer" value="False">

   <param name="UploadMode" value="Separate">

   <param name="FileMask" value="*.jpg;*.jpeg;*.jpe">
   <param name="SignatureFilter" value="Images">

<param name="LicenseKey" value="0418-8693-2628-7050">


<param name="ButtonDeleteFilesText" value="מחק קבצים">
     <param name="ButtonDeselectAllText" value="בטל בחירה">
     <param name="ButtonSelectAllText" value="בחר הכל">
     <param name="ButtonSendText" value="העלה תמונות לשרת">
     <param name="ButtonStopText" value="הפסק">
     <param name="DropFilesHereText" value="יש לגרור את התמונות הרצויות מהמסך העליון לכאן">
     <param name="FileIsTooLargeText" value="קובץ גדול מדי">
     <param name="HoursText" value="שעות">
     <param name="KilobytesText" value="Kb">
     <param name="ListColumnFileNameText" value="שם התמונה">
     <param name="ListColumnFileSizeText" value="גודל התמונה">
     <param name="ListColumnFileTypeText" value="סוג הקובץ">
     <param name="ListColumnLastModifiedText" value="עודכן לאחרונה">
     <param name="MegabytesText" value="Mb">
     <param name="MenuAddAllToUploadListText" value="הוסף הכל לרשימת העלאה">
     <param name="MenuAddToUploadListText" value="הוסף לרשימת העלאה">
     <param name="MenuDeselectAllText" value="בטל">
     <param name="MenuDetailsText" value="פרטים">
     <param name="MenuIconsText" value="סמלים">
     <param name="MenuInvertSelectionText" value="הפוך בחירה">
     <param name="MenuListText" value="רשימה">
     <param name="MenuRefreshText" value="רענן">
     <param name="MenuRemoveAllFromUploadListText" value="הסר הכל מרשימת העלאה">
     <param name="MenuRemoveFromUploadListText" value="הסר מרשימת העלאה">
     <param name="MenuSelectAllText" value="בחר הכל">
     <param name="MenuThumbnailsText" value="דוגמיות">
     <param name="MessageBoxTitleText" value="העלאת תמונות">
     <param name="MessageCannotConnectToInternetText" value="ההתחברות לאינטרנט נכשלה">
     <param name="MessageMaxFileCountExceededText" value="קובץ [Name] לא ניתן להעלאה. ניתן להעלות לא יותר מ [Limit] קבצים">
     <param name="MessageMaxFileSizeExceededText" value="קובץ [Name] לא ניתן להעלאה. ניתן להעלות קובץ עד [Limit] קילובייט">
     <param name="MessageMaxTotalFileSizeExceededText" value="קובץ [Name] לא ניתן להעלאה. ניתן להעלות קבצים עד סהכ [Limit] קילובייט">
     <param name="MessageNoFilesToSendText" value="לא נבחרו קבצים להעלאה">
     <param name="MessageNoInternetSessionText" value="אין חיבור לאינטרנט">
     <param name="MessageNoResponseFromServerText" value="אין מענה מהשרת">
     <param name="MessageServerNotFoundText" value="שרת לא נמצא">
     <param name="MessageUploadCancelledText" value="העלאה בוטלה">
     <param name="MessageUploadCompleteText" value="העלאה בוצעה">
     <param name="MessageUploadFailedText" value="(העלאה נכשלה (החיבור נותק">
     <param name="MinutesText" value="דקות">
     <param name="ProgressDialogSentText" value="הועלו [Current] מ [Total]">
     <param name="ProgressDialogCancelButtonText" value="ביטול">
     <param name="ProgressDialogCloseButtonText" value="סגור">
     <param name="ProgressDialogCloseWhenUploadCompletesText" value="סגור חלון לאחר סיום העלאה">
     <param name="ProgressDialogEstimatedTimeText" value="זמן נותר: [Current] מ [Total]">
     <param name="ProgressDialogPreparingDataText" value="הכנת נתונים">
     <param name="ProgressDialogTitleText" value="העלאת קבצים">
     <param name="ProgressDialogWaitingForResponseFromServerText" value="ממתין למענה משרת">
     <param name="SecondsText" value="שניות">
     <param name="StatusFilesInFolderText" value="[Current] / [Total]">
     <param name="StatusSelectedFilesText" value="נבחר [Current] מ[Total]">



                  <param name="Action" value="albumMgr.php?action=addPhoto&submitted=true&album_guid=35629b369a243d0b853f3d27fce1c35f">
               </object>

</td>
            </tr>
                        </table>
                      </td>
                      <td bgcolor="#AFC753" width="3"><img src="images/spacer.gif" width="3" height="10"></td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td><img src="images/bottom_reg.gif" width="100%" height="12"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>

</div>

<!-- right column -->
<div id="sgl-blocks-right">


</div>


</div> <!-- close sgl-main -->

<div id="sgl-footer">

    </td>
  </tr>
  <tr>
    <td><img src="images/bottom.gif" width="100%" height="8"></td>
  </tr>
</table>
<table width="710" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td>
      <table dir="RTL" cellpadding="5">
        <tr>
          <td><a href="http://www.film.co.il/albumMgr.php?action=about" class="menu">אודות האתר</a></td>
          <td><a href="http://www.film.co.il/albumMgr.php?action=contact" class="menu">צור קשר</a></td>
          <td><a href="http://www.film.co.il/albumMgr.php?action=tips" class="menu">עצות וטיפים</a></td>
          <td><a href="http://www.film.co.il/albumMgr.php?action=help" class="menu">עזרה</a></td>
          <td><a href="http://www.film.co.il/printMgr.php?action=priceList" class="menu">מחירון</a></td>
          <td><a href="http://www.film.co.il/albumMgr.php?action=privacy" class="menu">הפרטיות שלך</a></td>
          <td><a href="http://www.film.co.il/albumMgr.php?action=terms" class="menu">תנאי שימוש</a></td>
          <td><a href="http://www.film.co.il/albumMgr.php?action=soon" class="menu">הגדרות</a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</div>

</body>
</html>

===============================================