JavaScript in Facelets/XHTML

XHTML is more uniformed then regular html so here are few ways to add javascript code in a xhtml file

No. 1: Regular old style with special wrap (CDATA).  Here is template.xhtml

No.2: External .js file
Create a .js file, like external.js

function externalJs(){
    alert('external js file');
}

Now, add this <script type=”text/javascript” src=”external.js”></script> in the template.xhtml
Both of these java script call should work, one will come from template.xhmtl and other one will come from External JS file.

<f:view xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:ice="http://www.icesoft.com/icefaces/component">

    <ui:composition template="layout.xhtml">
    <ui:define name="content">
        <ice:form style="width: 45%;">
            <a href="javascript: clicked();">JS in template.xhtml</a>
            <a href="javascript: externalJs();">External JS</a>
        </ice:form>
        </ui:define>
  </ui:composition>
</f:view>

Related topics:
Five Steps to add Facelets

Datejs (Opensource JavaScript Library)

JavaScript 101

---

Possibly related posts: (automatically generated)

• Using an External JavaScript