abl_droploader: A native drag & drop multiple image uploader

jpdupont · 2013-02-18 14:37:28

When I clik on the Upload image link I get this error in the Chrome Javascript console :

Uncaught TypeError: Object [object Object] has no method 'live' abl.droploader-app.js:192
ablDropLoaderSetup abl.droploader-app.js:192
(anonymous function) abl.droploader-app.js:174
c jquery.js:3
p.fireWith jquery.js:3
k jquery.js:5
r

Impossible to Upload …

New 4.5.4 install, last 0.17 plugin version.

jpdupont · 2013-02-18 14:53:45

Answer to myself : I upgraded the jquery.js to the last 1.9.1 version.
Downgrade to the 1.7.2 avoid the error.

developr · 2013-02-18 20:06:39

Hi mrdale and jpdupont

I have just seen your issues with svn txp 4.6 and jquery 1.9.1.

Txp 4.6 uses jquery 1.9.1, so this is the same problem in both cases. There is a change in the jQuery-API which affects plugin version 0.17: The live-event has been removed in jQuery 1.9. It’s replaced by the newer on-event.

This means, abl_droploader 0.17 is not compatible with jQuery 1.9.x. But I try to update the plugin within the next days, possibly tomorrow. Please stay tuned… Version 0.18 is not far away.

developr · 2013-02-19 10:12:50

abl_droploader Version 0.18 is now available for download.

This Version resolves the issue with jQuery 1.9.1, reported by mrdale and jpdupont. I changed the method used for the event-handler attachment from ‘live’ to ‘delegate’. The delegate-method was introduced in jQuery Version 1.4.2, and the live-method has been removed in jQuery 1.9.

jQuery Version 1.9.1 is used in Txp 4.6 (SVN-Version).

I have also updated the original post

jpdupont · 2013-02-19 10:22:20

Andreas, Thanks !

Explain me how made a textpack for french, please ?

mrdale · 2013-02-20 06:11:20

Cool. I can get this working from the images page but not from the write page.

jpdupont · 2013-02-20 08:41:29

French textpack

#@language fr-fr
abl_droploader_all_files_uploaded => {{filecount}} fichier(s) téléchargé(s).
abl_droploader_close_title => Fermer DropLoader
abl_droploader_error_method => Method {{method}} n'existe pas dans  abl.droploader-app.js.
abl_droploader_err_browser_not_supported => Votre navigateur ne supporte pas le téléchargement de fichiers HTML5!
abl_droploader_err_file_too_large => {{filename}} : cette image est trop grande!
abl_droploader_err_invalid_filetype => Vous ne pouvez pas télécharger  {{filename}}. Seules les images sont autorisées (jpg, jpeg, gif, png)!
abl_droploader_err_too_many_files => Trop de fichiers ! S'il vous plaît sélectionnez-en {{maxfiles}} au maximum !
abl_droploader_info_text => Déposez les fichiers ici\n\nou cliquez pour sélectionner des images
abl_droploader_no_files_uploaded => \nAucun fichier téléchargé.
abl_droploader_open => Téléchargement d'images
abl_droploader_open_title => Ouvrir le téléchargeur d'images multiples par glisser/déposer
abl_droploader_prefs_article_image_fields => Champ(s) Article-image  (Liste séparés par une virgule d'IDs de sélecteurs CSS. Utilisez #custom-n pour les noms de champs personnalisés)
abl_droploader_prefs_custom_stylesheet => Feuille de style personnalisée (path/filename)
abl_droploader_prefs_custom_stylesheetb => Feuille de style personnalisée (path/filename)
abl_droploader_prefs_file_max_upload_count => Nombre maximum d'images à télécharger en une fois
abl_droploader_prefs_image_max_upload_count => Nombre maximum de fichiers à télécharger en une fois
abl_droploader_prefs_reload_image_tab => Onglet Images: Fermer Droploader et recharger la liste d'images après le téléchargement
abl_droploader_prefs_use_default_stylesheet => Utiliser les styles par défaut
abl_droploader_some_files_uploaded => \n{{uploaded_files}} de {{filecount}} fichier(s) téléchargé(s).
abl_droploader_close => &#x00d7;

Generated with the last 0.18

Last edited by jpdupont (2013-02-20 14:37:15)

developr · 2013-02-20 14:37:31

Ooh, cool! You have found a way to translate the textpack. Saves me the explanation, how to do it… :)
Merci, jpdupont! I will add this to the already available textpacks on my website, so others can use it too.

Txp 4.6-dev:
I just installed the 4.6-svn version. As I can see now, there are changes in the markup of the article-page which affects abl_droploader. Seems that this version needs more changes in droploader. I will find a solution, but it may take a few days.

jpdupont · 2013-02-20 14:49:48

Andreas,

Install Stef Plugin Composer plugin
Open the tab “Textpack strings”
Paste your prefix “abl_droploader” and click on “Load” for the active language “Français”.
Here I get all your strings in english and I translate to french …
Save then test in the admin : all is OK !
At the bottom of the Plugin Composer , click on the link “Export the textpack” : done !

developr · 2013-02-20 18:57:32

Thanks for the description! It’s new to me, that the plugin composer has support for textpacks. Good to know!

Another possibility, is to download one of the textpacks from my website. Please use the English or German textpack for this purpose, because the other textpacks (nl, cz) are currently not complete. Three strings are missing in these packs.

The translation itself can be done using any text-editor with support for utf-8 encoded text-files.

Installing the translated textpack in Textpattern is simple: Paste the content of the textpack into the textarea at the bottom of the Language-panel (Admin > Preferences > Language) and click upload.

developr · 2013-02-21 14:40:37

A new version of abl_droploader is available: 0.19. This version is now fully compatible with Txp 4.6 (SVN).

This release fixes the missing upload-link on the Write-panel in Txp 4.6. The problem has occurred, because the markup on the Write-panel has changed in Txp 4.6. Fortunately, there is a new function ‘wrapRegion’ in txplib_html.php, which simplifies the rendering of the upload-link.

For details, please have a look at the original post.

Joey · 2013-02-26 20:05:59

I’m trying to install the plugin, but it seems like the necessary .js and .css files are not placed on the server upon plugin activation. I tried installation using the latest versions of Chrome and Firefox on the latest textpattern. I did try to remove the browser cache.

Thanks!

Last edited by Joey (2013-02-26 20:07:05)

Textpattern CMS

Textpattern CMS support forum

#85 2013-02-18 14:37:28

Re: abl_droploader: A native drag & drop multiple image uploader

#86 2013-02-18 14:53:45

Re: abl_droploader: A native drag & drop multiple image uploader

#87 2013-02-18 20:06:39

Re: abl_droploader: A native drag & drop multiple image uploader

#88 2013-02-19 10:12:50

Re: abl_droploader: A native drag & drop multiple image uploader

#89 2013-02-19 10:22:20

Re: abl_droploader: A native drag & drop multiple image uploader

#90 2013-02-20 06:11:20

Re: abl_droploader: A native drag & drop multiple image uploader

#91 2013-02-20 08:41:29

Re: abl_droploader: A native drag & drop multiple image uploader

#92 2013-02-20 14:37:31

Re: abl_droploader: A native drag & drop multiple image uploader

#93 2013-02-20 14:49:48

Re: abl_droploader: A native drag & drop multiple image uploader

#94 2013-02-20 18:57:32

Re: abl_droploader: A native drag & drop multiple image uploader

#95 2013-02-21 14:40:37

Re: abl_droploader: A native drag & drop multiple image uploader

#96 2013-02-26 20:05:59

Re: abl_droploader: A native drag & drop multiple image uploader

Board footer