新浪博客的提示窗口javascript
2007-11-01 09:48
218 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新浪博客的提示窗口，推荐！</title>
<scrīpt language=javascrīpt type=text/javascrīpt>
function setCopy(_sTxt){try{clipboardData.setData('Text',_sTxt)}catch(e){}}
function dialog(){
var titile = '';
var width = 300;
var height = 180;
var src = "";
var path = "";
var sFunc = '<input id="dialogOk" type="button" style="width:62px;height:22px;border:0;background:url(/'http:////www.butong.net//other//061111//smb_btn_bg.gif/');line-height:20px;" value="确认" ōnclick="new dialog().reset();" /> <input id="dialogCancel" type="button" style="width:62px;height:22px;border:0;background:url(/'http:////www.butong.net//other//061111//smb_btn_bg.gif/');line-height:20px;" value="取消" ōnclick="new dialog().reset();" />';
var sClose = '<input type="image" id="dialogBoxClose" ōnclick="new dialog().reset();" src="http:////www.butong.net//other//061111//dialogClose0.gif" border="0" width="17" height="17" ōnmouseover="this.src=/'http:////www.butong.net//other//061111//dialogCloseF.gif/';" ōnmouseout="this.src=/'http:////www.butong.net//other//061111//dialogClose0.gif/';" align="absmiddle" />';
var sBody = '/
<table id="dialogBodyBox" border="0" align="center" cellpadding="0" cellspacing="0">/
<tr height="10"><td colspan="4"></td></tr>/
<tr>/
<td width="10"></td>/
<td width="80" align="center" valign="absmiddle"><img id="dialogBoxFace" src="http:////www.butong.net//other//061111//3.gif" /></td>/
<td id="dialogMsg" style="font-size:12px;color:#000;"></td>/
<td width="10"></td>/
</tr>/
<tr height="10"><td colspan="4" align="center"></td></tr>/
<tr><td id="dialogFunc" colspan="4" align="center">' + sFunc + '</td></tr>/
<tr height="10"><td colspan="4" align="center"></td></tr>/
</table>/
';
var sBox = '/
<table id="dialogBox" width="' + width + '" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #000;display:none;z-index:10;">/
<tr height="1" bgcolor="#D6E3EB"><td></td></tr>/
<tr height="25" bgcolor="#6795B4">/
<td>/
<table ōnselectstart="return false;" style="-moz-user-select:none;" width="100%" border="0" cellpadding="0" cellspacing="0">/
<tr>/
<td width="6"></td>/
<td id="dialogBoxTitle" ōnmousedown="new dialog().moveStart(event, /'dialogBox/')" style="color:#fff;cursor:move;font-size:12px;font-weight:bold;">系统提示信息</td>/
<td id="dialogClose" width="27" align="right" valign="middle">/
' + sClose + '/
</td>/
<td width="6"></td>/
</tr>/
</table>/
</td>/
</tr>/
<tr height="2" bgcolor="#EDEDED"><td></td></tr>/
<tr id="dialogHeight" style="height:' + height + '">/
<td id="dialogBody" style="background:#fff;color:#000;">' + sBody + '</td>/
</tr>/
</table>/
<div id="dialogBoxShadow" style="display:none;z-index:9;"></div>/
';
function $(_sId){return document.getElementById(_sId)}
this.show = function(){$('dialogBodyBox') ? function(){} : this.init();this.middle('dialogBox');this.shadow();}
this.reset = function(){this.hideModule('select', '');$('dialogBox').style.display='none';$('dialogBoxShadow').style.display = "none";$('dialogBody').innerHTML = sBody;}
this.html = function(_sHtml){$("dialogBody").innerHTML = _sHtml;this.show();}
this.init = function(){
$('dialogCase') ? $('dialogCase').parentNode.removeChild($('dialogCase')) : function(){};
var ōDiv = document.createElement('span');
oDiv.id = "dialogCase";
oDiv.innerHTML = sBox;
document.body.appendChild(oDiv);
}
this.button = function(_sId, _sFuc){
if($(_sId)){
$(_sId).style.display = '';
if($(_sId).addEventListener){
if($(_sId).act){$(_sId).removeEventListener('click', function(){eval($(_sId).act)}, false);}
$(_sId).act = _sFuc;
$(_sId).addEventListener('click', function(){eval(_sFuc)}, false);
}else{
if($(_sId).act){$(_sId).detachEvent('onclick', function(){eval($(_sId).act)});}
$(_sId).act = _sFuc;
$(_sId).attachEvent('onclick', function(){eval(_sFuc)});
}
}
}
this.shadow = function(){
var ōShadow = $('dialogBoxShadow');
var ōDialog = $('dialogBox');
oShadow['style']['position'] = "absolute";
oShadow['style']['background'] = "#000";
oShadow['style']['display'] = "";
oShadow['style']['opacity'] = "0.2";
oShadow['style']['filter'] = "alpha(opacity=20)";
oShadow['style']['top'] = oDialog.offsetTop + 6;
oShadow['style']['left'] = oDialog.offsetLeft + 6;
oShadow['style']['width'] = oDialog.offsetWidth;
oShadow['style']['height'] = oDialog.offsetHeight;
}
this.open = function(_sUrl, _sMode){
this.show();
if(!_sMode || _sMode == "no" || _sMode == "yes"){
$("dialogBody").innerHTML = "<iframe id='dialogFrame' width='100%' height='100%' frameborder='0' scrolling='" + _sMode + "'></iframe>";
$("dialogFrame").src = _sUrl;
}
}
this.showWindow = function(_sUrl, _iWidth, _iHeight, _sMode){
var oWindow;
var sLeft = (screen.width) ? (screen.width - _iWidth)/2 : 0;
var sTop = (screen.height) ? (screen.height - _iHeight)/2 : 0;
if(window.showModalDialog && _sMode == "m"){
oWindow = window.showModalDialog(_sUrl,"","dialogWidth:" + _iWidth + "px;dialogheight:" + _iHeight + "px");
} else {
oWindow = window.open(_sUrl, '', 'height=' + _iHeight + ', width=' + _iWidth + ', top=' + sTop + ', left=' + sLeft + ', toolbar=no, menubar=no, scrollbars=' + _sMode + ', resizable=no,location=no, status=no');
}
}
this.event = function(_sMsg, _sOk, _sCancel, _sClose){
$('dialogFunc').innerHTML = sFunc;
$('dialogClose').innerHTML = sClose;
$('dialogBodyBox') == null ? $('dialogBody').innerHTML = sBody : function(){};
$('dialogMsg') ? $('dialogMsg').innerHTML = _sMsg : function(){};
this.show();
_sOk ? this.button('dialogOk', _sOk) | $('dialogOk').focus() : $('dialogOk').style.display = 'none';
_sCancel ? this.button('dialogCancel', _sCancel) : $('dialogCancel').style.display = 'none';
_sClose ? this.button('dialogBoxClose', _sClose) : function(){};
//_sOk ? this.button('dialogOk', _sOk) : _sOk == "" ? function(){} : $('dialogOk').style.display = 'none';
//_sCancel ? this.button('dialogCancel', _sCancel) : _sCancel == "" ? function(){} : $('dialogCancel').style.display = 'none';
}
this.set = function(_oAttr, _sVal){
var ōShadow = $('dialogBoxShadow');
var ōDialog = $('dialogBox');
var ōHeight = $('dialogHeight');
if(_sVal != ''){
switch(_oAttr){
case 'title':
$('dialogBoxTitle').innerHTML = _sVal;
title = _sVal;
break;
case 'width':
oDialog['style']['width'] = _sVal;
width = _sVal;
break;
case 'height':
oHeight['style']['height'] = _sVal;
height = _sVal;
break;
case 'src':
if(parseInt(_sVal) > 0){
$('dialogBoxFace') ? $('dialogBoxFace').src = path + _sVal + '.gif' : function(){};
}else{
$('dialogBoxFace') ? $('dialogBoxFace').src = _sVal : function(){};
}
src = _sVal;
break;
}
}
this.middle('dialogBox');
oShadow['style']['top'] = oDialog.offsetTop + 6;
oShadow['style']['left'] = oDialog.offsetLeft + 6;
oShadow['style']['width'] = oDialog.offsetWidth;
oShadow['style']['height'] = oDialog.offsetHeight;
}
this.moveStart = function (event, _sId){
var ōObj = $(_sId);
oObj.onmousemove = mousemove;
oObj.onmouseup = mouseup;
oObj.setCapture ? oObj.setCapture() : function(){};
oEvent = window.event ? window.event : event;
var dragData = {x : oEvent.clientX, y : oEvent.clientY};
var backData = {x : parseInt(oObj.style.top), y : parseInt(oObj.style.left)};
function mousemove(){
var ōEvent = window.event ? window.event : event;
var iLeft = oEvent.clientX - dragData["x"] + parseInt(oObj.style.left);
var iTop = oEvent.clientY - dragData["y"] + parseInt(oObj.style.top);
oObj.style.left = iLeft;
oObj.style.top = iTop;
$('dialogBoxShadow').style.left = iLeft + 6;
$('dialogBoxShadow').style.top = iTop + 6;
dragData = {x: oEvent.clientX, y: oEvent.clientY};
}
function mouseup(){
var ōEvent = window.event ? window.event : event;
oObj.onmousemove = null;
oObj.onmouseup = null;
if(oEvent.clientX < 1 || oEvent.clientY < 1 || oEvent.clientX > document.body.clientWidth || oEvent.clientY > document.body.clientHeight){
oObj.style.left = backData.y;
oObj.style.top = backData.x;
$('dialogBoxShadow').style.left = backData.y + 6;
$('dialogBoxShadow').style.top = backData.x + 6;
}
oObj.releaseCapture ? oObj.releaseCapture() : function(){};
}
}
this.hideModule = function(_sType, _sDisplay){
var aIframe = parent.document.getElementsByTagName("iframe");aIframe=0;
var aType = document.getElementsByTagName(_sType);
var iChildObj, iChildLen;
for (var i = 0; i < aType.length; i++){
aType[i].style.display = _sDisplay;
}
for (var j = 0; j < aIframe.length; j++){
iChildObj = document.frames ? document.frames[j] : aIframe[j].contentWindow;
iChildLen = iChildObj.document.body.getElementsByTagName(_sType).length;
for (var k = 0; k < iChildLen; k++){
iChildObj.document.body.getElementsByTagName(_sType)[k].style.display = _sDisplay;
}
}
}
this.middle = function(_sId){
document.getElementById(_sId)['style']['display'] = '';
document.getElementById(_sId)['style']['position'] = "absolute";
document.getElementById(_sId)['style']['left'] = (document.body.clientWidth / 2) - (document.getElementById(_sId).offsetWidth / 2);
document.getElementById(_sId)['style']['top'] = (document.body.clientHeight / 2 + document.body.scrollTop) - (document.getElementById(_sId).offsetHeight / 2);
}
}
</scrīpt>
</head>
<BODY>
<A ōnclick="setCopy('http://www.butong.net');new dialog().event(' 已经把该网页特效库网址复制到系统剪贴板，您可以使用（Ctrl+V或鼠标右键）粘贴功能，通过其他软件记录或发送给您的朋友。','void 0')" href="javascrīpt:;">http://www.butong.net 点击复制 </A>
<scrīpt language=javascrīpt type=text/javascrīpt>new dialog().init();</scrīpt>
</BODY></HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新浪博客的提示窗口，推荐！</title>
<scrīpt language=javascrīpt type=text/javascrīpt>
function setCopy(_sTxt){try{clipboardData.setData('Text',_sTxt)}catch(e){}}
function dialog(){
var titile = '';
var width = 300;
var height = 180;
var src = "";
var path = "";
var sFunc = '<input id="dialogOk" type="button" style="width:62px;height:22px;border:0;background:url(/'http:////www.butong.net//other//061111//smb_btn_bg.gif/');line-height:20px;" value="确认" ōnclick="new dialog().reset();" /> <input id="dialogCancel" type="button" style="width:62px;height:22px;border:0;background:url(/'http:////www.butong.net//other//061111//smb_btn_bg.gif/');line-height:20px;" value="取消" ōnclick="new dialog().reset();" />';
var sClose = '<input type="image" id="dialogBoxClose" ōnclick="new dialog().reset();" src="http:////www.butong.net//other//061111//dialogClose0.gif" border="0" width="17" height="17" ōnmouseover="this.src=/'http:////www.butong.net//other//061111//dialogCloseF.gif/';" ōnmouseout="this.src=/'http:////www.butong.net//other//061111//dialogClose0.gif/';" align="absmiddle" />';
var sBody = '/
<table id="dialogBodyBox" border="0" align="center" cellpadding="0" cellspacing="0">/
<tr height="10"><td colspan="4"></td></tr>/
<tr>/
<td width="10"></td>/
<td width="80" align="center" valign="absmiddle"><img id="dialogBoxFace" src="http:////www.butong.net//other//061111//3.gif" /></td>/
<td id="dialogMsg" style="font-size:12px;color:#000;"></td>/
<td width="10"></td>/
</tr>/
<tr height="10"><td colspan="4" align="center"></td></tr>/
<tr><td id="dialogFunc" colspan="4" align="center">' + sFunc + '</td></tr>/
<tr height="10"><td colspan="4" align="center"></td></tr>/
</table>/
';
var sBox = '/
<table id="dialogBox" width="' + width + '" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #000;display:none;z-index:10;">/
<tr height="1" bgcolor="#D6E3EB"><td></td></tr>/
<tr height="25" bgcolor="#6795B4">/
<td>/
<table ōnselectstart="return false;" style="-moz-user-select:none;" width="100%" border="0" cellpadding="0" cellspacing="0">/
<tr>/
<td width="6"></td>/
<td id="dialogBoxTitle" ōnmousedown="new dialog().moveStart(event, /'dialogBox/')" style="color:#fff;cursor:move;font-size:12px;font-weight:bold;">系统提示信息</td>/
<td id="dialogClose" width="27" align="right" valign="middle">/
' + sClose + '/
</td>/
<td width="6"></td>/
</tr>/
</table>/
</td>/
</tr>/
<tr height="2" bgcolor="#EDEDED"><td></td></tr>/
<tr id="dialogHeight" style="height:' + height + '">/
<td id="dialogBody" style="background:#fff;color:#000;">' + sBody + '</td>/
</tr>/
</table>/
<div id="dialogBoxShadow" style="display:none;z-index:9;"></div>/
';
function $(_sId){return document.getElementById(_sId)}
this.show = function(){$('dialogBodyBox') ? function(){} : this.init();this.middle('dialogBox');this.shadow();}
this.reset = function(){this.hideModule('select', '');$('dialogBox').style.display='none';$('dialogBoxShadow').style.display = "none";$('dialogBody').innerHTML = sBody;}
this.html = function(_sHtml){$("dialogBody").innerHTML = _sHtml;this.show();}
this.init = function(){
$('dialogCase') ? $('dialogCase').parentNode.removeChild($('dialogCase')) : function(){};
var ōDiv = document.createElement('span');
oDiv.id = "dialogCase";
oDiv.innerHTML = sBox;
document.body.appendChild(oDiv);
}
this.button = function(_sId, _sFuc){
if($(_sId)){
$(_sId).style.display = '';
if($(_sId).addEventListener){
if($(_sId).act){$(_sId).removeEventListener('click', function(){eval($(_sId).act)}, false);}
$(_sId).act = _sFuc;
$(_sId).addEventListener('click', function(){eval(_sFuc)}, false);
}else{
if($(_sId).act){$(_sId).detachEvent('onclick', function(){eval($(_sId).act)});}
$(_sId).act = _sFuc;
$(_sId).attachEvent('onclick', function(){eval(_sFuc)});
}
}
}
this.shadow = function(){
var ōShadow = $('dialogBoxShadow');
var ōDialog = $('dialogBox');
oShadow['style']['position'] = "absolute";
oShadow['style']['background'] = "#000";
oShadow['style']['display'] = "";
oShadow['style']['opacity'] = "0.2";
oShadow['style']['filter'] = "alpha(opacity=20)";
oShadow['style']['top'] = oDialog.offsetTop + 6;
oShadow['style']['left'] = oDialog.offsetLeft + 6;
oShadow['style']['width'] = oDialog.offsetWidth;
oShadow['style']['height'] = oDialog.offsetHeight;
}
this.open = function(_sUrl, _sMode){
this.show();
if(!_sMode || _sMode == "no" || _sMode == "yes"){
$("dialogBody").innerHTML = "<iframe id='dialogFrame' width='100%' height='100%' frameborder='0' scrolling='" + _sMode + "'></iframe>";
$("dialogFrame").src = _sUrl;
}
}
this.showWindow = function(_sUrl, _iWidth, _iHeight, _sMode){
var oWindow;
var sLeft = (screen.width) ? (screen.width - _iWidth)/2 : 0;
var sTop = (screen.height) ? (screen.height - _iHeight)/2 : 0;
if(window.showModalDialog && _sMode == "m"){
oWindow = window.showModalDialog(_sUrl,"","dialogWidth:" + _iWidth + "px;dialogheight:" + _iHeight + "px");
} else {
oWindow = window.open(_sUrl, '', 'height=' + _iHeight + ', width=' + _iWidth + ', top=' + sTop + ', left=' + sLeft + ', toolbar=no, menubar=no, scrollbars=' + _sMode + ', resizable=no,location=no, status=no');
}
}
this.event = function(_sMsg, _sOk, _sCancel, _sClose){
$('dialogFunc').innerHTML = sFunc;
$('dialogClose').innerHTML = sClose;
$('dialogBodyBox') == null ? $('dialogBody').innerHTML = sBody : function(){};
$('dialogMsg') ? $('dialogMsg').innerHTML = _sMsg : function(){};
this.show();
_sOk ? this.button('dialogOk', _sOk) | $('dialogOk').focus() : $('dialogOk').style.display = 'none';
_sCancel ? this.button('dialogCancel', _sCancel) : $('dialogCancel').style.display = 'none';
_sClose ? this.button('dialogBoxClose', _sClose) : function(){};
//_sOk ? this.button('dialogOk', _sOk) : _sOk == "" ? function(){} : $('dialogOk').style.display = 'none';
//_sCancel ? this.button('dialogCancel', _sCancel) : _sCancel == "" ? function(){} : $('dialogCancel').style.display = 'none';
}
this.set = function(_oAttr, _sVal){
var ōShadow = $('dialogBoxShadow');
var ōDialog = $('dialogBox');
var ōHeight = $('dialogHeight');
if(_sVal != ''){
switch(_oAttr){
case 'title':
$('dialogBoxTitle').innerHTML = _sVal;
title = _sVal;
break;
case 'width':
oDialog['style']['width'] = _sVal;
width = _sVal;
break;
case 'height':
oHeight['style']['height'] = _sVal;
height = _sVal;
break;
case 'src':
if(parseInt(_sVal) > 0){
$('dialogBoxFace') ? $('dialogBoxFace').src = path + _sVal + '.gif' : function(){};
}else{
$('dialogBoxFace') ? $('dialogBoxFace').src = _sVal : function(){};
}
src = _sVal;
break;
}
}
this.middle('dialogBox');
oShadow['style']['top'] = oDialog.offsetTop + 6;
oShadow['style']['left'] = oDialog.offsetLeft + 6;
oShadow['style']['width'] = oDialog.offsetWidth;
oShadow['style']['height'] = oDialog.offsetHeight;
}
this.moveStart = function (event, _sId){
var ōObj = $(_sId);
oObj.onmousemove = mousemove;
oObj.onmouseup = mouseup;
oObj.setCapture ? oObj.setCapture() : function(){};
oEvent = window.event ? window.event : event;
var dragData = {x : oEvent.clientX, y : oEvent.clientY};
var backData = {x : parseInt(oObj.style.top), y : parseInt(oObj.style.left)};
function mousemove(){
var ōEvent = window.event ? window.event : event;
var iLeft = oEvent.clientX - dragData["x"] + parseInt(oObj.style.left);
var iTop = oEvent.clientY - dragData["y"] + parseInt(oObj.style.top);
oObj.style.left = iLeft;
oObj.style.top = iTop;
$('dialogBoxShadow').style.left = iLeft + 6;
$('dialogBoxShadow').style.top = iTop + 6;
dragData = {x: oEvent.clientX, y: oEvent.clientY};
}
function mouseup(){
var ōEvent = window.event ? window.event : event;
oObj.onmousemove = null;
oObj.onmouseup = null;
if(oEvent.clientX < 1 || oEvent.clientY < 1 || oEvent.clientX > document.body.clientWidth || oEvent.clientY > document.body.clientHeight){
oObj.style.left = backData.y;
oObj.style.top = backData.x;
$('dialogBoxShadow').style.left = backData.y + 6;
$('dialogBoxShadow').style.top = backData.x + 6;
}
oObj.releaseCapture ? oObj.releaseCapture() : function(){};
}
}
this.hideModule = function(_sType, _sDisplay){
var aIframe = parent.document.getElementsByTagName("iframe");aIframe=0;
var aType = document.getElementsByTagName(_sType);
var iChildObj, iChildLen;
for (var i = 0; i < aType.length; i++){
aType[i].style.display = _sDisplay;
}
for (var j = 0; j < aIframe.length; j++){
iChildObj = document.frames ? document.frames[j] : aIframe[j].contentWindow;
iChildLen = iChildObj.document.body.getElementsByTagName(_sType).length;
for (var k = 0; k < iChildLen; k++){
iChildObj.document.body.getElementsByTagName(_sType)[k].style.display = _sDisplay;
}
}
}
this.middle = function(_sId){
document.getElementById(_sId)['style']['display'] = '';
document.getElementById(_sId)['style']['position'] = "absolute";
document.getElementById(_sId)['style']['left'] = (document.body.clientWidth / 2) - (document.getElementById(_sId).offsetWidth / 2);
document.getElementById(_sId)['style']['top'] = (document.body.clientHeight / 2 + document.body.scrollTop) - (document.getElementById(_sId).offsetHeight / 2);
}
}
</scrīpt>
</head>
<BODY>
<A ōnclick="setCopy('http://www.butong.net');new dialog().event(' 已经把该网页特效库网址复制到系统剪贴板，您可以使用（Ctrl+V或鼠标右键）粘贴功能，通过其他软件记录或发送给您的朋友。','void 0')" href="javascrīpt:;">http://www.butong.net 点击复制 </A>
<scrīpt language=javascrīpt type=text/javascrīpt>new dialog().init();</scrīpt>
</BODY></HTML>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript无提示关闭当前页面窗口，兼容IE/Firefox/Chrome
- JavaScript窗口与提示大全
- JavaScript技巧——js关闭窗口无提示
- [JavaScript]IE6、IE7、Firefox 无提示关闭窗口的代码
- 从零开始学_JavaScript_系列（13）——CSS<2>（新窗口打开，背景图片填充，底文字，小提示，CSS选择器整理）
- JavaScript基础 在当前窗口出现一个只有确定按钮和提示信息的对话框 window.alert
- JavaScript无提示关闭当前页面窗口，兼容IE/Firefox/Chrome
- 让Javascript关闭窗口不提示窗口关闭对话框
- javascript消除window.close()的提示窗口
- JavaScript 强行弹出窗口 与 无提示关闭页面
- javascript关闭窗口不弹出提示对话框!
- javascript无提示关闭窗口-----兼容IE,Firefox
- 【原创】javascript 关闭窗口前提示
- [JavaScript]关闭编辑窗口时提示
- 在ASP.NET使用JavaScript显示信息提示窗口实现原理及代码
- JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)
- javascript消除window.close()的提示窗口
- IE6、IE7、Firefox javascript 无提示关闭窗口的代码
- javascript调试测试，利用vs2008：智能对象类型感知，方法及属性提示；立即窗口调试等
- javascript无提示关闭窗口，兼容IE,Firefox