Onload script does not work in subview page

Hi,

Here i write two jsp page like outerPage.jsp and innerPage.jsp

The outer page include innerPage.jsp

The inner page have one textfield and one button..

I need focus for textFiled while page loading(innerPage.jsp).. I write a javascript, but not work it...

The code is

outerPage.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <f:view>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Outer Viewer</title>
            <meta name="description" content="Outer Viewer" />                    
        </head>
        <body id="outerMainBody">
            <rich:page id="richPage">                             
                <rich:layout>
                    <rich:layoutPanel position="center" width="100*">
                        <a4j:outputPanel>
                            <f:verbatim><table style="padding: 5px;"><tbody><tr>
                                            <td>
                                               <jsp:include page="innerPage.jsp" flush="true"/>      // Here include innerView.jsp page
                                            </td>
                                        </tr></tbody></table></f:verbatim>
                                </a4j:outputPanel>
                            </rich:layoutPanel>
                        </rich:layout>
                    </rich:page>
        </body>
    </f:view>
</html>

innerPage.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<f:verbatim><html></f:verbatim>
    <f:subview id="innerViewerSubviewId">
        <f:verbatim><head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
                <title>Inner Viewer </title>               
                <script type="text/javascript">

function cursorFocus()                                             // This script does not called during the page loading (onload)
                    {
                        alert("Cursor Focuse Method called...");                
                        document.getElementById("innerViewerForm:innerNameField").focus();
                        alert("Cursor Focuse method end!!!");
                    }               
                </script>
            </head>
            <body onload="cursorFocus();"></f:verbatim>

<h:form id="innerViewerForm">
                <rich:panel id="innerViewerRichPanel">

<f:facet name="header">
                        <h:outputText value="Inner Viewer" />
                    </f:facet>

<a4j:outputPanel id="innerViewerOutputPanel" >

<h:panelGrid id="innerViewerSearchGrid" columns="2" cellpadding="3" cellspacing="3">
                         
                             //<%-- Row 1 For Text Field --%>
                            <h:outputText value="inner Name : " />
                            <h:inputText id="innerNameField" value="" />                           
                         
                             //<%--  Row 2 For Test Button --%>
                            <h:outputText value="" />
                            <h:commandButton  value="TestButton" action="test" />

</h:panelGrid>

</a4j:outputPanel>
                </rich:panel>
            </h:form>           
            <f:verbatim></body></f:verbatim>
    </f:subview>
    <f:verbatim></html></f:verbatim>

The cursorFocus script does not called...
Here i need cursor focus for textFiled after display the page ...
please help me about this ..

Thanks in advance.

Hi Jack,

Check your element id.Thats wrong.
If you include the page using jsp:include.
your element id has to be changed.So you must add the subview id before the element id,So if you replace your element id like this you have your desired result.

If you Use

Insted of

you got your desired result.

Hopes this helps.

Its worked...