왜 내 팝업이 고장 났습니까? 나는 아무것도 작동하지 않습니다 다른 팝업으로 변경하는 경우 그 다음</p> <p><img src="https://i.stack.imgur.com/PFjeF.png" alt="enter image description here"></p> <p>: 예상대로

Question

나의 첫번째 팝업 작품, 버튼을 누르면 페이지의 다른 요소를 낳는 사업부를 활성화합니다. 근무 첫 번째 방법은 그

<div class="popup" id="popupSokNamn" 
<% if(!showSearch) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/namnuppgifter_sok.jspf" %> 
</div> 

그래서 다른 팝업이 같은 방식으로 작동하지만 물론 아무것도 작동으로한다 사업부에 포함 JSP를 활성화 그런 다음이

<input type="button" value="S&ouml;k" onClick="getElementById('popupSokNamn').style.display='';">

처럼 이루어졌다 이것은 HTML과 CSS로 모든 것이 런타임 오류이며 디버깅이 불가능하기 때문에 :

<input type="button" value="S&ouml;k" onClick="getElementById('popupF').style.display='';"> 

다른 팝업을 렌더링해야하지만 물론 아무것도 작동하지 않기 때문에 그것은 아닙니다.

<div class="popup" id="popupF" 
<% if(!showSearchF) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="includes/fullfoljd_fran_sok.jsp" %> 
</div> 

아무 것도 작동하지 않는 이유는 무엇입니까? 나는 이것에 대해 전에 물었고 대답은 그것이 내 CSS라고 말하지만 첫 번째 팝업이 이것이 어딘가에 사소한 오류가되어야하는 것을로드하고 있기 때문에 의심 스럽다.

<div class="popup" id="popupSokNamn" 
<% if(!showSearch) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/namnuppgifter_sok.jspf" %> 
</div> 
<div class="popup" id="popupSokNamn2" 
<% if(!showSearch2) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/namnuppgifter_sok2.jspf" %> 
</div> 
<div class="popup" id="popupD" 
<% if(!showSearchD) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/handlaggare_sok.jspf" %> 
</div> 

<div class="popup" id="popupI" 
<% if(!showSearchI) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/ingivningsdag_sok.jspf" %> 
</div> 

<div class="popup" id="popupP" 
<% if(!showSearchP) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/prioriteter_sok.jspf" %> 
</div> 

<div class="popup" id="popupR" 
<% if(!showSearchR) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/rabattgrundande_sok.jspf" %> 
</div> 

<div class="popup" id="popupF" 
<% if(!showSearchF) { %> 
style="display: none;" 
<% } %> 
> 
<%//@ include file="includes/fullfoljd_fran_sok.jsp" %> 
</div> 
<div class="popup" id="popupA" 
<% if(!showSearchA) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/avdelad_fran_sok.jspf" %> 
</div> 
<div class="popup" id="popupU" 
<% if(!showSearchU) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/utbruten_fran_sok.jspf" %> 
</div> 
<div class="popup" id="popupO" 
<% if(!showSearchO) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/omvandlad_ep_sok.jspf" %> 
</div> 
<div class="popup" id="popupEPa" 
<% if(!showSearchEPa) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/ep_avdelad_fran_sok.jspf" %> 
</div> 
<div class="popup" id="popupEPn" 
<% if(!showSearchEPn) { %> 
style="display: none;" 
<% } %> 
> 
<%@ include file="WEB-INF/jspf/ep_ansokningsnummer_sok.jspf" %> 
</div> 
</form> 
<%@ include file="WEB-INF/jspf/arendeprocess_messages_inc.jspf" %> 

<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p> 
</body> 
</html> 

나는 내용이 실제로 존재하지만 표시되지 않고 페이지에서 볼 수 있습니다 : 내 팝업에 대한 코드를 유지하고 단지 그들 중 하나가 작동하는 곳

페이지의 마지막 부분입니다 하나의 팝업 만 표시되도록 설정할 수 있습니다. 페이지에 변경 사항이 있고 일부 정크가 렌더링 된 상태에서 다른 팝업을 얻을 수 있지만 현재 상태에서는 다른 팝업의 버튼을 누르면 아무 것도 발생하지 않습니다. 활성화 코드를 다른 버튼으로 옮길 수 있고 버튼에서 같은 팝업이 표시되지만 내가하는 일과 상관없이 다른 팝업을 표시 할 수는 없습니다.

이 엉망에 대한 아이디어가 있으십니까?

boolean showSearch = false; 
boolean showSearchD = false; 
boolean showSearchP = false; 
boolean showSearchI = false; 
boolean showSearchR = false; 
boolean showSearch2 = false; 
boolean showSearchF = false; 
boolean showSearchA = false; 
boolean showSearchU = false; 
boolean showSearchO = false; 
boolean showSearchEPa = false; 
boolean showSearchEPn = false; 

를 그리고 어느 쪽도이 문제가 될 것 같다 :

나는 다른 디스플레이 내 JSP의 스크립틀릿에 논리 값을 유지한다. 문제 해결을 도와주세요!

Answer 1

CSS를 사용해야하며 어떤 이유로 절대 위치를 설정해야합니다. 그 때 그것은 작동 할 것이다.