How would I be able to dynamically include Javascript files in a report?

Is this possible? Let's say I have two JS files, one.js and two.js. Is there a way in the report to load one.js in certain situations and two.js in others? If so, how? Thanks!

Find more posts tagged with

Comments

mkdz

I've found this from Google cache: <a data-ipb='nomediaparse' href='https://webcache.googleusercontent.com/search?q=cache:DYo_G4JiRK8J:developer.actuate.com/community/devshare/_/designing-birt-reports/1576-dynamic-javascript-loader/+&cd=2&hl=en&ct=clnk&gl=us'>https://webcache.googleusercontent.com/search?q=cache:DYo_G4JiRK8J:developer.actuate.com/community/devshare/_/designing-birt-reports/1576-dynamic-javascript-loader/+&cd=2&hl=en&ct=clnk&gl=us</a> The non-cache link redirects to the devshare and the resource download link is a dead link. Anyone know where I can get this? Thanks!

donino

Hi, Assuming you make use of birt 4.3.x here is what i do to achieve this: - Include 2 text HTMLelements in the report, let's call them "textOne" & "textTwo"- in textOne: <pre class="_prettyXprint"><script> head.js("<yourURL>/one.js",function(){console.log("one.js is loaded")})</script></script></pre>- in textTwo: <pre class="_prettyXprint"><script> head.js("<yourURL>/two.js",function(){console.log("two.js is loaded")})</script></pre>- Other html text elements of the report can do some stuff with the loaded javascript framework with:<pre class="_prettyXprint"><script> head.ready(function(){ //do javascript stuff here });</script></pre>Then the finishing touch to this, we make use of the "visibility" property of each text element to show / hide as we need with a dynamic expression, most of the time an expression based on a report parameter. By contrast with "display" property, the "visibility" property actually removes items from the final rendering. I hope it will help.

mkdz

Thanks! SO I have gotten this to work. I can use HTML Text Elements display stuff based on which JS file I have loaded. However, I'm getting errors when I try to use the loaded JS functions in Dynamic Text elements. Do you know how to get those working? Thanks!

mkdz

I have my HTML Text Elements set up and the visibility set the way I want it. However, when I try and call my JS function in a Dynamic Text element, this is the error I'm getting right now: <img src='https://i.imgur.com/KGrKKap.png' alt='Posted Image' class='bbc_img' />

donino

Javascript functions loaded using "head.js" can only be accessed through HTML text elements, wrapped in a "<script>" tag. However may be there is a confusion: with BIRT there are two distinct types of js files, they have the same extension but use cases are completely different. <ul class='bbc'><li>Server-side javascript ("Rhino" scripts)<ul class='bbc'><li>Executed on server</li><li>Can be used in all expressions of BIRT elements, such dynamic texts</li><li>Usually attached as a JS resource of a report or a report library</li><li>Examples: DaVinci charts, custom functions we want to share across reports etc.</li></ul></li><li>Client-side javascript<ul class='bbc'><li>Executed on web browsers</li><li>Can only be used in HTML text elements, wrapped in a script tag</li><li>Usually loaded through head.js</li><li>Available in HTML format only</li><li>Allow to add interactive features in reports</li><li>Examples: embed Google maps, D3 charts, Google Visualization etc.</li></ul></li></ul> I assumed you were talking about client-side javascripts, may be i was wrong? What do those js files contain?

mkdz

I am trying to load server side scripts dynamically since I use those JS functions in dynamic text elements.