- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我在弹出窗口上有一个对话框,我想渲染到顶部的对话框,但现在它显示在弹出窗口下面:
你能告诉我如何在顶部呈现对话框“信息”吗?我的代码是这样的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
诺丁加
<script language="JavaScript1.2">
function doUnload()
{
opener.document.actionForm.action.value='Noteringar';
opener.document.actionForm.actionCommand.value='releaseLock';
opener.document.actionForm.submit();
//opener.releaseLock();
}
</script>
<body id="content" onunload="doUnload()" >
<form name="actionForm" action="PandoraActionServlet" style="display: inline;" method="post">
<input type="hidden" name="currPage" value="/PandoraArendeWeb/arendeprocess_noteringar.jsp" />
<input type="hidden" name="action" value="" />
<input type="hidden" name="actionCommand" value="" />
<input type="hidden" name="actionModifier" value="" />
<input type="hidden" name="notid" value="" />
<input type="hidden" name="textnote" value="" />
<input type="hidden" name="fname" value="Markus " />
<input type="hidden" name="lname" value="Stålö " />
<input type="hidden" name="sign" value="MSTÅ " />
<div class="yta2">
<div class="fl100 TB_nb"> Noteringar 1201186-2 </div>
<div class="clear"> </div>
<div class="clear"> </div>
<div class="fl2"> </div>
<div class="fl95">
<div STYLE="overflow: auto; height: 300;">
<table width="100%" cellspacing="0" cellpadding="2" align="center" class="bb" id="base_table">
<tr>
<th class="thkant" width="15%">Skapad datum</td>
<th class="thkant" width="70%">Text</td>
<th class="thkant" width="15%">Skapad av</td>
</tr>
<tr class="note" id="110">
<td>2012-08-31</td>
<td>Test 7</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
<tr class="note" id="109">
<td>2012-08-31</td>
<td>Test 6</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
<tr class="note" id="108">
<td>2012-08-31</td>
<td>Test 5</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
<tr class="note" id="107">
<td>2012-08-31</td>
<td>Test 4</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
<tr class="note" id="106">
<td>2012-08-31</td>
<td>Test 3</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
<tr class="note" id="105">
<td>2012-08-31</td>
<td>Test 2</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
<tr class="note" id="104">
<td>2012-08-31</td>
<td>Test</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
<tr class="note" id="103">
<td>2012-08-30</td>
<td>Släpp hörnflaggan!</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
<tr class="note" id="102">
<td>2012-08-30</td>
<td>Fotboll är en bollsport?</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
<tr class="note" id="101">
<td>2012-08-30</td>
<td>Glen is the man!!!</td>
<td>Markus Stålö, <br>MSTÅ</td>
</tr>
</table>
</div>
</div>
<div class="clear"> </div>
<div class="fl2"> </div>
<div class="fl30"><input type="button" value="Skapa notering" class="opener_create_note" ></div>
</div>
<div id="new_note">
<div class="clear"> </div>
<div class="fl2"> </div>
<div class="fl15">Text:</div>
<div class="fl65"><textarea cols="60" rows="4" name="newnote" id="write_note"></textarea></div>
<div class="clear"> </div>
<div class="clear"> </div>
<div class="clear"> </div>
<div class="clear"> </div>
<div class="clear"> </div>
</div>
<div id="edit_note">
<div class="clear"> </div>
<div class="fl2"> </div>
<div class="fl15">Text:</div>
<div class="fl65"><textarea cols="60" rows="4" name="editnote" id="change_note"></textarea></div>
<div class="clear"> </div>
<div class="clear"> </div>
<div class="clear"> </div>
<div class="fl2"> </div>
<div class="fl15">Skapad av:</div>
<div class="clear"></div>
<div class="fl2"> </div>
<div class="fl90" id="sname"></div>
</div>
<script language="JavaScript1.2" src="css_js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script language="JavaScript1.2" src="css_js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
<script language="JavaScript1.2" src="css_js/jquery.pandora.globals.js" type="text/javascript"></script>
<SCRIPT language="JavaScript1.2" type="text/javascript">
$(function() {
$('#base_table').css('cursor','pointer');
$('.opener_create_note').click(function() {
$("#new_note").dialog('open');
return false;
});
$("#new_note").dialog({
width:'600', height:'100', draggable:false,
open: function(){
$("#write_note").focus();
},
autoOpen: false, modal:true, show:'fold', hide: 'slide', resizable:false, closeOnEscape: true, title: 'Skapa notering',
buttons: { 'Avbryt': function() {
$('textarea#write_note').val("");
$(this).dialog('close'); },
'Spara': function() {
var text = $('textarea#write_note').val();
//if(text.length > 1000) {
//alert("Fältet får innehålla max 1000 tecken.");
//} else {
if(text.length < 1) {
if (confirm("Noteringen är tom. Vill du fortsätta?")) {
submitNotering('Noteringar','ny', '', text);
$(this).dialog('close');
}
} else {
if(text.length < 1000){
submitNotering('Noteringar','ny', '', text);
$(this).dialog('close');
} else {
//alert("Fältet får innehålla max 1000 tecken.");
//submitNotering('Noteringar','max1000', '', text);
doAsk('Information', '<ul><li id="message_info_0">Fältet får innehålla max 1000 tecken.</li></ul>','' ,'','','');
}
}
//}
}
}
}
);
$('.note').click(function() {
var $nr = $(this).attr('id');
$("#edit_note").data("rid", $nr);
$("#edit_note").dialog('open');
var $currText = "";
var $currSkapad = "";
var $currNamn = "";
var $tds = $(this).find('td');
if($tds.length != 0) {
$currSkapad = $tds.eq(0).text();
$currText = $tds.eq(1).text();
$currNamn = $tds.eq(2).text() + ", ";
$.trim($currNamn);
}
$("textarea#change_note").val($currText);
$("#sname").text($currNamn + $currSkapad);
return false;
});
$("#edit_note").dialog({
width:'600', height:'100', draggable:false, autoOpen: false, modal:true, show:'fold', hide: 'slide', resizable:false, closeOnEscape: true, title: 'Ändra notering',
buttons: { 'Ta bort': function() {
if (confirm("Vill du ta bort noteringen?")) {
submitNotering('Noteringar','tabort', $(this).data("rid"), '');
$(this).dialog('close');
} },
'Avbryt': function() {
$(this).dialog('close'); },
'Spara': function() {
var text = $('textarea#change_note').val();
if(text.length > 1000) {
alert("Fältet får innehålla max 1000 tecken.");
} else {
if(text.length < 1) {
if (confirm("Noteringen är tom. Vill du fortsätta?")) {
submitNotering('Noteringar','spara', $(this).data("rid"), text);
$(this).dialog('close');
}
} else {
submitNotering('Noteringar','spara', $(this).data("rid"), text);
$(this).dialog('close');
}
}
}
}
});
});
</SCRIPT>
</form>
</body>
</html>
CSS:
#dialog {position:absolute; width:425px; padding:0px; margin-top:50px; z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:425px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-content {display:block; height:160px; padding:6px; color:#666666; font-size:75%}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.40; filter:alpha(opacity=40); z-index:100}
.prompt {background-color: #FFFFFF; bottom right no-repeat; border:3px solid #000000; border-top:none}
.promptheader {background-color: #FFFFFF; repeat-x; color:#355468; border:3px solid #000000; border-bottom:none}
.dialogbuttonlink{background: none;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
color: #003366;
text-decoration: underline;
font-weight: bold; }
* body{
margin: 0px;
}
#top {
position: absolute;
left: 0px;
top: 0px;
height: 35px;
width: 100%
}
#av_ikoner {
position: absolute;
right: 200px;
display: inline;
}
#av_logga {
float: right;
right: 5px;
display: inline;
text-align: right;
margin-right: 20px;
}
#flikkant {
position: absolute;
left: 0px;
top: 50px;
height: 35px;
width: 100%;
padding-left: 16px;
padding-top: 8px;
margin-bottom: 0px;
}
#sub {
position: absolute;
left: 0px;
top: 85px;
height: 10px;
width: 100%;
padding-left: 16px;
padding-top: 2px;
margin-bottom: 10px;
}
#yta {
position: absolute;
left: 15px;
right: 15px;
top: 105px;
padding: 4px;
}
#popupD {
position: absolute;
top: 1750px;
left: 180px;
height: 125px;
width: 1075px;
}
#popupS {
position: absolute;
top: 1750px;
left: 300px;
height: 125px;
}
#popupP {
position: absolute;
top: 1600px;
left: 300px;
height: 125px;
}
#popupSokNamn {
position: absolute;
top: 200px;
width: 600px;
left: 400px;
height: 800px;
}
#popupSokNamn2 {
position: absolute;
top: 950px;
width: 600px;
left: 400px;
height: 800px;
}
#popupR {
position: absolute;
top: 1700px;
left: 200px;
height: 50px;
}
#popupI {
position: absolute;
top: 700px;
left: 300px;
right: 1%;
height: auto;
}
#popupF {
position: absolute;
top: 280px;
left: 300px;
right: 25%;
height: auto;
}
#popupA {
position: absolute;
top: 300px;
left: 300px;
right: 1%;
height: auto;
}
#popupU {
position: absolute;
top: 300px;
left: 300px;
right: 1%;
height: auto;
}
#popupO {
position: absolute;
top: 300px;
left: 300px;
right: 1%;
height: auto;
}
#popupEPn {
position: absolute;
top: 300px;
left: 300px;
right: 1%;
height: auto;
}
#popupEPa {
position: absolute;
top: 300px;
left: 300px;
right: 1%;
height: auto;
}
#rappALL
,
#rappAE
,
#rappFJ
,
#rappKO
,
#rappPT
,
#rappUZ
,
#rappX
,
{
height
:
600
px
;
overflow
:
auto
;
width
:
100%;
}
#klassTB {
height: 100px;
overflow: auto;
width: 100%;
}
#popupD1 {
position: absolute;
left: 250px;
height: 125px;
}
.yta2 {
display: inline;
width: 100%;
padding-left: 5px;
}
#L-col {
display: inline;
width: 65%;
}
#R-col {
display: inline;
width: 35%;
}
#box {
width: 400px;
padding: 8px;
margin-top: 10px;
margin-bottom: 100px;
}
#scroll {
height: 680px !important;
overflow: auto;
}
最佳答案
堆叠由position
、z-index
和文档顺序的组合控制。例如,relative
block 将显示在 static
之上,即使静态出现在文档的后面也是如此。
这里有一个网站,非常适合试验和熟悉属性如何交互:http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp
要回答您的问题,因为您的弹出窗口已经是 absolute
,您可能只需要将它们的 z-index
设置为 1
或更大.
关于html - 如何在顶部呈现我的对话框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12211093/
我有一个删除按钮,单击该按钮时我希望弹出一个对话框,然后单击“确定”它应该执行 Ajax 调用,否则不应该执行任何操作。这是代码 $('.comment-delete').click(function
public void exitGame() { //pop up dialogue Platform.exit(); } 我已经尝试了很多我在互联网上看到的不同的东西,但我什么都做不了。我所
我有一个典型的素面对话框,效果很好,但是当有人在对话框外单击时,我找不到任何关闭它的选项。我看到了一些jquery示例,我想我可以将其改编为primefaces对话框,但首先要确保还没有解决方案? 谢
我试图让 jquery 对话框在单击按钮时启动,但似乎不起作用。任何帮助将不胜感激: $('#wrapper').dialog({ autoOpen: false,
我试图单独更改标题栏颜色。所以我使用了 .ui-dialog-titlebar ,但它不起作用,所以我尝试使用 ui-widght-header ,它也反射(reflect)到数据表..请告知。 //
我的页面上有 div(box),我正在使用此脚本将 div 显示为对话框。在该 div 内,我有一个超链接,单击该超链接时,我想淡出对话框并关闭。对话框的内容淡出,但对话框的边框保持不变。如果我将 $
我当前有一个对话框,其内容有两个输入(这两个输入使用 .datepicker())。当我打开对话框时,第一个输入成为焦点,并且第一个日期选择器自动出现。我尝试隐藏 div 并模糊输入,但这会导致日期选
我想即时创建一个 jQuery 对话框。我正在使用这个: var newDiv = $(document.createElement('div')); $(newDiv).html('hello th
child: RaisedButton( color: const Color(0xFF5867DD), onPressed: (){ updateProfilePic();
我有下面的 jquery 代码,我已根据我的要求对其进行了自定义,但存在一些问题。首先,用户单击“单击此处”,不会显示对话框。当用户单击“关闭”时,对话框不会消失。非常感谢您提供的所有帮助。
如何创建一个对话框,该对话框的顶部有一个文本,其下方有一个空白区域,用户可以在其中键入内容,在右侧下方有一个 OKAY 按钮,当您单击该按钮时,对话框消失? 像这样: 最佳答案 String inpu
这是一个简单得多的问题。 private static AplotBaseDialog dlg; public Object execute(final ExecutionEvent event) t
我正在为我的应用程序开发小部件。应该有一些小部件可以实现相同的功能,唯一的区别在于它们的布局(主题/外观) 我会创建一个对话框或屏幕,用户可以在其中选择他喜欢的小部件。当我选择它们时,我在很多小部件中
我有 jQuery 对话框窗口,在某些操作中我有一个加载的 blockUI 插件。 我面临的问题是,即使 AJAX 图像仍在显示,我仍然能够在执行 ajax 操作时执行操作。 另一方面,JSP 页面在
我非常熟悉将 jQuery 对话框 div 设置为可见后将其附加到表单元素的技巧。我已经在 .NET 中这样做了一百次左右,而且效果很好!然而,我正在尝试在 Coldfusion 网站上执行此操作,这
我想使用jquery对话框来收集用户信息(例如用户名)。我如何使用 Jquery 做到这一点并将数据收集到 Javascript 变量中? 这是我迄今为止的尝试: // Dialog here, ho
如何设置 jquery 对话框按钮的工具提示?请参阅下面的内容...这里没有 id 或样式类。 jQuery("#dialog-form").dialog ({ autoOpen: false,
我有调用对话框的 JS 函数 function SomeFunction { $('#editformdialog').dialog('open'); } 这显然已经简化了。但是,我得到 a is u
我正在使用 jquery 模式对话框来显示部分 View 中的数据表。在部分 View 中,我有一些脚本,用于将 HTML 表更改为 jquery DataTables。因此,我需要确保表格在对话框中
我正在尝试添加透明的 JQuery 对话框。但我遇到了两个问题: 文本“Hello”的背景不会变得透明 删除标题栏后,我无法再拖动对话框 这些评论是我迄今为止尝试过的。 //Create ne
我是一名优秀的程序员,十分优秀!