Page Fragment and javascript - need help please

Question

Hi all..
I have a page fragment (being used as a header) and am trying to get a text field in this page fragment to recieve a value from a javascript (that is embeded in the page fragment).. see the example below..
--------------PageFragment1----------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<div style="-rave-layout: grid; width: 400px; height: 200px" xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://www.sun.com/web/ui">
<f:subview id="Fragment1">
<ui:textField binding="#{Fragment1.textField1}" id="textField1" style="position: absolute; left: 180px; top: 30px; width: 165px; height: 15px">
<SCRIPT>
var d = new Date();
document.getElementById("Fragment1:textField1").value = d.toLocaleString();
</SCRIPT>
</ui:textField>
</f:subview>
</div>
My problem is that doesn't matter what I do I cannot set the textField1 value from the script. For the actual application it does need to be a javascript - does anyone know how to do this on a page fragment as opposed to a plain page...
The actual error I get is on the client side and it states that document.getElementById is null... :( someone please help.
Thanks in advance.

Answer 1

You probably need to prepend "form1:" to the id (or whatever your form's id is) One sure fire way to figure this out is choose view source in your browser and search for the target field.