Af:panelTabbed not working in safari 4 & 5

Question

Hi,
af:panelTabbed is not working in safari 4 and 5 .
On click of each tab it calls a javascript method.
the javascript method do the functionality of watermark.
The code i use for watermark is
function adf$noValueText$intialize(event) {
var component = event.getSource();
component.visitChildren(adf$noValueText$replaceEmptyWithText, null, false);
function adf$noValueText$onFocus(event) {
adf$noValueText$replaceTextWithEmpty(event.getSource());
function adf$noValueText$onBlur(event) {
adf$noValueText$replaceEmptyWithText(event.getSource());
function adf$noValueText$replaceTextWithEmpty(component) {
var noValueText = component.getProperty("noValueText");
if (typeof noValueText != 'undefined') {
var domNode = document.getElementById(component.getClientId() + "::content");
if (domNode.value == component.getProperty("noValueText")) {
domNode.value = "";
function adf$noValueText$replaceEmptyWithText(component) {
var noValueText = component.getProperty("noValueText");
if (typeof noValueText != 'undefined') {
var domNode = document.getElementById(component.getClientId() + "::content");
if (domNode.value == "") {
domNode.value = component.getProperty("noValueText");
function refresh() {
location.reload();
Can somebody tell me whether this javascript is correct and the reason why af:paneltabbed not working in safari 4 & 5 browser.
Pls reply asap.
Thanks in advance

Answer 1

<af:panelTabbed id="pt2" >
<af:showDetailItem text="Team Members"
id="sdi2" immediate="true">
<af:clientListener method="refresh" type="disclosure"/>
<af:outputFormatted value="TEAM MEMBERS" id="of49" />
<af:subform id="s2">
<af:panelLabelAndMessage label="FIRST_AND_LAST" id="plam1"/>
<af:inputText id="it1FnLastValid" value="#{ForgotUsernameBean.initials}" required="true"
maximumLength="2" autoSubmit="true" requiredMessageDetail="ENTER_FIRST_AND_LAST">
<af:clientAttribute name="noValueText" value="Ex.AA"/>
<af:clientListener method="adf$noValueText$onFocus" type="focus"/>
<af:clientListener method="adf$noValueText$onBlur" type="blur"/>
</af:inputText>
<af:panelLabelAndMessage styleClass="label-msg" label="BIRTH_DATE(DD/YY)" id="plam2"/>
<af:inputText value="#{ForgotUsernameBean.dateOfBirth}"
requiredMessageDetail="ENTER_BIRTH_DATE"
required="true"
maximumLength="5"
autoSubmit="true" id="it1">
<af:clientAttribute name="noValueText"
value="DD/YY"/>
<af:clientListener method="adf$noValueText$onFocus"
type="focus"/>
<af:clientListener method="adf$noValueText$onBlur"
type="blur"/>
</af:inputText>
<af:panelLabelAndMessage styleClass="label-msg"
label="RESTAURANT_NUMBER"
id="RTM3"/>
<af:inputText label="" id="it3ValidnRestNo"
styleClass="errorTextForgotUN"
value="#{ForgotUsernameBean.restaurantNumber}"
required="true"
maximumLength="4"
autoSubmit="true"
requiredMessageDetail="RESTAURANT_NUMBER'">
<af:clientAttribute name="noValueText" value="****"/>
<af:clientListener method="adf$noValueText$onFocus" type="focus"/>
<af:clientListener method="adf$noValueText$onBlur" type="blur"/>
</af:inputText>
<af:panelLabelAndMessage styleClass="label-msg" label="POS_ID" id="plam3"/>
<af:inputText label="" id="it4InpPosIdValidn"
value="#{ForgotUsernameBean.posId}"
required="true"
maximumLength="4"
autoSubmit="true"
requiredMessageDetail="POS ID">
<af:validateLength minimum="3" maximum="4"
messageDetailNotInRange="POSID NOTINRANGE"/>
<af:validateRegExp pattern="[0-9]*"
messageDetailNoMatch="POSID INVALID"/>
<af:clientAttribute name="noValueText"
value="****"/>
<af:clientListener method="adf$noValueText$onFocus"
type="focus"/>
<af:clientListener method="adf$noValueText$onBlur"
type="blur"/>
</af:inputText>
<af:commandButton styleClass="pollsVote backBt"
text="#{resources['COMMON.ENTER']}"
action="#{ForgotUsernameBean.validateUserDetailsTM}"
partialTriggers="it4InpPosIdValidn it3ValidnRestNo it1FnLastValid it1"
disabled="#{ForgotUsernameBean.posId==null||ForgotUsernameBean.restaurantNumber==null||ForgotUsernameBean.dateOfBirth==null||ForgotUsernameBean.initials==null}"
id="teambutton1"/>
</af:subform>
</af:showDetailItem>
<af:showDetailItem text="RESTAURANT MANAGERS" id="sdi3" immediate="true">
<af:outputFormatted value="RESTAURANT MANAGERS" id="magH"/>
<af:subform id="s1">
<af:panelLabelAndMessage styleClass="label-msg" label="RESTAURANT NUMBER"id="m3"/>
<af:inputText label="" id="it5"
styleClass="errorTextForgotUN"
value="#{ForgotUsernameBean.rmRestaurantNumber}"
required="true"
maximumLength="4"
autoSubmit="true"
requiredMessageDetail="RESTAURANT NUMBER">
<af:clientAttribute name="noValueText"
value="****"/>
<af:clientListener method="adf$noValueText$onFocus"
type="focus"/>
<af:clientListener method="adf$noValueText$onBlur"
type="blur"/>
</af:inputText>
<af:panelLabelAndMessage styleClass="label-msg" label="BIRTH DATE(MM/DD/YYYY)" id="m9"/>
<af:inputText value="#{ForgotUsernameBean.rmdateOfBirth}"
required="true"
autoSubmit="true"
requiredMessageDetail="BIRTH DATE" id="it6" maximumLength="10">
<af:clientAttribute name="noValueText"
value="MM/DD/YYYY"/>
<af:clientListener method="adf$noValueText$onFocus"
type="focus"/>
<af:clientListener method="adf$noValueText$onBlur"
type="blur"/>
</af:inputText>
<af:panelLabelAndMessage styleClass="label-msg"
label="EMPLOYEE_ID"
id="m26"/>
<af:inputText label="" id="it7"
value="#{ForgotUsernameBean.last4DigitEmpId}"
required="true"
autoSubmit="true"
maximumLength="4"
requiredMessageDetail="EMPLOYEE_ID">
<af:clientAttribute name="noValueText"
value="****"/>
<af:clientListener method="adf$noValueText$onFocus"
type="focus"/>
<af:clientListener method="adf$noValueText$onBlur"
type="blur"/>
</af:inputText>
<af:commandButton styleClass="pgrl_loginbutton login_button floatL"
text="#{resources['COMMON.ENTER']}"
partialTriggers="it5 it6 it7"
disabled="#{ForgotUsernameBean.rmdateOfBirth==null||ForgotUsernameBean.last4DigitEmpId==null||ForgotUsernameBean.rmRestaurantNumber==null}"
action="#{ForgotUsernameBean.validateUserDetailsRM}"
id="m40"/>
</af:subform>
</af:showDetailItem>
</af:panelTabbed>
this is the code i used for paneltabbed.
refresh method is called after each showdetailitem <af:clientListener method="refresh" type="disclosure"/>
when i remove this clientlistener which calls refresh method,panel tab is working fine in safari.
But the problem is watermark functionality works only if a refresh is given
So now im stuck up.. :(
Can somebody pls provide me a soln for this issue.... ??