javascript in portlets https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&threadId=10998775 2026-05-28T19:07:25Z 2026-05-28T19:07:25Z Leo Pratlong https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=10999716 2011-10-05T19:34:11Z 2011-10-05T19:34:11Z

For the IDs, it depends on your portlet.<br />With a Liferay Struts or MVC portlets, you&#39;ll need to use portlet:namespace. But I develop JSF portlet, and I do not need to put the portlet id on my ID attributes. Liferay (or JSF ?) auto-writes the portlet ID.<br />It&#39;s great, but there is a problem with JS code : so I use jQuery selector to find my elements with ID (for example: $(&#39;input[id*=foo]&#39;)). Because I do not want to import liferay &#34;portlet&#34; taglib in my &#34;xhtml&#34; files.

Leo Pratlong 2011-10-05T19:34:11Z Vasanth Jayabalan https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=11000455 2011-10-05T17:58:45Z 2011-10-05T17:58:45Z

That makes sense. So if I have two portlets on a page that use a common function (say function <em><strong>myFunc()</strong></em>), the javascript will eventually have two functions like function <em><strong>ads_hgj_myFunc()</strong></em> and <em><strong>tut_hdr_myFunc()</strong></em>, where the garbage in front of the function name in this example is the namespace?

Vasanth Jayabalan 2011-10-05T17:58:45Z Jelmer Kuperus https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=11000276 2011-10-05T17:24:31Z 2011-10-05T17:24:31Z

Yes,you should use namespaces. You should simply prepend &lt;portlet:namespace/&gt; to your ids and js functions

Jelmer Kuperus 2011-10-05T17:24:31Z Vasanth Jayabalan https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=10999189 2011-10-05T17:11:37Z 2011-10-05T17:11:37Z

Leo,<br /><br />I looked at the source for the portal page, and the js file was included only once in the &lt;script&gt; tag. So I guess, it&#39;s global to the page. The theme option you suggested looks interesting. I&#39;ll try that shortly. <br /><br />I have another question. Let&#39;s say there are two portlets in a page and they have the same names and ids for the DIV elements in them. They both call the same javascript function to update the DIV. Now which DIV will get updated? I think we have to use portlet namespaces to solve this problem. I haven&#39;t used them...have you?<br /><br />Vasanth

Vasanth Jayabalan 2011-10-05T17:11:37Z Leo Pratlong https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=10999058 2011-10-05T16:51:24Z 2011-10-05T16:51:24Z

I think you&#39;ll have as JS file as the number of portlet which declares it in the liferay-portlet.xml .<br /><br />It&#39;s better to delegate to a theme the loading of the JS files.

Leo Pratlong 2011-10-05T16:51:24Z Vasanth Jayabalan https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=10998774 2011-10-05T16:04:44Z 2011-10-05T16:04:44Z

Greetings,<br /><br />I have four portlets in a liferay page. I include the same javascript file in the header of each of these portlets using the &lt;header-portlet-javascript&gt; tag in the liferay-portlet.xml file. Does this mean that each of these portlets get their own copy of this javascript file?...or is there just one global file for the entire page?<br /><br />thanks,<br />Vasanth

Vasanth Jayabalan 2011-10-05T16:04:44Z