topic Include ZeroClipboard in a ftl template in Alfresco Archive https://connect.hyland.com/t5/alfresco-archive/include-zeroclipboard-in-a-ftl-template/m-p/278160#M231290 <HTML><HEAD></HEAD><BODY><SPAN>Hi,</SPAN><BR /><BR /><SPAN>I'm trying to use ZeroClipboard, a JavaScript library which allow to copy text into the clipboard.</SPAN><BR /><SPAN>I used this librarie with Alfresco 4.1 without problems, but when I changed to Alfresco 4.2, the action doesn't work anymore.</SPAN><BR /><BR /><SPAN>I've added a custom action on the "More Action" menu. When I click on this action, a new popup shows up, which contains the JavaScript calling ZeroClipboard.</SPAN><BR /><BR /><SPAN>If I still use my 4.1 configuration, I get a JavaScript error which make the header menu disappear.</SPAN><BR /><SPAN>This error is caused by the librairie, which try to access to the body. Nevertheless, when the Javascript dependencies are loaded, the body isn't loaded yet.</SPAN><BR /><BR /><SPAN>So I try to move the dependency by removing it of the "share-config.xml" file and by including it to my ftl template, but the Javascript is never loaded.</SPAN><BR /><BR /><SPAN>&lt;b&gt;My 4.1 configuration (share-config.xml) :&lt;/b&gt;</SPAN><BR /><SPAN>&lt;blockcode&gt; &lt;config evaluator="string-compare" condition="DocLibCustom"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;dependencies&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;js src="/modules/simple-dialog.js" /&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;js src="/modules/email-form.js" /&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;js src="/components/people-finder/authority-finder.js" /&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;js src="/components/documentlibrary/my/ZeroClipboard.min.js" /&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/dependencies&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp; &lt;/config&gt;</SPAN><BR /><SPAN>&lt;/blockcode&gt;</SPAN><BR /><BR /><SPAN>On the 4.2, I deleted the "ZeroClipboard" line.</SPAN><BR /><BR /><SPAN>&lt;b&gt;The ftl template :&lt;/b&gt;</SPAN><BR /><SPAN>&lt;blockcode&gt;</SPAN><BR /><SPAN>&lt;div id="div_getnoderef"&gt;</SPAN><BR /><BR /><SPAN>&nbsp;&nbsp;&nbsp;&lt;p id="p_label_do_ctrlc"&gt;${msg('do-ctrlc')}&lt;/p&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&lt;#if args.nodeRef??&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&lt;p&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;input id="cp_nodeRef" name="nodeRef" type="text"</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value="${args.nodeRef}" title="NodeRef" /&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&lt;/p&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&lt;div class="ft"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span class="button-group"&gt; &lt;span</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;class="yui-button yui-push-button"&gt; &lt;span class="first-child"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;button id="my-button" data-clipboard-text="${args.nodeRef}"&gt;${msg('get-noderef-action.close')}&lt;/button&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/span&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/span&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/span&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&lt;/div&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&lt;#else&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&lt;p&gt;Erreur lors de la récupération de la référence.&lt;/p&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&lt;/#if&gt;</SPAN><BR /><SPAN>&lt;/div&gt;</SPAN><BR /><BR /><SPAN>&lt;script type="text/javascript"&gt;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;//—————————–</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;//Copie dans le presse papier</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;//—————————–</SPAN><BR /><BR /><SPAN>&nbsp;&nbsp;&nbsp;// pour éviter le bug sous IE on passe par sa fonction interne + destruction de la fenêtre</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;if (window.clipboardData) {</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById('my-button').onclick = function(event) {</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.clipboardData.setData('Text', nodeRef);</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;downloadDlg.destroy();</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;}</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;// pour les autres navigateurs on appelle zeroclipboard</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;else {</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// on test si l'utilisateur a bien flash d'installé pour que le script fonctionne</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var hasFlash = false;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;try {</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (fo)</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hasFlash = true;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} catch (e) {</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (navigator.mimeTypes["application/x-shockwave-flash"] != undefined)</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hasFlash = true;</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</SPAN><BR /><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//Si Flash installé, on passe par la libraire ZeroClipboard.</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (hasFlash) {</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ZeroClipboard.config({</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;swfPath : '/share/res/components/documentlibrary/my/ZeroClipboard.swf'</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var client = new ZeroClipboard(document.getElementById('my-button'));</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// lorsque la mise en mémoire du noderef est finie on détruit la fenêtre</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;client.on('complete', function(client, args) {</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;downloadDlg.destroy();</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} else { // s'il n' pas flash le clic sur le bouton fermé ne fait pas la copie, il ferme juste la fenêtre et on change le label</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById('p_label_do_ctrlc').innerHTML = Alfresco.util</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.message("do-ctrlc-noflash");</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;document.getElementById('my-button').onclick = function(event) {</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;downloadDlg.destroy();</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</SPAN><BR /><SPAN>&nbsp;&nbsp;&nbsp;}</SPAN><BR /><SPAN>&lt;/script&gt;</SPAN><BR /><SPAN>&lt;/blockcode&gt;</SPAN><BR /><BR /><SPAN>I try to add </SPAN><PRE class="language-none line-numbers"><CODE>&lt;script src="classpath:share/res/components/documentlibrary/my/ZeroClipboard.min.js"&gt;&lt;/script&gt;<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN></CODE></PRE><SPAN> on the ftl template but when I click on the action, I've got the error "ZeroClipboard is undefined" and the ZeroClipboard JavaScript file doesn't appear in the loaded JS files (on firebug).</SPAN><BR /><BR /><SPAN>Do you have any ideas to solve this issue please ?</SPAN><BR /><BR /><SPAN>Thanks,</SPAN><BR /><BR /><SPAN>Regards.</SPAN><BR /></BODY></HTML> Wed, 13 May 2015 16:52:48 GMT amandine_b 2015-05-13T16:52:48Z Include ZeroClipboard in a ftl template https://connect.hyland.com/t5/alfresco-archive/include-zeroclipboard-in-a-ftl-template/m-p/278160#M231290 Hi,I'm trying to use ZeroClipboard, a JavaScript library which allow to copy text into the clipboard.I used this librarie with Alfresco 4.1 without problems, but when I changed to Alfresco 4.2, the action doesn't work anymore.I've added a custom action on the "More Action" menu. When I click on this Wed, 13 May 2015 16:52:48 GMT https://connect.hyland.com/t5/alfresco-archive/include-zeroclipboard-in-a-ftl-template/m-p/278160#M231290 amandine_b 2015-05-13T16:52:48Z Re: Include ZeroClipboard in a ftl template https://connect.hyland.com/t5/alfresco-archive/include-zeroclipboard-in-a-ftl-template/m-p/278161#M231291 <HTML><HEAD></HEAD><BODY><SPAN>I resolved my problem by using "ZClip", a jQuery library, instead of ZeroClipboard.</SPAN><BR /><BR /><SPAN>I load the library in the share-config.xml file, I have modified the ftl template to use Zclip and it works ! </SPAN></BODY></HTML> Mon, 18 May 2015 09:59:05 GMT https://connect.hyland.com/t5/alfresco-archive/include-zeroclipboard-in-a-ftl-template/m-p/278161#M231291 amandine_b 2015-05-18T09:59:05Z