IBM R1 manual Including JavaScript source code, Including the JSPs that comprise the main template

Page 30

Including JavaScript source code

The next two script tags incorporate the JavaScript source files tree.js and script.js into the page so that functions contained in these JS files can be called from the page.

<script language="JavaScript" src="js/tree.js"></script> <script language="JavaScript" src="js/scripts.js"></script>

The chunk of JavaScript code between the <script> and </script> tags refreshes the window to apply the styles of the CSS file specified by the Bean to the page, then adds functionality to determine the number of results to return when searches are performed.

Including the JSPs that comprise the main template

The body of the page includes several other JSP pages that constitute the sections making up the adminTemplate page. The first two pages included are the adminHeader and adminNavItems JSPs. Another standard JSP action, the include tag, is used to incorporate the adminHeader.jsp and adminNavItems.jsp files. The HTML table, tr, and td tags help to structure the layout of the content.

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onUnload="unload();" onLoad="<%= onLoad %>" >

<%---------------------------------------------------------------------

--------------

The first jsp page to include is adminHeader, which contains the logo image and

preferences buttons.

After that, the adminNavItems page includes all of the main tabs

----------------------------------------------------------------------

------------%>

<table width="100%" border="0" cellspacing="0" cellpadding="0" background="">

<tr>

<td background="images/bckPrimHeader.jpg">

<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr>

<td><jsp:include page="adminHeader.jsp" flush="true"/></td>

</tr>

<tr>

<td valign="bottom" background=""><br><jsp:include page="adminNavItems.jsp"

flush="true"/></td>

</tr>

</table>

</td>

</tr>

</table>

In the following piece of code, the JSP uses a JavaBean to query the request to determine if the current navigation mode is the student home page. If it is, the studentHomeNavigation.jsp is included in the page also. This piece of code demonstrates how Struts-logic.tld tags work. The logic:match tag checks if the value of the navKey variable, which checks the request for the

Chapter 5: Customizing JavaServer Pages 25

Image 30
Contents Customization Guide Disclaimer Licensed Materials Property of IBMList of Trademarks Page Table of Contents Customization sets Creating a tabIndex Customizing the user interface Disclaimer and a word about conventions Acronyms and abbreviationsAcronym or What it stands for Abbreviation Page Chapter Changing settings through the user interface or XML Changing settingsPage Chapter Controlling access to features through permissions To add a role to the systemTo automatically assign a role to a user To modify permissions settings for an existing roleTo assign a role to a user To explicitly assign a role to a userControlling access to features Page Chapter Customizing Help Anatomy of a Help topicScript Mosaic-bg Background-repeat repeat-xScript Head Editing an existing Help topic Replacing a context-sensitive Help topicLmsform action=/prefSubmit.do % Adding your own Help topic HREF=shnotifications.html target=topNotifications/Abr HREF=shenrolled.html target=topEnrolled courses/AbrChapter Customizing JavaServer Pages OverviewAnatomy of a TLD file LMS JSP tag librariesServerNameWEB-INFtld Referencing the url tag in a JSP String formName = request.getParameterformNameDefining the url tag in the TLD file Rtexprvaluetrue/rtexprvalue Attribute Tag ServerNameWEB-INFclassescomlotuselearntaglibLearning Management System server Anatomy of a JSPDefining a page as a JSP Localizing page content Including tag library descriptor filesReferencing Struts tags Including JavaScript source code Including the JSPs that comprise the main templateDiv class=formBoxPositionInner Td class=formBoxTitleBg colspan=3 valign=middle nowrapLogicnotPresent LogicnotMatch DivLogicnotPresent logicpresent name=invalidForm LogicpresentDelivery server Localizing page textDisplaying errors to the user Script language=JavaScript src=js/delivery.js/scriptPopulating a frameset in a JSP Defining resizable frames Making global changes Frameset HtmlApplying customization sets Changing the application styleLanguage-version Editing existing CSS filesServerNamecsslanguageCodebrowserType Browser-versionChanging the font size or font style of the application Adding your own CSS filesReplacing CSS files @import urlmyStyles.cssUpdating page text ServerNameWEB-INFclassesresourcesserverNamepropertiesAdding and replacing graphics Titlelmsmessage key=application.title //titleApplication.title = IBM Lotus Learning Management System Lmslinklmsimg src=images/name.gif… //lmslinkImage.alt.logo = IBM Lotus Learning Management System Replacing the application logoLearning Management System server Delivery serverDeliverylogoURL resource=images/myCompanyLogo.gif Changing individual JSPsReplacing a reference to a CSS style Changing the style of an individual JSPEditing existing JSP tags Changing the functionality of an individual JSPSpecifying the next page to display Canceling the submission of a form Submitting a formEditing form Bean values with the lmshidden tag Lmshidden property=userEvent Removing JSP tagsLmshidden name=%=formName% property=unmodifiedKeywords Custom fieldsIt then checks to see if its a text box type field LogicnotPresent Logicequal Page Adding Ldap attributes to User Search pages Chapter Customizing SearchCustomizing user searches Attribute name=HealthPlanChoice type=java.lang.StringHealthPlanChoice = Employees Health Plan Removing fields from User Search pagesAdding custom fields to the Offerings Catalog Customizing Offerings Catalog searchesCustomizing course management and resource searches Removing fields from Offerings Search pagesRemoving fields from the Search pages Chapter Customization sets Creating a customization setLMM De en etc. SalesCS De en EtcPage Attribute Name Type Modified Size Path Customization sets Page Chapter Creating a tab UsersUsers.jsp @ taglib uri=/WEB-INF/tld/lms.tld prefix=lms %Td width=1 valign=top Page Users.rosterUsers.subtitle = Roster Users Navigation.xml Users.rosterUsers.search Users.rosterUsers.search.confirmTrail TrailManageProfiles TrailTrail TrailManageRoles Trail TrailManageUsersTarget tag struts action-mapping Content tag JSP file namesName tag page names and resourced text Label tag breadcrumbsUsers.rosterUsers.search.confirm Permissions tag permission to display Adding custom permissionsTitle tag title bar text HelpPage tag context-sensitive HelpName UpdatetimeOid Permid0000000000000000PERM 0000000000003000PERM 0000000000009300PERM Example Copy the JSPsPage Creating a tab END Index Content Area Creating a tab Div Second linked page customGoodbye.jsp looks like this Page Customtab.html Create Help filesCustomtabb.html Add permissions to the LMS database Select Maxpermid from PermissionEdit ApplicationResources.properties Edit navigation.xml NavigationNamestudenthome/name Assign permissionsCreating a tab Page Index