artDialog 간단하게 사용!
9494 단어 artdialog
artDialog 는 가 볍 고 고도 로 호 환 되 는 javascript 대화 상자 구성 요소 로 웹 페이지 의 상호작용 을 데스크 톱 소프트웨어 와 같은 사용자 체험 을 할 수 있 습 니 다.
기능: 잠 금 화면 (마스크), 아 날로 그 alert 와 confirm, 다 중 창 팝 업, 정지 위치, Ese 키 로 대화 상 자 를 닫 는 것, 정시 닫 기, 사용자 정의 위치, 드래그, 마우스 로 창 크기 조절, 스킨 케 어 지원...
장점.
설정 매개 변수
artDialog(
{
content:' !',
lock:true,
style:'succeed noClose'
},
function(){
alert(' ');
},
function(){
alert(' ');
}
);
artDialog({content:' content '}).
21222
/*
*/
(function(){
// IE6
var isIE6 = !+'\v1' && ([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 6);
//document.getElementById
var $ = function (id){
return 'string' == typeof id ? document.getElementById(id) : id;
};
// , DOM
var domReady = !+'\v1' ? function(f){(function(){
try{
document.documentElement.doScroll('left');
} catch (error){
setTimeout(arguments.callee, 0);
return;
};
f();
})();
} : function(f){
document.addEventListener('DOMContentLoaded', f, false);
};
//
domReady(function(){
//artDialog({content:' "artDialog" !'});
//--------------------------ardDialog ------------------------------//
$('btn1').onclick = function(){
artDialog({title:' ', content:'<img width="817" height="479" src="http://www.hunanyishi.cn/images/main.jpg" />', fixed:true});
return false;
};
$('btn2').onclick = function(){
artDialog({title:'google', url:'http://code.google.com/p/artdialog/', width:640, height:320});//url iframe
return false;
};
$('btn3').onclick = function(){
artDialog({title:' ', content:'<object width="420" height="363"><param name="movie" value="http://www.tudou.com/v/bXwe7XgTxuA"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque"></param><embed src="http://www.tudou.com/v/bXwe7XgTxuA" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="420" height="363"></embed></object>', fixed:true});
return false;
};
$('btn4').onclick = function(){
artDialog({content:' ?', fixed:true, yesText:' ', style:'confirm'}, function(){alert(' ');}, function(){alert(' ');});//style , 。 css
return false;
};
$('btn5').onclick = function(){
artDialog({content:' ', style:'alert', lock:true}, function(){});//lock , , 。
return false;
};
$('btn6').onclick = function(e){
// ,
var e = e || window.event,
_x,
_y;
if(e.pageX || e.pageY){
_x = e.pageX;
_y = e.pageY;
} else {
_x = e.clientX + document.body.clientLeft;
_y = e.clientY + Math.max(document.body.scrollTop, document.documentElement.scrollTop);
};
var _this = this;
artDialog({id:'menu_4834783',content:'<input style="width:200px;" id="M_dfd" type="text" value="hello world!" />',x:_x, y:_y, style:'noTitle noBorder'}, function(){ _this.innerHTML = $('M_dfd').value; });// id ,
return false;
};
$('btn7').onclick = function(){
artDialog({content:' <strong>2</strong> ', x:'right', y:'bottom', time:'100', fixed:true});//x y ,
return false;
};
//--------------------------ardDialog ------------------------------//
// ( IE6, png )
if (!isIE6) {
function mySkin(s){
$('artDialogSkin').href = s;
};
$('skin_0').click();
$('skin_0').onclick = function(){
mySkin('skin/aero/aero.css');
};
$('skin_1').onclick = function(){
mySkin('skin/chrome/chrome.css');
};
$('skin_2').onclick = function(){
mySkin('skin/facebook/facebook.css');
};
$('skin_3').onclick = function(){
mySkin('skin/mini/mini.css');
};
$('skin_4').onclick = function(){
mySkin('skin/aero/aero.css');
$('skin_0').click();
artDialog({content:' , ', lock:true});
};
$('showBg').onclick = function(){
if (!$('test_3544')) {
document.getElementsByTagName('body')[0].className = 'showBg';
artDialog({id:'test_3544', content:'<div id="topMenu" style="background:#000; width:200px; height:2em;line-height:2em;text-align:center; filter:alpha(opacity=70); opacity:0.7;">[<a href="#" style="color:#FFF" onclick="showWin();return false"> </a>] [<a id="bgCloseBtn" href="#" style="color:#FFF" onclick="bgShow();return false"> </a>]</div>', x:'left', y:'top', style:'noSkin', fixed:true});
} else {
bgShow();
};
return false;
};
};
// [ Chrome]
$('runCodeBtn').onclick = function(){
var fn = $('runCode').value;
$('runCodeDiv').innerHTML = '<iframe style="display:none" id="runCodeIframe"></iframe>';
var fw = $('runCodeIframe').contentWindow;
var f = fw.document;
f.contentEditable = true;
//f.open();
f.writeln('<!DOCTYPE><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">try{window.parent.'+fn+'}catch(e){alert(e.description);};</script><body></body></html>');
//f.close();
return false;
};
var mailName = 'admin' + '@' + 'plane' + 'art' + '.cn';
$('myMail').innerHTML = mailName;
});
})();
//
function showWin(){
artDialog({content:' "artDialog" !', fixed:true, lock:false,style:'succeed'}, function(){artDialog({title:' ', content:' ', lock:true, time:2})});
};
//
function bgShow(){
var body = document.getElementsByTagName('body')[0];
if(body.className != 'showBg') {
body.className = 'showBg';
document.getElementById('bgCloseBtn').innerHTML = ' ';
} else {
body.className = '';
document.getElementById('bgCloseBtn').innerHTML = ' ';
};
};
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
artDialog(v 6.0.2) 콘텐츠 매개 변수 도입 페이지 html 내용페이지의 숨겨진div의 html내용을artdialog의 탄창에 전송하고 이div는 삭제되지 않습니다. 코드는 다음과 같습니다. 참조 자료: 4 artDialog v6는 수정 폭이 매우 크기 때문에 다음과 같은 변경 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.