Index.jsp Sample
This topic inludes the source code for the Index.jsp Sample.
Sample Location
This sample is located in the following directory in your WebLogic Workshop installation:
BEA_HOME/weblogic81/samples/workshop/SamplesApp/WebApp/tagSamples/netui/imageAnchor/
Sample Source Code
01 <%@ page language="java" contentType="text/html;charset=UTF-8"%>
02 <%@ taglib uri="netui-tags-databinding.tld" prefix="netui-data"%>
03 <%@ taglib uri="netui-tags-html.tld" prefix="netui"%>
04 <%@ taglib uri="netui-tags-template.tld" prefix="netui-template"%>
05 <netui:html>
06 <head>
07 <title>
08 index.jsp
09 </title>
10 </head>
11 <body>
12 <jsp:include page="/resources/jsp/header.jsp"/> <br/>
13 <h3>ImageAnchor Tag Sample</h3>
14 <p>
15 <b>Linking to a Page</b><br>
16 This netui:imageAnchor tag links to the page "linkPage.jsp":<br>
17 <netui:imageAnchor
18 href="linkPage.jsp"
19 src="../../../resources/images/go-button.gif"
20 rolloverImage="../../../resources/images/go-button-rollover.gif"
21 border="0">To linkPage.jsp</netui:imageAnchor>
22
23 <hr>
24 <b>Invoking an Action Method</b><br>
25 This netui:anchor tag invokes the action method "showCurrentTime".<br>
26 <netui:imageAnchor
27 action="showCurrentTime"
28 src="../../../resources/images/go-button.gif"
29 rolloverImage="../../../resources/images/go-button-rollover.gif"
30 border="0">Invoke showCurrentTime</netui:imageAnchor>
31
32 <hr>
33 <b>Submitting Form Data</b><br>
34 This netui:anchor tag submit data to the "formSubmit" action.<br>
35 <netui:form action="formSubmit">
36 Firstname:
37 <netui:textBox dataSource="{actionForm.firstname}"/><br>
38 Lastname:
39 <netui:textBox dataSource="{actionForm.lastname}"/><br>
40 <netui:imageAnchor
41 formSubmit="true"
42 src="../../../resources/images/go-button.gif"
43 rolloverImage="../../../resources/images/go-button-rollover.gif"
44 border="0">Submit</netui:imageAnchor>
45 </netui:form>
46
47 <hr>
48 <b>Submitting Form Data with a Custom Java Script Function</b><br>
49 This netui:anchor tag invokes the custom JavaScript method "helloAlert" before submitting the data.<br>
50 <netui:form action="formSubmit">
51 Firstname:
52 <netui:textBox dataSource="{actionForm.firstname}"/><br>
53 Lastname:
54 <netui:textBox dataSource="{actionForm.lastname}"/><br>
55 <netui:imageAnchor
56 formSubmit="true"
57 onClick="SubmitFromAnchor();return false;"
58 src="../../../resources/images/go-button.gif"
59 rolloverImage="../../../resources/images/go-button-rollover.gif"
60 border="0">Submit</netui:imageAnchor>
61 </netui:form>
62 <script language="JavaScript" type="text/JavaScript">
63 function SubmitFromAnchor()
64 {
65 // Place custom logic here...
66 alert("Hello, " + document.forms[1].elements[0].value + " " + document.forms[1].elements[1].value + "!");
67
68 for(var i=0; i<document.forms.length; i++)
69 {
70 // submit to the action formSubmit
71 if (document.forms[i].action == "/WebApp/tagSamples/netui/imageAnchor/formSubmit.do")
72 {
73 document.forms[i].method="POST";
74 document.forms[i].action="/WebApp/tagSamples/netui/imageAnchor/formSubmit.do";
75 document.forms[i].submit();
76 }
77 }
78 }
79 </script>
80
81 </p>
82 <hr>
83 <netui:anchor href="/WebApp/tagSamples/tagSamplesController.jpf">Return to Tag Samples</netui:anchor>
84 </body>
85 </netui:html>
|