Focal Point Banner

As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.

New TIBCO Community Coming Soon
In early summer, TIBCO plans to launch a new community—with a new user experience, enhanced search, and expanded capabilities for member engagement with answers and discussions! In advance of that, the current myibi community will be retired on April 30. We will continue to provide updates here on both the retirement of myibi and the new community launch.

What You Need to Know about Our New Community
We value the wealth of knowledge and engagement shared by community members and hope the new community will continue cultivating networking, knowledge sharing, and discussion.

During the transition period, from April 20th until the new community is launched this summer, myibi users should access the TIBCO WebFOCUS page to engage.

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [CLOSED] Add a JS library

Read-Only Read-Only Topic
[CLOSED] Add a JS library
Platinum Member
Hi Folks,

I'm very new to App Studio (I've only had two intro courses so far, but many more are scheduled). I've done some web development and I've worked with COGNOS for many years. I'm sure this question is covered somewhere, but when I try to search it here, I see posts that are way above my current understanding.

I have a JS file that I would like to use (intro.js). Its a great little utility that gives the user the ability to use some help features after they click a help button/graphic. I was hoping I could use it with App Studio reports/procedures.

1) I have already stored it in a common location (Web Applications/common/js) on the server. So my first question is how do I include a JS file? I see there is an 'Embedded JavaScript' tab for html documents in App Studio, I think this is where, but I'm not sure (I'm thinking I do it outside the window_onload function, right?). Normally I would link to the JS by putting the following line in the header of the html document.
<script type='text/javascript' src="/extdoc/js/intro.js"></script>

2) Also, can this only be done in App Studio HTML documents? What about charts or reports?

3a) Also, I will need to add an attribute to certain tags in the HTML. For example, when the user clicks the help button, the table below will highlight and display the message "Hello, this is help". How can this be done?
<table data-intro="Hello, this is help">...</table>

3b) As an alternative, if 3a is difficult or not possible, I could leave the table element alone and just wrap it with a div tag. Can this be done? Where do I do this?
<div data-intro="Hello, this is help">

Thanks very much for your help. I imagine I'll get questions to better explain myself. Please ask, I'm not sure what information you folks need.

Thank you

This message has been edited. Last edited by: FP Mod Chuck,

WebFOCUS 8201, SP 0.1, Windows 7, HTML
Posts: 190 | Registered: May 19, 2017Report This Post
Gold member
posted Hide Post
1) Open the HTML page in App Studio and Under Utilities - Click on Settings. You could see a panel (Manage CSS and Scripts) on the right side where you can add your CSS and JS Files.

2) You could add external CSS styles and JS scripts to reports and Charts using HTMLFORM. Search the keyword 'HTMLFORM in the forum.

3a) The table you want to highlight should be hidden and when clicked on the help button should be visible. This can be done with basic JS which is nothing but what you mentioned in 3b = 'none'; // Hide = 'block'; // Show = 'inline'; // Show = 'inline-block';

Please go through this documentation for more info. HTML Pages - App studio

Tharun Katanguru
SBOX- 8205 DEV/TEST/PROD : 8105 8205
Linux, All Outputs
Posts: 52 | Location: BOWL OF PASTA | Registered: October 13, 2016Report This Post
posted Hide Post
Hi Shingles

Welcome to Focal Point. I think you will find this forum very useful for getting answers to your development questions.

Hopefully the answer provided by tomatosauce will get you on your way.

I also want to remind you that should you not get an answer here you can open cases with our techsupport group.


Thank you for using Focal Point!

Chuck Wolff - Focal Point Moderator
WebFOCUS 7x and 8x, Windows, Linux All output Formats
Posts: 2128 | Location: Customer Support | Registered: April 12, 2005Report This Post
  Powered by Social Strata  

Read-Only Read-Only Topic

Focal Point    Focal Point Forums  Hop To Forum Categories  WebFOCUS/FOCUS Forum on Focal Point     [CLOSED] Add a JS library

Copyright © 1996-2020 Information Builders