/* dt 클릭시 하위 국가리스트 show/hide */
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle();
});
/* 이부분은 dropdown dd 의 display를 검사해서 수행하도 될듯한데 여기서는 이벤트발생객체의 parent를 검사함 */
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide(); //펼치기에 방해 안되도록 dropdown 외부를 클릭했으면 hide
});
/* 하위국가리스트 선택시 액션이므로 첫줄만 보면 되겠음 .click, $(".dropdown dd ul").hide() */
$(".dropdown dd ul li a").click(function() {
var text = $(this).html();
$(".dropdown dt a span").html(text);
$(".dropdown dd ul").hide();
$("#result").html("Selected value is: " + getSelectedValue("sample"));
});
1. parent일경우
var $ = window.parent.$;
$("#name").val("우왕ㅋ굳ㅋ");
alert($("#name").val());
결과는 부모도큐먼트의 name객체의 value를 반환
"우왕ㅋ굳ㅋ"
출력
2. opener일 경우
$("#name", opener.document ).val("우왕ㅋ굳ㅋ");
alert($("#name").val());
opener, parent 일경우가 서로 다르다...
왜그럴까??;;
$('<p></p>')
.html('Hey World!')
.css('background', 'yellow')
.appendTo("body");
이런것들이 대표적화면 중간에 웹진 같은 iframe뜨고, 주변은 검은 색 배경 처리, 주변 이벤트는 실행되지 않는 효과
http://www.ericmmartin.com/simplemodal/
예)위 사이트에 들어가서 Demo를 누르면 볼 수 있다. Download를 누르면 자료를 받을 수 있다.
이런 효과를 줬던 기존 것들에서 나타나던 오류들(처음 실행할 때의 화면 크기만큼만 배경색을 뿌리고 나머지 부분은 흰색으로 남아있는 오류, 실행한 화면이 화면중간위치에서 벗어나는 오류)이 나타나지 않는다.