赋什么值能将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>
多谢!

解决方案 »

  1.   

    下面的代码是我参照以前网友的帖子做出来的,你试试吧,希望对你有所帮助:
    <!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>