私の最初のポップアップは期待どおりに機能し、ボタンを押すと、ページ上の他の要素の上にある div がアクティブになります。
次に、別のポップアップに変更しても何も機能しません。最初に機能した方法は次のように行われました
<input type="button" value="Sök" onClick="getElementById('popupSokNamn').style.display='';">
次に、divにあるJSPインクルードをアクティブにしました
<div class="popup" id="popupSokNamn"
<% if(!showSearch) { %>
style="display: none;"
<% } %>
>
<%@ include file="WEB-INF/jspf/namnuppgifter_sok.jspf" %>
</div>
したがって、他のポップアップも同じように機能するはずですが、これは HTML と CSS であり、すべてがランタイム エラーであり、デバッグが不可能であるため、もちろん何も機能しません。
<input type="button" value="Sö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だと言っていますが、最初のポップアップがロードされているので、これはどこかで些細なエラーであるはずですが、どこでしょうか?
ページの最後の部分は、ポップアップのコードを保持する場所で、そのうちの 1 つだけが機能します。
<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> </p><p> </p><p> </p><p> </p>
</body>
</html>
コンテンツが実際には存在するが表示されず、1 つのポップアップのみを表示に設定できることがページでわかります。ページに変更があり、ジャンクがレンダリングされた状態で他のポップアップを取得できましたが、現在の状態では、他のポップアップのボタンを押しても何も起こりません。アクティブ化コードを別のボタンに移動すると、ボタンから同じポップアップが表示されますが、何をしても他のポップアップを表示できません。
この混乱についてのアイデアはありますか？
さまざまなディスプレイ用に、JSP のスクリプトレットにブール値を保持します。
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;
そして、これも問題ではないようです。トラブルシューティングを手伝ってください！