Fatal编程技术网
  • html/
  • Html 为什么赢了'；我的弹出窗口不显示吗？

Html 为什么赢了'；我的弹出窗口不显示吗？

html css jsp

Html 为什么赢了'；我的弹出窗口不显示吗？,html,css,jsp,popup,Html,Css,Jsp,Popup,我在同一个页面上有另一个使用这种技术的弹出窗口，所以它应该可以工作，并且在我的一些更新破坏了渲染后它也可以工作。它以前可以工作，但现在我有一个HTML回归错误，其中一个更新标记了旧视图，所以现在我的弹出窗口不显示。我有许多按钮可以激活弹出窗口： 按search然后激活此代码 哪个应该呈现这个弹出窗口 <div class="popup" id="popupF" <% if(!showSearchF) { %> style="display: none;" <% }

我在同一个页面上有另一个使用这种技术的弹出窗口，所以它应该可以工作，并且在我的一些更新破坏了渲染后它也可以工作。它以前可以工作，但现在我有一个HTML回归错误，其中一个更新标记了旧视图，所以现在我的弹出窗口不显示。我有许多按钮可以激活弹出窗口：

按search然后激活此代码

哪个应该呈现这个弹出窗口

<div class="popup" id="popupF" 
<% if(!showSearchF) { %>
style="display: none;"
<% } %>
>
<%@ include file="includes/fullfoljd_fran_sok.jsp" %>
</div>
接下来就是这个JSPF片段，它应该呈现在这个页面的顶部，但什么也没有出现

<table width="100%" border="0" cellspacing="0" cellpadding="2" align="center" class="TB_nb">
  <tr>
  <td colspan="3" class="pusher TB_nb"><h2>Sök person/företag</h2> 
</td>
  <td><a href="javascript:void(0)" onclick="document.getElementById('popupSokNamn').style.display = 'none';" >X</a></td>
</tr>
</table>
<br><br>
<h2 class="pusher">Sök person/företag</h2>
<div id="Vsok">

<div style="text-align: right; width: 100%; padding-right: 5%; padding-top: 5px;">
<span onClick="getElementById('sokF').style.display='', getElementById('bottomA').style.display='none', getElementById('bottomV').style.display='', getElementById('Vsok').style.display='none'" class="link_sm">Visa s&ouml;kformul&auml;r</span>
</div>

</div>

<div id="sokF">

<div style="text-align: right; width: 100%; padding-right: 5%; padding-top: 5px;; padding-bottom: 5px;">
<span onClick="getElementById('sokF').style.display='none', getElementById('bottomA').style.display='none', getElementById('bottomV').style.display='', getElementById('Vsok').style.display=''" class="link_sm">D&ouml;lj s&ouml;kformul&auml;r</span>
</div>

<div style="width: 100%; margin-left: 15px; margin-right: 80px;" class="fontS80">
<fieldset style="border: 1px solid Grey; display:inline;"><legend class="small">Fysisk</legend> 
<div class="fl30">&nbsp;F&ouml;rnamn:</div>
<div class="fl50"><input type="text" size="60" name="<%= PandoraFieldConstants.FIELD_SEARCH_FORNAMN %>" onkeyup="doSubmitByEnter('Namnsokning', 'search')"></div>
<div class="clear"></div>
<div class="fl30">&nbsp;Efternamn:</div>
<div class="fl50"><input type="text" size="60" name="<%= PandoraFieldConstants.FIELD_SEARCH_EFTERNAMN %>" onkeyup="doSubmitByEnter('Namnsokning', 'search')"></div>
</fieldset>

<fieldset style="border: 1px solid Grey; display:inline;"><legend class="small">Juridisk</legend> 
<div class="fl30">&nbsp;F&ouml;retag:</div>
<div class="fl50"><input type="text" size="60" name="<%= PandoraFieldConstants.FIELD_SEARCH_FORETAG %>" onkeyup="doSubmitByEnter('Namnsokning', 'search')"></div>
<div class="clear"></div>
<div class="fl30">&nbsp;Organisationsnummer:</div>
<div class="fl50"><input type="text" size="60" name="<%= PandoraFieldConstants.FIELD_SEARCH_ORGNUMMER %>" onkeyup="doSubmitByEnter('Namnsokning', 'search')"></div>
</fieldset> <br><br>

<!-- <div class="fl30">Attention, c/o etc.:</div>
<div class="fl50"><input type="text" size="60"></div>
<div class="clear"></div>

<div class="fl30">Postadress:</div>
<div class="fl50"><input type="text" size="60"></div>
<div class="clear"></div>

<div class="fl30">Postnummer:</div>
<div class="fl50"><input type="text" size="30"></div>
<div class="clear"></div> -->

<div class="fl30">Postort:</div>
<div class="fl50"><input type="text" size="40" name="<%= PandoraFieldConstants.FIELD_SEARCH_POSTORT %>" onkeyup="doSubmitByEnter('Namnsokning', 'search')"></div>
<div class="clear"></div>

<div class="fl30">Land:</div>
<div class="fl50"><input type="text" size="2" name="<%= PandoraFieldConstants.FIELD_SEARCH_LANDKOD %>" onkeyup="doSubmitByEnter('Namnsokning', 'search')">&nbsp;
                    <select name="<%= PandoraFieldConstants.FIELD_SEARCH_LAND %>" onkeyup="doSubmitByEnter('Namnsokning', 'search')">
                        <option value="1" SELECTED></option>
                        <option value="2"></option>
                        <option value="3"></option>
                        <option value="4"></option>
                        <option value="5">---------------------------------</option>
</select></div>
<div class="clear"></div>

<!-- <div class="fl30">Region:</div>
<div class="fl20"><select name="">
                        <option value="1" SELECTED></option>
                        <option value="2"></option>
                        <option value="3"></option>
                        <option value="4"></option>
                        <option value="5">-----------------------------------------------</option>
</select></div>
<div class="clear"></div>
<div class="fl30">Tel:</div>
<div class="fl50"><input type="text" size="40"></div>
<div class="clear"></div>

<div class="fl30">Fax:</div>
<div class="fl50"><input type="text" size="40"></div>
<div class="clear"></div>

<div class="fl30">E-post:</div>
<div class="fl50"><input type="text" size="60"></div>
<div class="clear"></div>
 -->
<div class="fl50">&nbsp;</div>
<div class="fl5"><input type="button" value="Rensa"></div>
<div class="fl10"><input type="button" value="  S&ouml;k  " onclick="javascript:doSubmit('Namnsokning', 'search')"></div>
<div class="clear">&nbsp;</div>
<div class="clear">&nbsp;</div>
</div>

</div>

<table width="100%" border="0" cellspacing="0" cellpadding="4" align="center">
<tr>    
    <td><h3>Sökresultat:</h3></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr>    
    <td colspan="4">En massa text <span class="link">Hj&auml;lp!</span> </td>
</tr>
<tr>    
    <td><input type="button" value="Visa alla"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr class="smallb">
    <td>Antal &auml;renden: 527</td>
    <td>&nbsp;</td>
    <td>Visa &auml;renden: &#60;&#60; 1-200 201-400 401-527 &#62;&#62; </td>
<td>&nbsp;</td>
</tr>
</table>

<table width="100%" cellspacing="0" align="center" class="sortable" id="unique_id">
<tr>
    <th class="thkant">F&ouml;rnamn</th>
    <th class="thkant">Efternamn</th>
    <th class="thkant">Adress</th>
    <th class="thkant">Postnr</th>
    <th class="thkant">Postort</th>
    <th class="thkant">Region</th>
    <th class="thkant">Land</th>
    <th class="thkant">Telefonnummer</th>
</tr>

<%
    for(int i=0; i<apc.getSessionData().getNamnsokningLista().size(); i++) {

        PersonInfo person = (PersonInfo)apc.getSessionData().getNamnsokningLista().get(i);
        if(i%2==0) {
%>
<tr class="g1" onmouseover="javascript:setStoreStyle(this)"; onmouseout="javascript:getStoreStyle(this)" onclick="javascript:doSubmitWithModifierAndIndex('Grunduppgifter','editSearchPerson', '', '<%= person.getPersonId() %>')" style="cursor:pointer;">
<%
        } else {
%>
<tr class="g2"onmouseover="javascript:setStoreStyle(this)"; onmouseout="javascript:getStoreStyle(this)" onclick="javascript:doSubmitWithModifierAndIndex('Grunduppgifter','editSearchPerson', '', '<%= person.getPersonId() %>')" style="cursor:pointer;">
<%
        } 
%>
    <td><%= person.getFornamn() %></td>
    <td><%= person.getEfternamn() %></td>
    <td><%= person.getPostadress() %></td>
    <td><%= person.getPostnr() %></td>
    <td><%= person.getPostort() %></td>
    <td>&nbsp;</td>
    <td><%= person.getLandKod() %></td>
    <td><%= person.getTelefon() %></td> 
</tr>
<%
}
%>
</table>


<div id="bottomV">
<table width="100%" align="center">
<tr>
<td align="left"><input type="button" id="visaknapp" value="Visa" disabled style="width:150px;" onClick="getElementById('sokR').style.display='', getElementById('bottomA').style.display='', getElementById('bottomV').style.display='none', getElementById('Vsok').style.display='', getElementById('sokF').style.display='none'"></td>
<td align="right"><input type="button" value="Avbryt" style="width:150px;" class="checkmargin"><input type="button" value="Infoga" disabled style="width:150px;"></td>
</tr>
</table>
</div>

<div id="bottomA" style="display: none">
<table width="100%" align="center">
<tr>
<td align="left"><input type="button" value="&Auml;ndra i register" style="width:150px;"></td>
<td align="right"><input type="button" value="Avbryt" style="width:150px;" class="checkmargin"><input type="button" value="Infoga" style="width:150px;"></td>
</tr>
</table>


Sök person/företag



Sök person/företag
Visa sö；kformulä；R
Dö；lj sö；kformulä；R
费西斯克
Fö；rnamn：
Efternamn：
尤里迪斯克
Fö；重新标记：
组织推荐人：



邮政港：
土地：
---------------------------------
Sökresultat：
En massa文本Hjä；lp！
安塔尔和奥姆勒；仁登：527
Visaä；仁登:60岁,< 1-200 201-400 401-527 >> 
Fö；rnamn
埃弗特纳姆
地址
邮政编码
邮政港
区域
土地
电话号码
试一试

而不是
getElementById（'popupF'）。style.display=''


你说的“打开弹出窗口”是什么意思？你是说打开一个出现在其他元素上的div还是一个正常的弹出窗口？顺便说一下，您忘了在“getElementById（'popupF'）处添加'document'，打开一个显示在其他元素上方的div。我将“文档”添加到代码中，但div仍然无法呈现。谢谢你的帮助…你能用java代码代替brwoser收到的源代码发布完整的html源代码吗？乍一看，你的代码是有道理的。嗯，我认为你的代码是不完整的。我的Firefox抱怨“popupF”元素不存在。是这样吗？谢谢你发帖。正如Brett Smith alerady提到的，我们只需要纯呈现的HTML源代码。我们不知道背景里发生了什么。第一篇文章很好，但只是不完整。作为你发布的html的旁注，我实际上找不到id为popupF的元素-只是检查一下你没有意外地重命名它？你检查过Firefox、Chrome或Safari的错误控制台吗？任何javascript错误都会发生吗？我用实际代码更新了JSFIDLE，如果我替换几个asp块，它就可以正常工作，如果能看到呈现的源代码，那就太好了——我能看到的只有其他东西——在示例代码中没有关闭——如果在实际代码中是这样的话，那么弹出窗口的关闭标记实际上是关闭div bottomA，而popupF永远不会关闭。@Nickrosenscrantz在源代码中没有popupF，它被称为popupsoknam与popupSokNamn2、popupI popupP和sokF（以及另一个没有id的div）一起，这些div还没有关闭。底部似乎还有第二个html文档（标题Pandora-Tekniskt fel）

document.getElementById('popupF').style.display='block'