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. Moving forward, myibi is our community platform to learn, share, and collaborate. We have the same Focal Point forum categories in myibi, so you can continue to have all new conversations there. If you need access to myibi, contact us at myibi@ibi.com and provide your corporate email address, company, and name.


Connect to myibi
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
Go
Search
Notify
Tools
[CLOSED] Add a JS library
 Login/Join
 
Platinum Member
posted
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">
 <table>...</table>
</div>


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

element.style.display = 'none'; // Hide
element.style.display = 'block'; // Show
element.style.display = 'inline'; // Show
element.style.display = '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
Virtuoso
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.

Thanks,


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