JSF JavaScript Problem - "jsf" - undefined

Question

my webapplication works very well with: Opera, FF, Chrome, Safari. Now I tested it on IE, and there are some strange errors. I debugged my site using IE and he said:

<a id="navi:searchButton" href="#" onclick="jsf.util.chain(this,event,'activateSearchDiv();return false;','mojarra.jsfcljs(document.getElementById(\'navi\'),{\'navi:searchButton\':\'navi:searchButton\'},\'\')');return false">Search</a>

→ "jsf" is not defined (in jsf.util.chain).

But I load these scripts:

<h:body>
    <f:view contentType="text/html">
        <h:outputScript library="js" name="chooseDevice.js" target="head" />
        <h:outputScript library="js" name="navigationScript.js" target="head" />
        <h:outputScript library="js" name="jquery.js" target="head" />
        <h:outputScript name="jsf.js" library="javax.faces" target="head" />
...

I think the identified "jsf" is available in jsf.js. Why does IE return this error?

These are just simple command buttons / links created using JSF tags:

Did I miss something? Why does this work in all browsers except IE? Sorry, I did not find any hints on Google.

Johnny Relations

Answer 1

DOM , "jsf"? IE , , , , .

( "var varName;" script ) .

: http://www.west-wind.com/weblog/posts/2009/Mar/22/Internet-Explorer-Global-Variable-Blow-ups

Answer 2

JSF js JS, h: head, :

<h:head>
   <h:outputScript name="jsf.js" library="javax.faces" target="head" />
   <h:outputScript library="js" name="jquery.js" target="head" />
   <h:outputScript library="js" name="chooseDevice.js" target="head" />
   <h:outputScript library="js" name="navigationScript.js" target="head" />
</h:head>
<h:body>
    <f:view contentType="text/html">