Hi Andreas,
Thanks for you reply.i tried as per the url also it is not working below is my jsp page code.How to solve this problem??
<script type="text/javascript">
function RedirectPage()
{
var location1="/existingcustomer/postpaid/genaralinformation/generalinfo/info_name_editmodal.jsp";
var CONTEXT_ROOT = '<%= request.getContextPath().concat("/existingcustomer/postpaid/genaralinformation/generalinfo/info_name_editmodal.jsp") %>';
alert(CONTEXT_ROOT);
}
function ChangeModelPanel()
{
alert("Hello");
alert(document.getElementById('broadCastOption').value);
}
</script>
<f:subview id="infoChangeMobileEditSubview">
<a4j:form id="infoChagneMobileEditForm" ajaxSubmit="true">
<input id="addressbar" type="hidden" value='/existingcustomer/postpaid/genaralinformation/generalinfo/info_name_editmodal.jsp'>
<h:outputLink value="#" id="link" onclick="return false;">
<rich:modalPanel id="info_changemobile_editmodal" moveable="false" resizeable="false" autosized="false"
width="950" height="500" showWhenRendered="false" style="overflow-y: scroll">
<f:facet name="header">
<h:outputText value="Edit Customer Info-Service Number" styleClass="modalPanel12"/>
</f:facet>
<f:facet name="controls">
<h:panelGroup>
<h:outputLabel value="Press Esc to close"></h:outputLabel>
<rich:hotKey key="esc" selector="#infoChagneMobileEditForm"
handler="#{rich:element('infoChagneMobileEditForm:cancelButtonId')}.click();event.stopPropagation();event.preventDefault(); return false;"
disableInInput="false"/>
<h:outputLabel value="(OR)"></h:outputLabel>
<h:graphicImage value="../_assets/image/close.png" id="hidelinkeditinfochangeMobile"
styleClass="hidelink" style="border:0" alt="Close" title="Close"/>
<rich:componentControl for="info_changemobile_editmodal" attachTo="hidelinkeditinfochangeMobile"
operation="hide" event="onclick"/>
</h:panelGroup>
</f:facet>
<div>
<table class="font_exist" width="950" height="50%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<table width="900" border="0">
<tr class="font_exist">
<td width="750"> </td>
<td width="112">Your Serving Time:</td>
<td width="63"><input name="textfield17" type="text" id="textfield2" value="00:00" size="8" disabled="disabled" /></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="858" border="0" cellspacing="0.1" cellpadding="0.1">
<tr height="19">
<td width="90"> <h:outputText value="#{msg['existingcustomer.postpaid.common.popup.fields.accno']}"/></td>
<td width="393"><span class="font1 style2">45123413</span></td>
<td width="11"> </td>
<td width="97"><h:outputText value="#{msg['existingcustomer.postpaid.common.popup.fields.name']}"/></td>
<td width="371">Malika Mia </td>
</tr>
<tr>
<td> Service NO :</td>
<td><span class="font1 style2">0193000900</span></td>
<td> </td>
<td>Service Status :</td>
<td>Active</td>
</tr>
<tr>
<td> Service Type :</td>
<td>Postpaid</td>
<td> </td>
<td>VIP Code :</td>
<td>VIP 6 </td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="2" bgcolor="#45aed8"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><table width="958" border="0">
<tr>
<td width="141">Current MSISDN : </td>
<td width="221">
<h:outputText styleClass="style3" value="0193000900"></h:outputText></td>
<td width="582"> </td>
</tr>
<tr>
<td><span class="mandatory_text">*</span>New MSISDN : </td>
<td><h:inputText id="searchFieldId" ></h:inputText>
<a4j:commandButton limitToList="true" ajaxSingle="true" value="#{msg['search']}"
onclick="Richfaces.showModalPanel('info_msisdn_no_searchmodal');">
</a4j:commandButton>
</td>
</tr>
<tr>
<td height="18">Notes :</td>
<td><textarea name="textarea" cols="35" rows="5"></textarea></td>
</tr>
<tr>
<td height="18"> </td>
<td> </td>
</tr>
<tr>
<td height="76">Broad Cast Option : </td>
<td><label></label>
<table width="200" border="0">
<tr>
<td width="63">
<a4j:outputPanel ajaxRendered="true">
<a4j:region renderRegionOnly="true">
<h:selectOneRadio id="broadCastOption"
value="#{generalInformationBean.selectRadioButtonValue}" valueChangeListener="#{generalInformationBean.selectRadioValue}">
<a4j:support event="onclick" ajaxSingle="true"
reRender="broadCastOption,info_changemobile_editmodal,info_msisdn_no_searchmodal"
data="#{generalInformationBean.rdoButtonFlag}"
oncomplete="if(data==true)
{
#{rich:component('info_changemobile_editmodal')}.hide();
#{rich:component('broadcast_modal')}.show();
}
else
{
return false;
}"/>
<f:selectItem id="yesoption" itemValue="true" itemLabel="Yes"/>
<f:selectItem id="Nooption" itemValue="false" itemLabel="No"/>
</h:selectOneRadio>
</a4j:region>
</a4j:outputPanel>
</td>
</tr>
</table> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<h:panelGrid columns="6">
<a4j:commandButton limitToList="true" ajaxSingle="true"
type="button" id="saveButtonId" styleClass="celcocm01" value="#{msg.save}"/>
<rich:componentControl for="info_changemobile_editmodal" attachTo="saveButtonId"
operation="hide" event="onclick" />
<a4j:commandButton limitToList="true" ajaxSingle="true"
type="button" id="resetButtonId" styleClass="celcocm01" value="#{msg.reset}"/>
<rich:componentControl for="info_changemobile_editmodal" attachTo="resetButtonId"
operation="hide" event="onclick" />
<a4j:commandButton limitToList="true" ajaxSingle="true"
type="button" id="cancelButtonId" styleClass="celcocm01" value="#{msg.cancel}"/>
<rich:componentControl for="info_changemobile_editmodal" attachTo="cancelButtonId"
operation="hide" event="onclick" />
</h:panelGrid>
</rich:modalPanel>
</h:outputLink>
</a4j:form>
</f:subview>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<script type="text/javascript">
function RedirectPage()
{
var location1="/existingcustomer/postpaid/genaralinformation/generalinfo/info_name_editmodal.jsp";
var CONTEXT_ROOT = '<%= request.getContextPath().concat("/existingcustomer/postpaid/genaralinformation/generalinfo/info_name_editmodal.jsp") %>';
alert(CONTEXT_ROOT);
}
function ChangeModelPanel()
{
alert("Hello");
alert(document.getElementById('broadCastOption').value);
}
</script>
<f:subview id="infoChangeMobileEditSubview">
<a4j:form id="infoChagneMobileEditForm" ajaxSubmit="true">
<input id="addressbar" type="hidden" value='/existingcustomer/postpaid/genaralinformation/generalinfo/info_name_editmodal.jsp'>
<h:outputLink value="#" id="link" onclick="return false;">
<rich:modalPanel id="info_changemobile_editmodal" moveable="false" resizeable="false" autosized="false"
width="950" height="500" showWhenRendered="false" style="overflow-y: scroll">
<f:facet name="header">
<h:outputText value="Edit Customer Info-Service Number" styleClass="modalPanel12"/>
</f:facet>
<f:facet name="controls">
<h:panelGroup>
<h:outputLabel value="Press Esc to close"></h:outputLabel>
<rich:hotKey key="esc" selector="#infoChagneMobileEditForm"
handler="#{rich:element('infoChagneMobileEditForm:cancelButtonId')}.click();event.stopPropagation();event.preventDefault(); return false;"
disableInInput="false"/>
<h:outputLabel value="(OR)"></h:outputLabel>
<h:graphicImage value="../_assets/image/close.png" id="hidelinkeditinfochangeMobile"
styleClass="hidelink" style="border:0" alt="Close" title="Close"/>
<rich:componentControl for="info_changemobile_editmodal" attachTo="hidelinkeditinfochangeMobile"
operation="hide" event="onclick"/>
</h:panelGroup>
</f:facet>
<div>
<table class="font_exist" width="950" height="50%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<table width="900" border="0">
<tr class="font_exist">
<td width="750"> </td>
<td width="112">Your Serving Time:</td>
<td width="63"><input name="textfield17" type="text" id="textfield2" value="00:00" size="8" disabled="disabled" /></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><table width="858" border="0" cellspacing="0.1" cellpadding="0.1">
<tr height="19">
<td width="90"> <h:outputText value="#{msg['existingcustomer.postpaid.common.popup.fields.accno']}"/></td>
<td width="393"><span class="font1 style2">45123413</span></td>
<td width="11"> </td>
<td width="97"><h:outputText value="#{msg['existingcustomer.postpaid.common.popup.fields.name']}"/></td>
<td width="371">Malika Mia </td>
</tr>
<tr>
<td> Service NO :</td>
<td><span class="font1 style2">0193000900</span></td>
<td> </td>
<td>Service Status :</td>
<td>Active</td>
</tr>
<tr>
<td> Service Type :</td>
<td>Postpaid</td>
<td> </td>
<td>VIP Code :</td>
<td>VIP 6 </td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="2" bgcolor="#45aed8"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><table width="958" border="0">
<tr>
<td width="141">Current MSISDN : </td>
<td width="221">
<h:outputText styleClass="style3" value="0193000900"></h:outputText></td>
<td width="582"> </td>
</tr>
<tr>
<td><span class="mandatory_text">*</span>New MSISDN : </td>
<td><h:inputText id="searchFieldId" ></h:inputText>
<a4j:commandButton limitToList="true" ajaxSingle="true" value="#{msg['search']}"
onclick="Richfaces.showModalPanel('info_msisdn_no_searchmodal');">
</a4j:commandButton>
</td>
</tr>
<tr>
<td height="18">Notes :</td>
<td><textarea name="textarea" cols="35" rows="5"></textarea></td>
</tr>
<tr>
<td height="18"> </td>
<td> </td>
</tr>
<tr>
<td height="76">Broad Cast Option : </td>
<td><label></label>
<table width="200" border="0">
<tr>
<td width="63">
<a4j:outputPanel ajaxRendered="true">
<a4j:region renderRegionOnly="true">
<h:selectOneRadio id="broadCastOption"
value="#{generalInformationBean.selectRadioButtonValue}" valueChangeListener="#{generalInformationBean.selectRadioValue}">
<a4j:support event="onclick" ajaxSingle="true"
reRender="broadCastOption,info_changemobile_editmodal,info_msisdn_no_searchmodal"
data="#{generalInformationBean.rdoButtonFlag}"
oncomplete="if(data==true)
{
#{rich:component('info_changemobile_editmodal')}.hide();
#{rich:component('broadcast_modal')}.show();
}
else
{
return false;
}"/>
<f:selectItem id="yesoption" itemValue="true" itemLabel="Yes"/>
<f:selectItem id="Nooption" itemValue="false" itemLabel="No"/>
</h:selectOneRadio>
</a4j:region>
</a4j:outputPanel>
</td>
</tr>
</table> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
<h:panelGrid columns="6">
<a4j:commandButton limitToList="true" ajaxSingle="true"
type="button" id="saveButtonId" styleClass="celcocm01" value="#{msg.save}"/>
<rich:componentControl for="info_changemobile_editmodal" attachTo="saveButtonId"
operation="hide" event="onclick" />
<a4j:commandButton limitToList="true" ajaxSingle="true"
type="button" id="resetButtonId" styleClass="celcocm01" value="#{msg.reset}"/>
<rich:componentControl for="info_changemobile_editmodal" attachTo="resetButtonId"
operation="hide" event="onclick" />
<a4j:commandButton limitToList="true" ajaxSingle="true"
type="button" id="cancelButtonId" styleClass="celcocm01" value="#{msg.cancel}"/>
<rich:componentControl for="info_changemobile_editmodal" attachTo="cancelButtonId"
operation="hide" event="onclick" />
</h:panelGrid>
</rich:modalPanel>
</h:outputLink>
</a4j:form>
</f:subview>