baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】

Javascript: 论坛里点击别人帖子下面的回复，回复标题变成“回复 24# 的帖子”; JavaScript 撑出页面文字换行; JavaScript 高级语法介绍; Javascript 表格操作实现代码; javascript 获取鼠标的绝对位置 event; Input 特殊事件onpopertychange和oninput; javascript 一段左右两边随屏滚动的代码; JS 分号引起的一段调试问题; 根据服务器时间作为起始，显示时钟的小程序; js 匿名调用实现代码; javascript 缓冲效果实现代码; javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码; javascript 获取radio的value的函数 [已测]; Javascript 代码也可以变得优美的实现方法; 使弱类型的语言JavaScript变强势; js 单引号传递方法; 利用WebBrowser彻底解决Web打印问题（包括后台打印）; web 页面分页打印的实现; 可以拖动的div 实现代码; WordPress 照片lightbox效果的运用几点

No. « ‹ 141 142 143 144 › »

技术文章搜索

关键字

Javascript 中的 baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 331 ::

收藏到网摘: n/a

如何用JS获取带“\”字符串的中间值？滚动条代码生成器

点击运行可以看到效果:

<SCRIPT LANGUAGE="JavaScript" >
var IsDraging = false;
var oEdit=null;
var dragData=null ;
var backData=null ;
var oObj=null;
var dragiframe=1;
var bNotReloadOnClose = false;
var is_opera_d = (navigator.userAgent.toLowerCase().indexOf('opera') != -1);
String.prototype.trim = function()
{
return this.replace(/(^[ |　]*)|([ |　]*$)/g, "");
}
function $(s)
{
if(document.getElementById)
{ return eval('document.getElementById("' + s + '")');
}
else
{ return eval('document.all.' + s);
}
}
function $$(s)
{
return document.frames?document.frames[s]:$(s).contentWindow;
}
function $c(s)
{
return document.createElement(s);
}
function swap(s,a,b,c)
{
$(s)[a]=$(s)[a]==b?c:b;
}
function exist(s)
{
return $(s)!=null;
}
function dw(s)
{
document.write(s);
}
function hide(s)
{
$(s).style.display=$(s).style.display=="none"?"":"none";
}
function isNull(_sVal)
{
return (_sVal == "" || _sVal == null || _sVal == "undefined");
}
function removeNode(s)
{
if(exist(s))
{ $(s).innerHTML = ''; $(s).removeNode?$(s).removeNode():$(s).parentNode.removeChild($(s));
}
}
function dialog()
{
var titile = '';
var auto = 'y';
var width = 240;
var height = 120;
var src = "";
var path = "./";//此处是图片的路径，不包括图片名称
var sFunc = '<input id="dialogOk" type="button" value=" 确 定 " /> <input id="dialogCancel" type="button" value=" 取 消 " />';
var sClose = '<input type="image" id="dialogBoxClose" src="' + path + 'dialogclose.gif" border="0" width="16" height="16" align="absmiddle" title="关闭"/>';
var sBody = '\ <table id="dialogBodyBox" border="0" align="center" cellpadding="0" cellspacing="6" width="100%">\ <tr height="10"><td colspan="4"></td></tr>\ <tr><td colspan="4" align="center">\ <div id="dialogMsgDiv" style="text-align:center"><div id="dialogMsg" style="font-size:12px;line-height:180%;"></div></div>\ </td></tr>\ <tr><td id="dialogFunc" colspan="4" align="center">' + sFunc + '</td></tr>\ <tr height="5"><td colspan="4" align="center"></td></tr>\ </table>\
';
var sIfram = '\ <iframe id="dialogIframBG" name="dialogIframBG" frameborder="0" marginheight="0" marginwidth="0" hspace="0" vspace="0" scrolling="no" style="position:absolute;z-index:65535;display:none;"></iframe>\
';
var sBox = '\ <div id="dialogBox" style="border:1px solid #C3D9FF;display:none;z-index:10003;width:'+width+'px;">\ <table width="100%" border="0" cellpadding="0" cellspacing="0">\ <tr height="24" bgcolor="#6795B4">\ <td>\ <table style="-moz-user-select:none;" width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color:#709CD2; height:25px; border-top:1px solid #92c3ec;">\ <tr>\ <td width="6" height="24"></td>\ <td id="dialogBoxTitle" style="color:#fff;cursor:move;font-size:14px;font-weight:bold;"> </td>\ <td id="dialogClose" width="20" align="right" valign="middle">\ ' + sClose + '\ </td>\ <td width="6"></td>\ </tr>\ </table>\ </td>\ </tr>\ <tr id="dialogHeight" style="height:' + height + '" valign="top">\ <td id="dialogBody" bgcolor="#ffffff">' + sBody + '</td>\ </tr>\ </table></div>\ <div id="dialogBoxShadow" style="display:none;z-index:10001;"></div>\
';
var sBG = '\ <div id="dialogBoxBG" style="position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:10001;filter: alpha(opacity=50);background-color:transparent!important;background-color:#EEE;"></div>\
';
this.show = function()
{ this.middle('dialogBox'); if ($('dialogIframBG')) { $('dialogIframBG').style.top = $('dialogBox').style.top; $('dialogIframBG').style.left = $('dialogBox').style.left; $('dialogIframBG').style.width = $('dialogBox').offsetWidth; $('dialogIframBG').style.height = $('dialogBox').offsetHeight; $('dialogIframBG').style.display = 'block'; } this.shadow();
}
this.reset = function()
{ if(!bNotReloadOnClose){ top.location=top.location.href; } this.close();
}
this.close = function()
{ if ($('dialogIframBG')) { $('dialogIframBG').style.display = 'none'; } $('dialogBox').style.display='none'; $('dialogBoxBG').style.display='none'; $('dialogBoxShadow').style.display = "none"; $('dialogBody').innerHTML = sBody;
}
this.html = function(_sHtml)
{ $("dialogBody").innerHTML = _sHtml; this.show();
}
this.init = function(big_msg)
{ //alert("a"); $('dialogCase') ? $('dialogCase').parentNode.removeChild($('dialogCase')) : function(){}; var oDiv = document.createElement('span'); oDiv.id = "dialogCase"; if ('yes' == big_msg) { oDiv.innerHTML = sBG + sBox; } else { if (!is_opera_d) { oDiv.innerHTML = sBG + sIfram + sBox; } else { oDiv.innerHTML = sBG + sBox; } } document.body.appendChild(oDiv); $('dialogBoxBG').style.height = document.body.scrollHeight;
}
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 oShadow = $('dialogBoxShadow'); var oDialog = $('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"){ if(_sUrl.length>100) { $("dialogBody").innerHTML = _sUrl; } else { var openIframe = "<iframe width='100%' height='100%' name='iframe_parent' id='iframe_parent' src='" + _sUrl + "' frameborder='0' scrolling='" + _sMode + "'></iframe>"; $("dialogBody").innerHTML = openIframe; } }
}
this.showWindow = function(_sUrl, _iWidth, _iHeight, _sMode)
{ var oWindow; var sLeft = (screen.width) ? (screen.width - _iWidth)/2 : 0; var iTop = -80 + (screen.height - _iHeight)/2; iTop = iTop > 0 ? iTop : (screen.height - _iHeight)/2; var sTop = (screen.height) ? iTop : 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.reset(); }
}
this.event = function(_sMsg, _sOk, _sCancel, _sClose)
{ $('dialogFunc').innerHTML = sFunc; $('dialogClose').innerHTML = sClose; $('dialogBodyBox') == null ? $('dialogBody').innerHTML = sBody : function(){}; if (width > 400 && height > 300) { $('dialogMsg') ? $('dialogMsg').innerHTML = _sMsg : function(){}; $('dialogMsg') ? $('dialogMsg')['style']['fontWeight'] = "bold" : function(){}; $('dialogMsg') ? $('dialogMsg')['style']['fontSize'] = "15px" : function(){}; $('dialogMsg') ? $('dialogMsg')['style']['color'] = "#ff9900" : function(){}; $('dialogMsg') ? $('dialogMsg')['style']['height'] = "150px" : function(){}; } else { $('dialogMsg') ? $('dialogMsg').innerHTML = _sMsg : function(){}; } _sOk && _sOk != "" ? this.button('dialogOk', _sOk) : $('dialogOk').style.display = 'none'; _sCancel && _sCancel != "" ? this.button('dialogCancel', _sCancel) : $('dialogCancel').style.display = 'none'; //_sOk ? this.button('dialogOk', _sOk) : _sOk == "" ? function(){} : $('dialogCancel').style.display = 'none'; //_sCancel ? this.button('dialogCancel', _sCancel) : _sCancel == "" ? function(){} : $('dialogCancel').style.display = 'none'; _sClose ? this.button('dialogBoxClose', _sClose) : function(){}; this.show();
}
this.set = function(_oAttr, _sVal)
{ var oShadow = $('dialogBoxShadow'); var oDialog = $('dialogBox'); var oHeight = $('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': $('dialogMsgDiv').innerHTML = '\ <table border="0" align="center" cellpadding="0" cellspacing="0" width="100%">\ <tr>\ <td width="30%" align="center"><img id="dialogBoxFace" src="' + path + 'login_wrong.gif" /></td>\ <td id="dialogMsg" style="font-size:12px;line-height:180%;" width="70%"></td>\ </tr>\ </table>\ '; $('dialogBoxFace') ? $('dialogBoxFace').src = path + _sVal + '.gif' : function(){}; src = _sVal; break; case 'auto': auto = _sVal; } } 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)
{ IsDraging = true; oObj = $(_sId); document.onmousemove = mousemove; document.onmouseup = mouseup; document.setCapture ? oObj.setCapture() : function(){}; oEvent = window.event ? window.event : event; dragData = {x : oEvent.clientX, y : oEvent.clientY}; backData = {x : parseInt(oObj.style.top), y : parseInt(oObj.style.left)}; function mousemove() { if(!IsDraging) return ; var oEvent = 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; if ($('dialogIframBG')) { $('dialogIframBG').style.left = iLeft; $('dialogIframBG').style.top = iTop; } dragData = {x: oEvent.clientX, y: oEvent.clientY}; } function mouseup() { if(!IsDraging) return ; var oEvent = window.event ? window.event : event; document.onmousemove = null; document.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; if ($('dialogIframBG')) { $('dialogIframBG').style.left = backData.y; $('dialogIframBG').style.top = backData.x; } } IsDraging = false; oObj.releaseCapture ? oObj.releaseCapture() : function(){}; }
}
this.hideModule = function(_sType, _sDisplay)
{ var aIframe = parent.document.getElementsByTagName("iframe"); var aType = document.getElementsByTagName(_sType); var iChildObj, iChildLen; for (var i = 0; i < aType.length; i++) { aType.style.display = _sDisplay; } for (var j = 0; j < aIframe.length; j++) { iChildObj = document.frames ? document.frames[j] : aIframe[j].contentWindow; try { iChildLen = iChildObj.document.body.getElementsByTagName(_sType).length; for (var k = 0; k < iChildLen; k++) { iChildObj.document.body.getElementsByTagName(_sType)[k].style.display = _sDisplay; } } catch (e){} }
}
this.middle = function(_sId)
{ try { var aIframe = parent.document.getElementById("iframe_parent"); } catch (e){} if (aIframe) { var sClientWidth = aIframe.offsetWidth; var sClientHeight = aIframe.offsetHeight; var sScrollTop = 0; } else { var sClientWidth = parent ? parent.document.body.clientWidth : document.body.clientWidth; var sClientHeight = parent ? parent.document.body.clientHeight : document.body.clientHeight; var sScrollTop = parent ? parent.document.body.scrollTop : document.body.scrollTop; } var sleft = (document.body.clientWidth / 2) - ($(_sId).offsetWidth / 2); var iTop = -80 + (sClientHeight / 2 + sScrollTop) - ($(_sId).offsetHeight / 2); var sTop = iTop > 0 ? iTop : (sClientHeight / 2 + sScrollTop) - ($(_sId).offsetHeight / 2); if(sTop < 1) sTop="20"; if(sleft < 1) sleft="20"; $(_sId)['style']['display'] = ''; $(_sId)['style']['position'] = "absolute"; $(_sId)['style']['left'] = sleft; $(_sId)['style']['top'] = sTop;
}
}
function _error_msg_show(msg, click, icon, title)
{ click = click ? click : ' '; icon = icon ? icon : ''; title = title ? title : ''; dg=new dialog(); dg.init(); dg.set('src', get_icon(icon)); dg.set('title', title); dg.event(msg, click, '', click);
}
function get_icon(icons)
{
var icon = 'login_wrong';
return icon;
}
function openWindow(_sUrl, _sWidth, _sHeight, _sTitle, _sScroll, _bReload)
{
bNotReloadOnClose = _bReload || false;
if(top.document.embeds){ for(i=0;i<top.document.embeds.length;i++){ top.document.embeds.style.display="none"; }
}
/////////////////////////////////////
oEdit = new dialog();
oEdit.init('yes');
oEdit.set('title', _sTitle ? _sTitle : "系统提示信息" );
oEdit.set('width', _sWidth);
oEdit.set('height', _sHeight);
oEdit.set('auto', 'n');
oEdit.open(_sUrl, _sScroll != "yes" ? 'no' : 'yes');
}
function getFrameNode(sNode){
return document.frames ? document.frames[sNode] : document.getElementById(sNode).contentWindow;
}
function zsxz(ta, zs, maxl)
{
if(ta.value.length > maxl)
{ ta.value = ta.value.substring(0,maxl);
}
else
{ zs.value = maxl - ta.value.length;
}
}
</SCRIPT>
<META http-equiv=content-type content="text/html; charset=gb2312">
<A onclick="openWindow('./', '750', '500', '编辑信息');return false;" href="javascript:void(0)" target=_blank>编辑</A>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

如何用JS获取带“\”字符串的中间值？滚动条代码生成器

Javascript 中的 baidu博客的编辑友情链接的新的层窗口！经典～支持【FF】

评论 (0) All