From: John W. <jwe...@us...> - 2005-06-27 22:52:52
|
Update of /cvsroot/dlese/dds-project/web/services/jshtml1-1 In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv9922/dds-project/web/services/jshtml1-1 Modified Files: index.jsp Log Message: more docs Index: index.jsp =================================================================== RCS file: /cvsroot/dlese/dds-project/web/services/jshtml1-1/index.jsp,v retrieving revision 1.5 retrieving revision 1.6 diff -C2 -r1.5 -r1.6 *** index.jsp 26 Jun 2005 18:08:27 -0000 1.5 --- index.jsp 27 Jun 2005 22:52:43 -0000 1.6 *************** *** 1,126 **** ! <%@ include file="../../JSTLTagLibIncludes.jsp" %> ! ! <jsp:useBean id="helperBean" class="org.dlese.dpc.services.dds.DDSServicesUIHelperBean" scope="application"/> ! ! <c:set var="domain" value="${f:serverUrl(pageContext.request)}"/> ! ! <html> ! <head> ! <title>DLESE JavaScript Search Service, v1.1</title> ! ! <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> ! <META NAME="keywords" CONTENT="DLESE,digital library for earth system education"> ! <META NAME="description" CONTENT="DLESE Discovery System JavaScript Service Portal"> ! <META NAME="creator" CONTENT="John Weatherley"> ! <META NAME="organization" CONTENT="DLESE Program Center"> ! <META NAME="doctype" CONTENT="DLESE webpage"> ! ! <style type="text/css"> ! .reqLnk { ! padding: auto; ! font-family: Arial, Helvetica, sans-serif; ! font-size: 10pt; ! padding-bottom: 10px; ! padding-left: 10px; ! } ! ! /* ------ Styles used in this page ------ */ ! ! .examplesDivList { ! padding-bottom: 2px; ! } ! </style> ! ! <%-- DLESE template header (CSS styles and JavaScript references) --%> ! <c:import url="${domain}/dlese_shared/templates/header.html" /> ! ! </head> ! ! <body bgcolor="#FFFFFF" text="#000000" ! link="#220066" vlink="#006600" alink="#220066"> ! <!-- Sub-title just underneath logo --> ! <div class="dlese_sectionTitle" id="dlese_sectionTitle"> ! JavaScript<br/>Search Service ! </div> ! ! <%-- DLESE template top (banner menu) --%> ! <c:import url="${domain}/dlese_shared/templates/top_content.html"/> ! ! <h1>DLESE JavaScript Search Service</h1> ! ! <div style="padding-left:15px"> ! <p>The DLESE JavaScript Search Service provides a way to place a custom DLESE search into ! any web page. The service is implemented using JavaScript, and Web site designers ! can use the service in static HTML pages without the need to install an application server. ! </p> ! ! ! <%-- <a name="explorer"></a> ! <h1>JavaScript service explorer</h1> ! <p><a href="${f:contextUrl(pageContext.request)}/services/jshtml1-1?mode=explore">JavaScript service explorer</a> - Visit the explorer to view the output from ! the service in HTML format in your browser. Use your browsers "view source" command ! to view the HTML that the service is ouputing. ! </p> ! ! <p><a href="${f:contextUrl(pageContext.request)}/services/jshtml1-1/service_specification.html">JavaScript service documentation</a> ! </p> --%> ! ! <h1>How to create a custom DLESE search page</h1> ! <p> ! To create a custom DLESE search web page, start with ! one of the <a href="../examples/jshtml1-1/index.html">search page examples</a> ! as a template. There are several to choose from that illustrate ! some of the many ways you can customize your page. Once you've found ! an example template page that you like there are two options for creating ! your own page: one is save the template page to your computer or work ! environment and then edit it to add your own customizations or two, simply ! copy the code from one of the examples into an existing page you already have. ! </p> ! <p> ! Option 1: To use one of the examples as a starting point, open the example page ! in your web browser and then choose 'save as' from the 'file' menu. When ! prompted to save, choose to save as a single web page, HTML only. After ! saving, open the file in a text editor or tool such as Dreamweaver ! and customize as desired. See the comments in the examples for additions ! instructions. ! </p> ! <p> ! Option 2: To insert a DLESE search into an existing HTML page, open one of the ! examples in your web browser and choose "view source." ! Then simply copy and paste the <SCRIPT> tags into your page, ! and copy any of the other elements from the page that you wish to include. ! </p> ! ! <p> ! The service uses HTML, JavaScript and Cascading Style Sheets (CSS) to ! control the display and behavior of the page. Developers should be ! familiar with these in order to use this service. ! </p> ! ! <a name="examples"></a> ! <h1>Examples</h1> ! <p> ! <a href="../examples/jshtml1-1/index.html">See the examples listed here</a>. ! </p> ! ! <p>If you have questions or comments, please send e-mail to <a href="mailto:su...@dl...">su...@dl...</a>. ! ! ! ! <%-- <a name="sp"></a> ! <h1>Search page output explorer</h1> ! <p> ! You can view the the JavaScript search page service ! in it's original <a href="/dds/services/jshtml1-1/tpl/js_search_server.jsp">HTML output</a> ! or as <a href="/dds/services/jshtml1-1/tpl/js_search_server.jsp?rt=jswl">JavaScript output</a>. ! </p> --%> ! ! </div> ! ! <%-- DLESE template bottom (footer links and logo) --%> ! <c:import url="${domain}/dlese_shared/templates/bottom_content.html"/> ! ! </body> ! </html> ! ! --- 1,127 ---- ! <%@ include file="../../JSTLTagLibIncludes.jsp" %> ! ! <jsp:useBean id="helperBean" class="org.dlese.dpc.services.dds.DDSServicesUIHelperBean" scope="application"/> ! ! <c:set var="domain" value="${f:serverUrl(pageContext.request)}"/> ! ! <html> ! <head> ! <title>DLESE JavaScript Search Service, v1.1</title> ! ! <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> ! <META NAME="keywords" CONTENT="DLESE,digital library for earth system education"> ! <META NAME="description" CONTENT="DLESE Discovery System JavaScript Service Portal"> ! <META NAME="creator" CONTENT="John Weatherley"> ! <META NAME="organization" CONTENT="DLESE Program Center"> ! <META NAME="doctype" CONTENT="DLESE webpage"> ! ! <style type="text/css"> ! .reqLnk { ! padding: auto; ! font-family: Arial, Helvetica, sans-serif; ! font-size: 10pt; ! padding-bottom: 10px; ! padding-left: 10px; ! } ! ! /* ------ Styles used in this page ------ */ ! ! .examplesDivList { ! padding-bottom: 2px; ! } ! </style> ! ! <%-- DLESE template header (CSS styles and JavaScript references) --%> ! <c:import url="${domain}/dlese_shared/templates/header.html" /> ! ! </head> ! ! <body bgcolor="#FFFFFF" text="#000000" ! link="#220066" vlink="#006600" alink="#220066"> ! <!-- Sub-title just underneath logo --> ! <div class="dlese_sectionTitle" id="dlese_sectionTitle"> ! JavaScript<br/>Search Service ! </div> ! ! <%-- DLESE template top (banner menu) --%> ! <c:import url="${domain}/dlese_shared/templates/top_content.html"/> ! ! <h1>DLESE JavaScript Search Service</h1> ! ! <div style="padding-left:15px"> ! <p>The DLESE JavaScript Search Service allows ! DLESE search to be inserted into any web page and customized to highlight DLESE resources for specific ! audiences, making DLESE search widely accessible for use in educational design and other ! contexts in which access to and customization of DLESE library resources may be of use. </p> ! <p>The service provides it's functionality using two standard web technologies: JavaScript and Cascading Style Sheets (CSS). Web page developers can insert, customize and tailor the DLESE search within their web page using a text editor or other development tool, and deploy their page to any web server. Page visitors can access and interact with the pages using their favorite web browser, and there is no need to download or install plugins or other special software. JavaScript is used to insert a DLESE search interface, search results, and other dynamically-generated HTML content into the web page and CSS is used to control the fonts, colors, spacing and sizes of the ! elements in the page. </p> ! <%-- <a name="explorer"></a> ! <h1>JavaScript service explorer</h1> ! <p><a href="${f:contextUrl(pageContext.request)}/services/jshtml1-1?mode=explore">JavaScript service explorer</a> - Visit the explorer to view the output from ! the service in HTML format in your browser. Use your browsers "view source" command ! to view the HTML that the service is ouputing. ! </p> ! ! <p><a href="${f:contextUrl(pageContext.request)}/services/jshtml1-1/service_specification.html">JavaScript service documentation</a> ! </p> --%> ! ! <h1>Resources for Developers</h1> ! <p>To get started using this service, </p> ! <p> ! To create a custom DLESE search web page, start with ! one of the <a href="../examples/jshtml1-1/index.html">search page examples</a> ! as a template. There are several to choose from that illustrate ! some of the many ways you can customize your page. Once you've found ! an example template page that you like there are two options for creating ! your own page: one is save the template page to your computer or work ! environment and then edit it to add your own customizations or two, simply ! copy the code from one of the examples into an existing page you already have. ! </p> ! <p> ! Option 1: To use one of the examples as a starting point, open the example page ! in your web browser and then choose 'save as' from the 'file' menu. When ! prompted to save, choose to save as a single web page, HTML only. After ! saving, open the file in a text editor or tool such as Dreamweaver ! and customize as desired. See the comments in the examples for additions ! instructions. ! </p> ! <p> ! Option 2: To insert a DLESE search into an existing HTML page, open one of the ! examples in your web browser and choose "view source." ! Then simply copy and paste the <SCRIPT> tags into your page, ! and copy any of the other elements from the page that you wish to include. ! </p> ! ! <p> ! The service uses HTML, JavaScript and Cascading Style Sheets (CSS) to ! control the display and behavior of the page. Developers should be ! familiar with these in order to use this service. ! </p> ! ! <a name="examples"></a> ! <h1>Examples</h1> ! <p> ! <a href="../examples/jshtml1-1/index.html">See the examples listed here</a>. ! </p> ! ! <p>If you have questions or comments, please send e-mail to <a href="mailto:su...@dl...">su...@dl...</a>. ! ! ! ! <%-- <a name="sp"></a> ! <h1>Search page output explorer</h1> ! <p> ! You can view the the JavaScript search page service ! in it's original <a href="/dds/services/jshtml1-1/tpl/js_search_server.jsp">HTML output</a> ! or as <a href="/dds/services/jshtml1-1/tpl/js_search_server.jsp?rt=jswl">JavaScript output</a>. ! </p> --%> ! ! </div> ! ! <%-- DLESE template bottom (footer links and logo) --%> ! <c:import url="${domain}/dlese_shared/templates/bottom_content.html"/> ! ! </body> ! </html> ! ! |