Set text in Visual JSF textfield from javascript

Question

HI,
I want to pass a variable from a javascript to put into a visual jsf textfield that is connected to a Bean variable like this:
<webuijsf:textField id="myLat" style="left: 96px; top: 336px; position: absolute" text="#{CreateNewPage.latitude}"/>
I use this library: xmlns:webuijsf="http://www.sun.com/webui/webuijsf"
I found a guide for this using regular jsf-tags, but that doesn't work for the visual jsf tags. Link: http://balusc.blogspot.com/2009/05/javajspjsf-and-javascript.html
I managed though to change the field to some sort of text by using:
var lat = 'text';
document.getElementById("form1:myLat").textContent = lat;
in my javascript. But this just replaces the textfield to some stand alone text, and the variable in my Bean isn't changed at all. I tried using .value and .text instead of .textContent but it doesn't work. What am I doing wrong here? I'm new to JSF by the way. Thankful for any help.

Answer 1

I've now read the article and understand everything better. Also funny that I got a reply from the author of it here :)
Sadly I have to use javascript I believe since I'm using a google maps api that uses it.
Anyway, I still can't get it to work properly.
now my jsp look like:
<webuijsf:form id="myForm">
<webuijsf:textField id="my2" style="left: 528px; top: 0px; position: absolute" text="#{EditPage.latFromMap}"/>
</webuijsf:form>
and in my JS:
document.getElementById("myForm:my2").text = 'text';
document.getElementById("myForm").submit();
I now get to the setLatFromMap() setter Method for my variable in my EditPage bean, but when I do a print out of it it's null. Also the textfield on my page becomes blank after the refreshing of the page. of Am I still missing some of the concepts? thx