Javascript in page segment(urgent)?

Question

Hi,
I want to customize out-of-box Profile pages on WC Spaces. I added a selection box on a page segment(jsff), and I want to do 2 things.
1.     When a user picks an item from the selection box, it should call the parseAddress() javascript function. But, I got js errors from IE but no errors from FF. ‘parseAddress’ is undefined. URL…./MyProfileMainView.jspx
2.     Inside the js function, how can it write to <af:inputText> items?
<?xml version = '1.0' encoding = 'UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<af:panelFormLayout labelWidth="150" id="olipfl1">
<af:panelLabelAndMessage label="#{uib_o_w_pc_p_ProfileMessages.LABEL_BUSINESS_FAX}" labelStyle="font-weight:bold;" id="oliplam1">
<af:inputText value="#{bindings.businessFax.inputValue}" simple="true" columns="40" maximumLength="50" disabled="#{!AdminConfig.ootbFields['fax'].allowEdit}" shortDesc="#{requestContext.formatter[uib_o_w_pc_p_ProfileMessages.ENTER_FIELD][uib_o_w_pc_p_ProfileMessages.LABEL_BUSINESS_FAX]}" id="oliit1"/>
</af:panelLabelAndMessage>
<f:facet name="metaContainer">
<af:resource type="javascript" source=”function parseAddress(event) {            alert("new value: " + event.getNewValue());           } "/>
</f:facet>
<af:panelLabelAndMessage xmlns:af="http://xmlns.oracle.com/adf/faces/rich" label="*Location" id="splam1" labelStyle="font-weight:bold;">
<af:selectOneChoice xmlns:af="http://xmlns.oracle.com/adf/faces/rich" id="ssoc1" simple="true" valuePassThru="true">
<af:clientListener xmlns:af="http://xmlns.oracle.com/adf/faces/rich" method="*parseAddress*" type="valueChange"/>
<f:selectItems xmlns:f="http://java.sun.com/jsf/core" value="#{employeeBean.locationsList}" id="ssi1"/>
</af:selectOneChoice>
</af:panelLabelAndMessage>
<af:panelLabelAndMessage label="#{uib_o_w_pc_p_ProfileMessages.LABEL_BUSINESS_STREET}" labelStyle="font-weight:bold;" id="oliplam4">
<af:inputText value="#{bindings.businessStreet.inputValue}" simple="true" columns="40" maximumLength="50" disabled="#{!AdminConfig.ootbFields['street'].allowEdit}" shortDesc="#{requestContext.formatter[uib_o_w_pc_p_ProfileMessages.ENTER_FIELD][uib_o_w_pc_p_ProfileMessages.LABEL_BUSINESS_STREET]}" id="oliit4"/>
</af:panelLabelAndMessage>
</af:panelFormLayout>
</jsp:root>
I’m trying to follow this discussions - https://forums.oracle.com/forums/thread.jspa?threadID=978631, but I am kind of confused. I’m using jDeveloper 11.1.1.5
Thank you.
Edited by: 891549 on Feb 27, 2012 12:11 PM

Answer 1

Hi,
not sure why it flags an error on IE - this is what I can't say from remote. However, this code here
<f:facet name="metaContainer">
<af:resource type="javascript" source=”function *parseAddress*(event) { alert("new value: " + event.getNewValue()); } "/>
</f:facet>
{code}
should be
{code}
<af:resource type="javascript">
      function parseAddress(event) { alert("new value: " + event.getNewValue()); }
</af:resource>
{code}
To access the input text field (as it is not in a different naming container) you
1. set the input text clientComponent property to "true"
2. call event.getSource().findComponent("oliit4");
Frank