Html 如何在顶部呈现我的对话框?
我在弹出窗口上有一个对话框,我想渲染到顶部的对话框,但现在它显示在弹出窗口下:Html 如何在顶部呈现我的对话框?,html,css,layer,Html,Css,Layer,我在弹出窗口上有一个对话框,我想渲染到顶部的对话框,但现在它显示在弹出窗口下: <script language="JavaScript1.2"> function doUnload() { opener.document.actionForm.action.value='Noteringar'; opener.document.actionForm.actionComm
<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>
你能告诉我如何在上面呈现对话框“信息”吗?我的密码是
<!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>
堆叠由
位置
、z索引
和文档顺序的组合控制。例如,相对
块将显示在静态
块的顶部,即使静态块稍后出现在文档中
<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>
这里有一个网站,有助于您试验和熟悉这些属性的交互方式:
<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>
要回答您的问题,因为您的弹出窗口已经是绝对的,您可能只需要将它们的
z-index
设置为1
或更大。神奇的单词是z-index
!我可能不会选择这么高的数字。找出要显示在上面的元素的z索引,并在顶部进行几次搜索。这样,如果你有更多的对话框,你需要在顶部,你可以更好地管理数字
<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>