jquery modal 완성~~ 정보
jquery modal 완성~~
본문
$(document).ready(function() {
$('a[name=modal]').click(function() {
var $this = $(this);
var url = $this.attr('href');
var dialogOpts = {
title: ($this.attr('title')) ? $this.attr('title') : '내용보기',
autoOpen: true,
bgiframe: true,
width: 670,
height: 500,
modal: true,
resizable: true,
autoResize: true,
buttons: {
"닫기": function() {
$(this).dialog("close");
}
}
};
$("#modal_view").dialog(dialogOpts);
$("#modalIFrame").attr('src',url);
return false;
});
});
문디 같은거 그냥 아이프레임가져오면 간단한걸 머리만 엄청썻네요
달력스킨 팝업띄우실때 굿입니다.
$('a[name=modal]').click(function() {
var $this = $(this);
var url = $this.attr('href');
var dialogOpts = {
title: ($this.attr('title')) ? $this.attr('title') : '내용보기',
autoOpen: true,
bgiframe: true,
width: 670,
height: 500,
modal: true,
resizable: true,
autoResize: true,
buttons: {
"닫기": function() {
$(this).dialog("close");
}
}
};
$("#modal_view").dialog(dialogOpts);
$("#modalIFrame").attr('src',url);
return false;
});
});
문디 같은거 그냥 아이프레임가져오면 간단한걸 머리만 엄청썻네요
달력스킨 팝업띄우실때 굿입니다.
추천
0
0
댓글 8개

역시 옵션님은 짱중의 짱 ...
하드 ... 소프트 넘나들며 ... 왕중의 왕 ... 이라구요 ....
하드 ... 소프트 넘나들며 ... 왕중의 왕 ... 이라구요 ....

수고 많으셨습니다....^^
슬쩍 집어가서 써봐도 될까요....ㅎㅎ
슬쩍 집어가서 써봐도 될까요....ㅎㅎ

넵 그러세요
body에
<div id="modal_view"><iframe id="modalIFrame" width="600" height="390" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="no" title="Dialog Title"></iframe></div>
추가해주세요
modal이 필요한곳에 name=modal테그 추가하시면 걸러있는 링크를 아이프레임에 뿌립니다.
body에
<div id="modal_view"><iframe id="modalIFrame" width="600" height="390" marginWidth="0" marginHeight="0" frameBorder="0" scrolling="no" title="Dialog Title"></iframe></div>
추가해주세요
modal이 필요한곳에 name=modal테그 추가하시면 걸러있는 링크를 아이프레임에 뿌립니다.

모다리 .... ㅋㅋㅋ 대끼리 ... ㅎㅎㅎ

인제 이쁘게 로딩만 집어넣으면 끝~~

원통해요 ... 12사단 ... 51연대 ....

옵션님은 언제그렇개 중국어를 배우셨는지-- 쩝

수고하셨어요 ㅎㅎㅎ
-_-스크랩 ㅎㅎㅎ
웅캉캉캉 ㅋㅋ
-_-스크랩 ㅎㅎㅎ
웅캉캉캉 ㅋㅋ