ansaurus

Question

onload script does not work in subview page in JSF

Answer 1

A:

When you have this type of problem,

Just call the script at the end of the page before tag

Your body tag will be changed to

...content above body
<body>
...content inside body
<script type="text/javascript">cursorFocus();</script>
</body>
...content after body

RaviG 2010-05-18 06:13:26

Answer 2

A:

Your HTML is syntactically invalid. The generated HTML output must look like as follows:

<!doctype declaration>
<html>
    <head>...</head>
    <body>...</body>
</html>

But yours ends up like:

<!doctype declaration>
<html>
     <head>...</head>
     <body>
         <!doctype declaration>
         <html>
              <head>...</head>
              <body>...</body>
         </html>
     </body>
</html>

Rightclick page in browser and View Source. Does it look right? No. The W3 markup validator should also have hinted about that if you've tested it.

Since the generated HTML is incredibly malformed, the webbrowser don't know how and where to locate the HTML DOM element you need in the Javascript function. The behaviour is unspecified.

You need to rewrite the pages as follows:

outerPage.jsp

<!doctype declaration>
<f:view>
    <html>
        <head>
            <title>...</title>
            <meta>...</meta>
            <script>...</script>
        </head>
        <body>
            <jsp:include />
        </body>
    </html>
</f:view>

innerPage.jsp

<f:subview>
    <h:form>
        <h:inputText />
    </h:form>
</f:subview>

Indeed, you should not put <!doctype>, <html>, <head> and <body> tags in innerPage.jsp! Just code it so as if it is the actual include, but then with only <f:subview> around it.

This way it will end up syntactically valid:

<!doctype declaration>
<html>
    <head>
        <title>...</title>
        <meta>...</meta>
        <script>...</script>
    </head>
    <body>
        <form>
            <input type="text" />
        </form>
    </body>
</html>

Once you've aligned all that HTML, then you can concentrate on the functioning of the JavaScript function. Check the generated client ID of the <form> element in the generated HTML source (rightclick page in webbrowser, View Source) and then use it in the document.getElementById().

BalusC 2010-05-18 11:29:43

Actually i miss that tag during the post. But i have use all syntax. i use netbeans IDE. so there is no possible to miss that.. sorry for my incovenice post.

2010-05-19 02:20:01

Please update your question include the *actual* code. To properly format it you just need to indent it with **4 spaces** or to select it and press `010101` button in editor toolbar or the `Ctrl+K` key. Else the HTML tags will disappear. Also see the message formatting rules on the right hand column while editing the message.

BalusC 2010-05-19 02:24:37

Your code is still invalid. Did you read my answer? It are not only the double `<!doctype>` entries. It is more. I've updated my answer to reflect your question update.

BalusC 2010-05-19 02:35:51

ok. Thanks for your well effort. Now its worked. The answer gave by eswaramoorthy-nec. I miss the subview id. The correct line is :document.getElementById("innerViewerSubviewId:innerViewerForm:innerNameField").focus();

2010-05-19 02:54:49

Answer 3

A:

You miss the subView id for your script :

              function cursorFocus() 
               {
                    alert("Cursor Focuse Method called...");                
                    document.getElementById("innerViewerForm:innerNameField").focus();
                    alert("Cursor Focuse method end!!!");
                }               
            </script>

So you use the following script and check it

function cursorFocus()
{

document.getElementById("innerViewerSubviewId:innerViewerForm:innerNameField").focus();

}

EswaraMoorthyNEC 2010-05-19 02:39:56

Thanks Eswar for your nice effort. Ya its worked.

2010-05-19 02:55:58

ansaurus

tags:

views:

answers:

onload script does not work in subview page in JSF

related questions