Hide panel in popup with jsf
I have two panel and I want to hide a panel display in a popup and another panel in the popup but I have problems to do.
this is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:p="http://primefaces.org/ui"
xmlns:s="http://jboss.org/schema/seam/taglib">
<h:form id="consgynecologie" enctype="multipart/form-data">
<div id="modal-gynecologie" class="modal fade">
<div id="dialog-gynecologie" class="modal-dialog" style="width: 75%">
<div class="modal-content">
<div class="modal-header no-padding">
<div class="table-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<span class="white">×</span>
</button>
Consultation Gynecologie
</div>
</div>
<div class="modal-body no-padding">
<div id="fglobal:j_idt412" class="ui-scrollpanel ui-scrollpanel-native ui-widget ui-widget-content ui-corner-all" style="height:500px">
<h:panelGroup><br />
<fieldset style="border: 0">
<!--<legend style="width: inherit; padding: 0 10px; border-bottom: none;"> Motifs / Signes fonctionnels</legend>-->
<table cellpadding="10" style="width :100%;">
<tbody>
<tr>
<td>
<label for="form-field-mask-1">
Durée de l'infertilité
</label>
<div style="float: right;"><input name="form-field-radio" type="radio" class="ace"/><span class="lbl">Oui</span>
<input name="form-field-radio" type="radio" class="ace"/><span class="lbl">Non</span></div>
<br /></td>
</tr>
<tr>
<td>
<span class="block input-icon input-icon-right">
<input type="text" class="form-control" placeholder="Date debut Symptomes?"/>
</span>
</td></tr>
<tr><td>
<span class="block input-icon input-icon-right">
<input type="text" class="form-control" placeholder=""/>
</span>
</td>
</tr>
<tr><td>
<span class="block input-icon input-icon-right">
<input type="text" class="form-control" placeholder=""/>
</span>
</td>
</tr>
</tbody>
</table>
</fieldset >
</h:panelGroup>
<h:panelGroup><br />
<fieldset style="border: 0">
<!--<legend style="width: inherit; padding: 0 10px; border-bottom: none;"> Motifs / Additionnels</legend>-->
<table cellpadding="10" style="width :100%;">
<tbody>
<tr><td>
<span class="block input-icon input-icon-right">
<input type="text" class="form-control" placeholder=""/>
</span>
</td>
</tr>
<tr>
<td>
<label for="form-field-mask-1">
Douleurs pelviennes?
</label>
<div style="float: right;"><input name="form-field-radio" type="radio" class="ace"/><span class="lbl">Oui</span>
<input name="form-field-radio" type="radio" class="ace"/><span class="lbl">Non</span></div>
</td>
</tr>
</tbody>
</table>
</fieldset >
</h:panelGroup>
</div>
</div>
<div class="modal-footer no-margin-top">
<a href="#" data-dismiss="modal" class="pull-right"> <p:commandLink
id="btnprint" value="Imprimer" onclick="hidegynecologie()"
styleClass="btn btn-primary btn-sm">
</p:commandLink>
</a>
</div>
</div>
</div>
</div>
</h:form>
</ui:composition>