赋什么值能将div总是显示在屏幕的中央
屏幕中共有两个按钮,我 想在单击较上的一个时在该位置的屏幕中央显示,
当滚动到较下的一个按钮时本代码还是在上一次显示的位置,而不是该此位置的屏幕中央显示,
需要滚动条才看得见div层
用我试一下好吗?顺便问一下大家,大家用什么编辑器定javascript,怎样记得这么多的对象属性,
用VS.Net没有 梅花雨 写的这些属性提示?
-----------------------------------------------
<html>
<head>
<script language="javascript">
function switchSpan(spanId){0D
if(document.all[spanId].style.visibility=="visible")
document.all[spanId].style.visibility="hidden";
else{
document.all[spanId].style.visibility="visible";
document.all[spanId].style.left=screen.availWidth/2-315;
/*怎样设置在屏幕的中央,不要用50这种*/
document.all[spanId].style.top=screen.availHeight/2-76;
}
}
</script>
<script language="JavaScript">
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
<style> <!--.drag{
position:relative;
cursor:hand;
background-color: #3399CC;
0Avisibility: hidden;
width: 315px;
height: 76px;
border: 1pt solid #000000;
0A}--></style>
</head>
<body bgcolor="#ffffff" text="#000000">
<div title="移动窗口" id="post" class="drag" name="post">发贴<a href='javascript:switchSpan("post")'>关闭<img alt="关闭发贴窗口"></a>
<table style="cursor:default" width="100" height="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr>
<td>
<input type="text">
<br>
<input type="text">
<br>
<input type="button" value="button"></td>
</tr>
</table>
</div>
<input type="button" value="发贴" onclick='switchSpan("post")'> f f f f fff f ff
f f f ff ff<p></p>
f<p></p>
f f ff ff<p></p>
f ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f f<p></p>
ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f f ff ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f ff<p></p>
f f ff ff<p></p>
<input type="button" value="发贴" onclick='switchSpan("post")' ID="Button1" NAME="Button1">
f ff<p></p>
f
</body>
</html>
多谢!
屏幕中共有两个按钮,我 想在单击较上的一个时在该位置的屏幕中央显示,
当滚动到较下的一个按钮时本代码还是在上一次显示的位置,而不是该此位置的屏幕中央显示,
需要滚动条才看得见div层
用我试一下好吗?顺便问一下大家,大家用什么编辑器定javascript,怎样记得这么多的对象属性,
用VS.Net没有 梅花雨 写的这些属性提示?
-----------------------------------------------
<html>
<head>
<script language="javascript">
function switchSpan(spanId){0D
if(document.all[spanId].style.visibility=="visible")
document.all[spanId].style.visibility="hidden";
else{
document.all[spanId].style.visibility="visible";
document.all[spanId].style.left=screen.availWidth/2-315;
/*怎样设置在屏幕的中央,不要用50这种*/
document.all[spanId].style.top=screen.availHeight/2-76;
}
}
</script>
<script language="JavaScript">
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</script>
<style> <!--.drag{
position:relative;
cursor:hand;
background-color: #3399CC;
0Avisibility: hidden;
width: 315px;
height: 76px;
border: 1pt solid #000000;
0A}--></style>
</head>
<body bgcolor="#ffffff" text="#000000">
<div title="移动窗口" id="post" class="drag" name="post">发贴<a href='javascript:switchSpan("post")'>关闭<img alt="关闭发贴窗口"></a>
<table style="cursor:default" width="100" height="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#eeeeee">
<tr>
<td>
<input type="text">
<br>
<input type="text">
<br>
<input type="button" value="button"></td>
</tr>
</table>
</div>
<input type="button" value="发贴" onclick='switchSpan("post")'> f f f f fff f ff
f f f ff ff<p></p>
f<p></p>
f f ff ff<p></p>
f ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f f<p></p>
ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f f ff ff<p></p>
f<p></p>
f<p></p>
f<p></p>
f<p></p>
f ff<p></p>
f f ff ff<p></p>
<input type="button" value="发贴" onclick='switchSpan("post")' ID="Button1" NAME="Button1">
f ff<p></p>
f
</body>
</html>
多谢!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<TITLE></TITLE>
<script language="javascript">
function AddText(NewCode)
{
document.frmPost.txtContent.value+=NewCode
}function insertAtCaret (textEl, text)
{
if (textEl.createTextRange && textEl.caretPos)
{
var caretPos = textEl.caretPos;
caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text + ' ' : text;
}
else
textEl.value = text;
}
function fontchuli(promptMessage,promptDefStr,textEl)
{
var text="null";
if (textEl.createTextRange && textEl.caretPos)
{
var caretPos = textEl.caretPos;
}
else
textEl.value = '';
var range = document.selection.createRange();
if ((document.selection.length!=0)&&(document.selection.type == "Text"))
{
var ch_text=range.text;
range.text = fontbegin + ch_text + fontend;
}
else
{
insertText=prompt(promptMessage,promptDefStr);
if(insertText=="")
{
alert("你没有输入需要UBB格式化的文字!请重试。"+"\r\n\r\n你也可以先在文本框中选中文字,然后单击UBB功能按钮。");
return;
}
caretPos.text =caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?text+ ' ' :fontbegin+insertText+fontend ;
//document.frmPost.txtContent.value+=fontbegin+insertText+fontend;
document.frmPost.txtContent.focus();
}
}function bold()
{
promptMessage="请输入需要加粗的文字";
promptDefStr="";
fontbegin="";
fontend="";
fontchuli(promptMessage,promptDefStr,document.frmPost.txtContent);
}function italicize()
{
promptMessage="请输入需要变斜的文字";
promptDefStr="";
fontbegin="";
fontend="";
fontchuli(promptMessage,promptDefStr,document.frmPost.txtContent);
}function hyperlink()
{
txt2=prompt("请输入需要加上超级链接的链接文字.\n若欲显示超级链接地址,则不输入。","");
if (txt2!=null)
{
txt=prompt("超级链接的URL,也支持形如:FTP://………的形式。","http://");
if (txt!=null)
{
if (txt2=="")
{
AddTxt=""+txt+"";
AddText(AddTxt);
}
else
{
AddTxt=""+txt2+"";
AddText(AddTxt);
}
}
}
}function storeCaret (textEl)
{
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();
}
</script>
<META NAME="GENERATOR" Content="Microsoft FrontPage 4.0">
</HEAD>
<BODY>
<form name="frmPost">
<input type="button" onclick="bold()" value="B">
<input type="button" onclick="italicize()" value="I">
<input type="button" onclick="hyperlink()" value="链接">
<textarea cols="60" rows="10" name="txtContent" ONSELECT="storeCaret(this);" ONCLICK="storeCaret(this);" ONKEYUP="storeCaret(this);"></textarea>
<input type=button value=检验 onclick="validate()">
</form>
</BODY>
</HTML>