javascript-XForms

Hi Florian,

1. I used the following function in javascrit tag.to bind the value directly to the dummy instance.But it did’t work.

<script language="javascript">

function changeMe(){

var model = document.getElementById("myModel");

var instance = model.getInstanceDocument ("myInstance");

var textElements = instance.getElementsByTagName("text");

textElements[0].firstChild.nodeValue = 'Changed!';

model.rebuild();

model.refresh();

}

</script>

In modeltag

<xf:model id="myModel">

<xf:instance id="city-instance">

                             <gcity xmlns="">

                             <getcity></getcity>

                             </gcity>

                         </xf:instance>

<xf:bind id="getcity" nodeset="getcity"  type="xs:string"/>

</xf:instance>

2.tried to get te value in to some variable

Javascript

<script type="text/javascript"

src="http://www.google.com/jsapi?key=ABCDEFG"></script>

<script language="javascript">

function SetValue(){

   var city = google.loader.ClientLocation.address.city;

   return city;

}

</script>

In body tag

<xf:variable name="cityid" select="SetValue()"/>

Or

<xf:variable name="cityid" value="SetValue()"/>

If I can get the city value directly immediately on load I can display the respective near by events immediately who ever the client.

3.IS google api integrated with XForms.IF so how to use it to get the client location.

Thank you Florian and Dave,

I did the same what did you suggested .it’s working fine but when iam trying to include it in Liferay,input id is getting converted to some ramdom value so in javascript

It is not able to set the value.i.e id used to setvalue in javascript is constant but input id is getting  converted.

That is the reason why I wanted it to bind directly to the instance from javascript or wanted to get the returned value into any variable. And this all should happen on onload.

Is that the only way to get the javascript value in to xforms?.

Prameela.

I see Florian has already directed you to the documentation at http://www.orbeon.com/ops/doc/reference-xforms-2#xforms-javascript.  But, just to amplify on what you will read there, you need to understand that the <xf:model id="myModel"/> element exists only on the server, not on the client.  So it will not be possible to access it using document.getElementById("myModel") in javascript which runs on the client.

To do what you have in your example, you would have to use

<script language="javascript">

function changeMe(){

    ORBEON.xforms.Document.setValue("myHiddenInput", 'Changed!');

}

</script>

and, in your form

<span style="display:none;"><xf:input id="myHiddenInput" ref="instance('myInstance')/text"/></span>

HTH,

Dave

Prameela R wrote:

Hi Florian,

1. I used the following function in javascrit tag.to bind the value directly to the dummy instance.But it did’t work.

<script language="javascript">

function changeMe(){

var model = document.getElementById("myModel");

var instance = model.getInstanceDocument ("myInstance");

var textElements = instance.getElementsByTagName("text");

textElements[0].firstChild.nodeValue = 'Changed!';

model.rebuild();

model.refresh();

}

</script>

In modeltag

<xf:model id="myModel">

<xf:instance id="city-instance">

                             <gcity xmlns="">

                             <getcity></getcity>

                             </gcity>

                         </xf:instance>

<xf:bind id="getcity" nodeset="getcity"  type="xs:string"/>

</xf:instance>

2.tried to get te value in to some variable

Javascript

<script type="text/javascript"

src="http://www.google.com/jsapi?key=ABCDEFG"></script>

<script language="javascript">

function SetValue(){

   var city = google.loader.ClientLocation.address.city;

   return city;

}

</script>

In body tag

<xf:variable name="cityid" select="SetValue()"/>

Or

<xf:variable name="cityid" value="SetValue()"/>

If I can get the city value directly immediately on load I can display the respective near by events immediately who ever the client.

3.IS google api integrated with XForms.IF so how to use it to get the client location.