어떤 상자를 만들떄
위하고 아래에
<div class="box_top">
</div>
이런식으로 빈태그를 넣어서
box_top라는 class에 백그라운드로 이미지를 넣고
쓰는경우가 있는데
이경우 height가 과도하게 적어져버리면.
이상해지는 경우가 있다
이경우 대체로 font-size나 line-height문제라고 생각된다.
이경우 overflow:hidden;을 줌으로써 해결이 되는것 같다.
| 내가 쓰고 있는 웹표준 및 웹 접근성 검증 방법 (0) | 2011.10.26 |
|---|---|
| ie flicker 버그와 관련된 글 (0) | 2011.10.26 |
| 웹접근성에 충실한 팝업존 (0) | 2011.10.26 |
| 포커스가 있을때만 나오게 하는 css (0) | 2011.10.26 |
| longdesc 대신 alt와 title를 쓰자.. (0) | 2011.10.26 |
crtl+shift+ R :파일을 파일명으로 찾는다..
ctrl + shift + M: 대상에 필요한 특정클래스 import
ctrl + shift + O : 소스에 필요한 패키지의 자동 임포트
ctrl + i : 선택된 부분에 대해서 소스 정렬
alt + shift + j : 주석자동 생성
ctrl + t : 선택된 클래스가 interface로 사용되거나 extends로 사용된 클래스를 보여준다.
Ctrl + Shift + G : 특정 메써드나 필드를 Reference하고 있는 곳을 찾는다.
| utf-8 설정중 (0) | 2011.10.26 |
|---|---|
| catalina 로그파일에서 A docBase 경로명 inside the host appBase has been specified, and will be ignored 에러가 났다. (0) | 2011.10.26 |
| hosts 파일이 수정이 안된다고?? (0) | 2011.10.26 |
| iptime를 사용중에 공공기관 사이트가 안들어가졌다... (0) | 2011.10.26 |
| ie(인터넷 익스플로러)에서 인쇄를 눌렀는데 테이블의 배경색과 cellpadding cellspacing 한게 안먹는다고?? (0) | 2011.10.26 |
그냥 한번 더 테스트 해봤다.
정확하게 어떻게 동작하는지 보려고..
<html>
<title>event관련 테스트</title>
<head>
<script type="text/javascript">
function addEvent(object, event ,listener)
{
alert(listener);
if (object.addEventListener){
object.addEventListener(event, listener, false);
} else if (object.attachEvent){
object.attachEvent('on' + event, listener);
}
}
var a = "aaa()";
var b = "bbb()";
var windowOnload = new Array();
function aaa(){
alert("야");
document.getElementById("test").innerHTML="야";
}
function bbb(){
alert("호");
document.getElementById("test").innerHTML="호";
}
function ccc(talk){
alert(talk);
document.getElementById("test").innerHTML=talk;
}
var d = "바";
addEvent(window,'load',aaa);
addEvent(window,'load',bbb());
addEvent(window,'load',function(){ccc('가');});
</script>
</head>
<body>
<div id="test">테스트임둥</div>
</body>
</html>
| html editor 관련 designMode 에 대해서 (0) | 2011.10.26 |
|---|---|
| extjs 에디터 수정 (0) | 2011.10.26 |
| javascript에서 with <<< 요놈 (0) | 2011.10.26 |
| 개인적으로 이벤트 리스너에 등록하는 것과 이벤트의 펑션 입력시의 차이 비교 (0) | 2011.10.26 |
| 세로로 돌리는 티커 (0) | 2011.10.26 |
이미지등의 컨텐츠는 파주시껄 가져다 썻으므로 좀 민감..
이 팝업존은 웹접근성을 고려해서 만들었고
ie 6, 파폭, 오페라 ,사파리에서 작동유무를 확인했고
스타일과 자바스크립트의 사용유무에 따른 접근성 확보는 파폭에서 확인하였다..
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<style type="text/css" >
/* 팝업존 스타일 css */
#popup_zone ol{
list-style-type:none;
}
#popup_zone{
width:200px;
background:red;
position:relative;
}
#popup_zone ol li{
float:left;
display:inline;
}
/* 공통 팝업 스타일 */
.sub_popup_zone{
display:none;
top: 20px;
left:10px;
position:absolute;
}
.sub_popup_zone_no_script{
}
#popup_zone_script{
display:none;
}
#popup_zone_no_script{
width:200px;
height:125px;
overflow:auto;
top:20px;
left:10px;
position:absolute;
}
</style>
<script type="text/javascript">
<!--
/***************************************************************
* 팝업존 class
* popup_id(팝업이미지)의 id는 뒤에 숫자가 붙되 1부터 증가하여야한다.
* 예 : popup_id가 popup_zone 일 경우 팝업이미지의
* id는 popup_zone1, popup_zone2, popup_zone3
*
* popup_id는 반드시 정의해야한다.
* sub_popup_id(서브팝업영역)의 id는 뒤에 숫자가 붙되 1부터 증가하여야한다.
* 예 : sub_popup_id가 sub_popup_zone 일 경우 서브팝업영역의
* id는 sub_popup_zone1, sub_popup_zone2, sub_popup_zone3
*
* sub_popup_id는 반드시 정의해야한다.
* name는 popup_zone class의 변수명을 넣는다.
* 예: var popup_1 = new popup_zone(); popup_1.name="popup_1";
***************************************************************/
var popup_zone = function(){
// 상태값 0은 정지 1은 동작
this.status = 1;
// 팝업의 총 갯수
this.total = 0;
// 딜레이타임
this.delay = 5000;
// 선택된 팝업
this.select = 0;
// 팝업이미지의 아이디
this.popup_id = "";
// 서브팝업영역의 아이디
this.sub_popup_id = "";
// 변수명을 넣어준다.
this.name = "";
}
/***************************************************************
* 팝업존의 이미지와 레이어를 변경
* 이벤트 대상 : 팝업이미지.src 와 서브팝업영역.style.display
* 순번 target_num을 제외한 이미지를 off이미지로 변경시키고
* 순번 target_num을 제외한 레이어를 display:none 로 변경시킨다.
***************************************************************/
popup_zone.prototype.change = function (target_num){
var target_div="";
var target_img="";
var re;
for(var i=1; i<=this.total ; i++ )
{
target_div = this.sub_popup_id+i;
getObject(target_div).style.display= "none";
target_img = this.popup_id+i;
target_img_name = getObject(target_img).src;
if( target_img_name.indexOf("on.") > -1 ) {
re = /on\./g;
getObject(target_img).src = target_img_name.replace(re,"off.");
}
}
target_div = this.sub_popup_id+target_num;
getObject(target_div).style.display= "block";
target_img = this.popup_id+target_num;
target_img_name = getObject(target_img).src;
if( target_img_name.indexOf("off.") > -1 ) {
re = /off\./g;
getObject(target_img).src = target_img_name.replace(re,"on.");
}
this.select = target_num;
}
/***************************************************************
* 팝업존의 이미지를 시간에 따라 변경시킨다.
* delay가 0보다 크지 않으면 status와 상관없이 정지한다.
* status가 1이면 delay에 설정된 시간(Milliseconds)에 따라 팝업이 변화한다.
* status가 0이면 팝업이 변화하지 않는다.
***************************************************************/
popup_zone.prototype.roll = function(){
if(this.delay > 0){
if(this.status == 1){
if(this.select == this.total){
this.select = 1;
}else{
this.select = parseInt(this.select) + 1;
}
this.change(this.select);
}
setTimeout(this.name+".roll();",this.delay)
}
}
/***************************************************************
* 팝업존을 스타트시킨다.
* 이 메쏘드의 호출은 반드시 팝업존 다음에 선언되어야한다.
***************************************************************/
popup_zone.prototype.start = function(){
getObject("popup_zone_script").style.display= "block";
this.roll();
}
/***************************************************************
* 사용예시
* 필수항목(popup_id,sub_popup_id,name)은 반드시 선언되어야한다.
* var popup_1 = new popup_zone();
* popup_1.total = 5;
* popup_1.popup_id = "popup_zone";
* popup_1.sub_popup_id = "sub_popup_zone";
* popup_1.name = "popup_1";
* popup_1.delay = 1000;
* paid.UserEvent.addListener(window, "load", popup_1.start(), false);
*
* paid.UserEvent.addListener(window, "load", popup_1.start(), false);
* 의 경우 팝업존의 엘리먼트 전에 선언되면 개체를 찾지 못하기 때문에 에러가 난다.
***************************************************************/
//-->
</script>
</head>
<body>
<div id="popup_zone">
<script type="text/javascript">
<!--
document.write('<div id="popup_zone_script">');
document.write(' <ol>');
document.write(' <li>');
document.write(' <a
onblur="this.onmouseout();" onmouseout="popup_1.status=1;"
onfocus="this.onmouseover();" onmouseover="popup_1.status=0;"
onclick="popup_1.change(1);return false;" onkeypress="" href="#" >');
document.write(' <img id="popup_zone1" border="0" alt="1번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_01_off.gif"/>');
document.write(' </a>');
document.write(' <div id ="sub_popup_zone1" class="sub_popup_zone">');
document.write(' <a href="http://www.paju.go.kr/open_content/organization/news/event_infor/board.tdf?a=user.board.BoardApp&board_id=BD_WWW_03_04_06_1&c=2002&seq=298&npp=10&cp=1"
onmouseover="popup_1.status=0;" onfocus="this.onmouseover();"
onmouseout="popup_1.status=1;" onblur= "this.onmouseout();"><img
src="http://www.paju.go.kr/open_content/upload/allim/20080421091036254697_1.gif" alt="사운드오브뮤직" border="0" width="177" height="125" /></a>');
document.write(' </div>');
document.write(' </li>');
document.write(' <li>');
document.write(' <a
onblur="this.onmouseout();" onmouseout="popup_1.status=1;"
onfocus="this.onmouseover();" onmouseover="popup_1.status=0;"
onclick="popup_1.change(2);return false;" onkeypress="" href="#">');
document.write(' <img id="popup_zone2" border="0" alt="2번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_02_off.gif"/>');
document.write(' </a>');
document.write(' <div id ="sub_popup_zone2" class="sub_popup_zone">');
document.write(' <a href="http://www.paju.go.kr/open_content/organization/news/inner_issue_new/board.tdf?a=user.board.BoardApp&board_id=DB_WWW_03_04_01_1&c=2002&seq=3350&npp=10&cp=1"
onmouseover="popup_1.status=0;" onfocus="this.onmouseover();"
onmouseout="popup_1.status=1;" onblur= "this.onmouseout();"><img
src="http://www.paju.go.kr/open_content/upload/allim/20080418093053380291_1.gif" alt="개별공시지가열람" border="0" width="177" height="125" /></a> ');
document.write(' </div>');
document.write(' </li>');
document.write(' <li>');
document.write(' <a
onblur="this.onmouseout();" onmouseout="popup_1.status=1;"
onfocus="this.onmouseover();" onmouseover="popup_1.status=0;"
onclick="popup_1.change(3);return false;" onkeypress="" href="#">');
document.write(' <img id="popup_zone3" border="0" alt="3번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_03_off.gif"/>');
document.write(' </a>');
document.write(' <div id ="sub_popup_zone3" class="sub_popup_zone">');
document.write(' <a href="http://branch.paju.go.kr/open_content/B000001290/B000001290_12/B000001290_02/branch/board.tdf?a=user.board.BoardApp&c=2002&board_id=BD_WWW_03_04_01&seq=4415&search_cons_without_keyword=ocode&issearch=true&ocode=000003099" target="_blank" ');
document.write(' onmouseover="popup_1.status=0;"
onfocus="this.onmouseover();" onmouseout="popup_1.status=1;" onblur=
"this.onmouseout();"><img src="http://www.paju.go.kr/open_content/upload/allim/20080418093516240293_1.gif" alt="풍수해보험전국확대실시" border="0" width="177" height="125" /></a> ');
document.write(' </div>');
document.write(' </li>');
document.write(' <li>');
document.write(' <a
onblur="this.onmouseout();" onmouseout="popup_1.status=1;"
onfocus="this.onmouseover();" onmouseover="popup_1.status=0;"
onclick="popup_1.change(4);return false;" onkeypress="" href="#">');
document.write(' <img id="popup_zone4" border="0" alt="4번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_04_off.gif"/>');
document.write(' </a>');
document.write(' <div id ="sub_popup_zone4" class="sub_popup_zone">');
document.write(' <a href="http://www.paju.go.kr/open_content/organization/news/law_making_new/board.tdf?a=user.board.BoardApp&board_id=BD_WWW_03_04_03&c=2002&seq=4657&npp=10&cp=2&pg=1"
onmouseover="popup_1.status=0;" onfocus="this.onmouseover();"
onmouseout="popup_1.status=1;" onblur= "this.onmouseout();"><img
src="http://www.paju.go.kr/open_content/upload/allim/20080418093558287294_1.gif" alt="계량기정기검사" border="0" width="177" height="125" /></a> ');
document.write(' </div>');
document.write(' </li>');
document.write(' <li>');
document.write(' <a
onblur="this.onmouseout();" onmouseout="popup_1.status=1;"
onfocus="this.onmouseover();" onmouseover="popup_1.status=0;"
onclick="popup_1.change(5);return false;" onkeypress="" href="#">');
document.write(' <img id="popup_zone5" border="0" alt="5번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_05_off.gif"/>');
document.write(' </a>');
document.write(' <div id ="sub_popup_zone5" class="sub_popup_zone">');
document.write(' <a href="http://www.paju.go.kr/open_content/organization/news/inner_issue_new/board.tdf?a=user.board.BoardApp&board_id=DB_WWW_03_04_01_1&c=2002&seq=3344&npp=10&cp=1"
onmouseover="popup_1.status=0;" onfocus="this.onmouseover();"
onmouseout="popup_1.status=1;" onblur= "this.onmouseout();"><img
src="http://www.paju.go.kr/open_content/upload/allim/20080415175901734184_1.gif" alt="메일서비스 휴면계정 일제 정비" border="0" width="177" height="125" /></a> ');
document.write(' </div>');
document.write(' </li>');
document.write(' </ol>');
document.write(' </div>');
//-->
<!--
var popup_1 = new popup_zone();
popup_1.total = 5;
popup_1.popup_id = "popup_zone";
popup_1.sub_popup_id = "sub_popup_zone";
popup_1.name = "popup_1";
popup_1.delay = 1000;
paid.UserEvent.addListener(window, "load", popup_1.start(), false);
//-->
</script>
<noscript>
<ol>
<li>
<a href="#sub_popup_zone_no_script1" >
<img border="0" alt="1번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_01_off.gif"/>
</a>
</li>
<li>
<a href="#sub_popup_zone_no_script2">
<img border="0" alt="2번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_02_off.gif"/>
</a>
</li>
<li>
<a href="#sub_popup_zone_no_script3">
<img border="0" alt="3번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_03_off.gif"/>
</a>
</li>
<li>
<a href="#sub_popup_zone_no_script4">
<img border="0" alt="4번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_04_off.gif"/>
</a>
</li>
<li>
<a href="#sub_popup_zone_no_script5">
<img border="0" alt="5번 팝업존" src="http://www.paju.go.kr/open_content/img/main/popup_num_05_off.gif"/>
</a>
</li>
</ol>
<div id="popup_zone_no_script" >
<div id ="sub_popup_zone_no_script1" class="sub_popup_zone_no_script">
<a href="http://www.paju.go.kr/open_content/organization/news/event_infor/board.tdf?a=user.board.BoardApp&board_id=BD_WWW_03_04_06_1&c=2002&seq=298&npp=10&cp=1"
onmouseover="popup_1.status=0;" onfocus="this.onmouseover();"
onmouseout="popup_1.status=1;" onblur= "this.onmouseout();"><img
src="http://www.paju.go.kr/open_content/upload/allim/20080421091036254697_1.gif" alt="사운드오브뮤직" border="0" width="177" height="125" /></a>
</div>
<div id ="sub_popup_zone_no_script2" class="sub_popup_zone_no_script">
<a href="http://www.paju.go.kr/open_content/organization/news/inner_issue_new/board.tdf?a=user.board.BoardApp&board_id=DB_WWW_03_04_01_1&c=2002&seq=3350&npp=10&cp=1"
onmouseover="popup_1.status=0;" onfocus="this.onmouseover();"
onmouseout="popup_1.status=1;" onblur= "this.onmouseout();"><img
src="http://www.paju.go.kr/open_content/upload/allim/20080418093053380291_1.gif" alt="개별공시지가열람" border="0" width="177" height="125" /></a>
</div>
<div id ="sub_popup_zone_no_script3" class="sub_popup_zone_no_script">
<a href="http://branch.paju.go.kr/open_content/B000001290/B000001290_12/B000001290_02/branch/board.tdf?a=user.board.BoardApp&c=2002&board_id=BD_WWW_03_04_01&seq=4415&search_cons_without_keyword=ocode&issearch=true&ocode=000003099" target="_blank"
onmouseover="popup_1.status=0;"
onfocus="this.onmouseover();" onmouseout="popup_1.status=1;" onblur=
"this.onmouseout();"><img src="http://www.paju.go.kr/open_content/upload/allim/20080418093516240293_1.gif" alt="풍수해보험전국확대실시" border="0" width="177" height="125" /></a>
</div>
<div id ="sub_popup_zone_no_script4" class="sub_popup_zone_no_script">
<a href="http://www.paju.go.kr/open_content/organization/news/law_making_new/board.tdf?a=user.board.BoardApp&board_id=BD_WWW_03_04_03&c=2002&seq=4657&npp=10&cp=2&pg=1"
onmouseover="popup_1.status=0;" onfocus="this.onmouseover();"
onmouseout="popup_1.status=1;" onblur= "this.onmouseout();"><img
src="http://www.paju.go.kr/open_content/upload/allim/20080418093558287294_1.gif" alt="계량기정기검사" border="0" width="177" height="125" /></a>
</div>
<div id ="sub_popup_zone_no_script5" class="sub_popup_zone_no_script">
<a href="http://www.paju.go.kr/open_content/organization/news/inner_issue_new/board.tdf?a=user.board.BoardApp&board_id=DB_WWW_03_04_01_1&c=2002&seq=3344&npp=10&cp=1"
onmouseover="popup_1.status=0;" onfocus="this.onmouseover();"
onmouseout="popup_1.status=1;" onblur= "this.onmouseout();"><img
src="http://www.paju.go.kr/open_content/upload/allim/20080415175901734184_1.gif" alt="메일서비스 휴면계정 일제 정비" border="0" width="177" height="125" /></a>
</div>
</div>
</noscript>
</div>
</body>
</html>
| ie flicker 버그와 관련된 글 (0) | 2011.10.26 |
|---|---|
| 디자인을 위한 빈태그.. (0) | 2011.10.26 |
| 포커스가 있을때만 나오게 하는 css (0) | 2011.10.26 |
| longdesc 대신 alt와 title를 쓰자.. (0) | 2011.10.26 |
| Browser sniffing (브라우저의 버전과 제품 벤더를 알아보자) (0) | 2011.10.26 |
| 디자인을 위한 빈태그.. (0) | 2011.10.26 |
|---|---|
| 웹접근성에 충실한 팝업존 (0) | 2011.10.26 |
| longdesc 대신 alt와 title를 쓰자.. (0) | 2011.10.26 |
| Browser sniffing (브라우저의 버전과 제품 벤더를 알아보자) (0) | 2011.10.26 |
| 테이블레이아웃 구성시 원하는 사이즈 대로만 나오게 하기.. (0) | 2011.10.26 |
발췌 : http://forum.standardmag.org/viewtopic.php?id=2024
위글을 보면
longdesc대신 alt에 해당하는 내용을 넣고
마우스 오버시 뜨는 alt값을 무마시키기 위해서 title에 빈값을 넣는 방법을 이야기 한다. << 이건 ie에서만 적용되는 것이다.
보통 ie를 제외한 브라우저에서는 이미지에 마우스를 올려놓으면 alt값을 보여주기 위한 풍선말이 안뜨니..
괜찮은 방법이라고 생각한다.
뭐 의미론적으로 title 속성을 제대로 썻냐? 라고 하면 할말이 없지만
때로는 희생할 수도 있지않을가??
| 웹접근성에 충실한 팝업존 (0) | 2011.10.26 |
|---|---|
| 포커스가 있을때만 나오게 하는 css (0) | 2011.10.26 |
| Browser sniffing (브라우저의 버전과 제품 벤더를 알아보자) (0) | 2011.10.26 |
| 테이블레이아웃 구성시 원하는 사이즈 대로만 나오게 하기.. (0) | 2011.10.26 |
| 배경이 나오지 않는 레이어 과연 그 이유는?? (0) | 2011.10.26 |
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
위와같은 페이지에 보면 with가 쓰이는데..
이건 with(navigator){
이안에 들어있는 appName는 appName가 아니라
navigator.appName << 요놈이 호출되는것
}
| extjs 에디터 수정 (0) | 2011.10.26 |
|---|---|
| attachEvent 혹은 addEventListener 에 대한 테스트... (0) | 2011.10.26 |
| 개인적으로 이벤트 리스너에 등록하는 것과 이벤트의 펑션 입력시의 차이 비교 (0) | 2011.10.26 |
| 세로로 돌리는 티커 (0) | 2011.10.26 |
| 브라우저가 닫힐때, 새로고침을 할때, 다른사이트로 이동할때 이벤트... (0) | 2011.10.26 |
<head>
<script type="text/javascript">
function addEvent(object, event ,listener)
{
if (object.addEventListener){
object.addEventListener(event, listener, false);
} else if (object.attachEvent){
object.attachEvent('on' + event, listener);
}
}
window.onload = function (){alert("히히");}
addEvent(window,'load',new Function(alert("하하")));
addEvent(window,'load',function(){alert("하하");});
window.onload = function (){alert("후후");}
addEvent(window,'load',new Function(alert("허허")));
addEvent(window,'load',function(){alert("허허");});
</script>
</head>
<body>
</body>
이렇게 넣었을경우 하하,허허,후후가 나온다
유추해볼 수 있는것은
이벤트 리스너에 등록된것이 먼저 실행된다와
리스너의 순서는 먼저 등록된것부터 실행된다.
onload는 나중에 것이 우선한다.
정도랄까?
-------------------------------------------------
수정했다.
삭제부분은 알고보니 새로운 함수를 만들어서 호출하는 것.
onload시 되는것은 동일하겠지만..
window의 onload이벤트떄 되는것이 아니다 ..위와같이 해야 되는것이다.
이게 결과가 후후 허허 하하 가 나온다 리스너는 나중에 등록된것이 먼저 실행된다..
랜덤이라는 이야기도 있던데??
| attachEvent 혹은 addEventListener 에 대한 테스트... (0) | 2011.10.26 |
|---|---|
| javascript에서 with <<< 요놈 (0) | 2011.10.26 |
| 세로로 돌리는 티커 (0) | 2011.10.26 |
| 브라우저가 닫힐때, 새로고침을 할때, 다른사이트로 이동할때 이벤트... (0) | 2011.10.26 |
| javascript 창크기 레이어크기 조절시 이벤트 (0) | 2011.10.26 |
발췌 : KIPA 작성 웹표준 지침
// convert all characters to lowercase to simplify testing
var agt=navigator.userAgent.toLowerCase();
// *** BROWSER VERSION ***
// Note: On IE5, these return 4, so use is_ie5up to detect IE5.
var is_major = parseInt(navigator.appVersion);
var is_minor = parseFloat(navigator.appVersion);
// Note: Opera and WebTV spoof Navigator
var is_nav = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
&& (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
&& (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
var is_nav2 = (is_nav && (is_major == 2));
var is_nav3 = (is_nav && (is_major == 3));
var is_nav4 = (is_nav && (is_major == 4));
var is_nav4up = (is_nav && (is_major >= 4));
var is_navonly = (is_nav && ((agt.indexOf(";nav") != -1) ||
(agt.indexOf("; nav") != -1)) );
var is_nav6 = (is_nav && (is_major == 5));
var is_nav6up = (is_nav && (is_major >= 5));
var is_gecko = (agt.indexOf('gecko') != -1);
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));
var is_ie3 = (is_ie && (is_major < 4));
var is_ie4 = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
var is_ie4up = (is_ie && (is_major >= 4));
var is_ie5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) );
var is_ie5_5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5") !=-1));
var is_ie5up = (is_ie && !is_ie3 && !is_ie4);
var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5);
var is_ie6 = (is_ie && (is_major == 4) && (agt.indexOf("msie 6.")!=-1) );
var is_ie6up = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5);
// KNOWN BUG: On AOL4, returns false if IE3 is embedded browser
var is_aol = (agt.indexOf("aol") != -1);
var is_aol3 = (is_aol && is_ie3);
var is_aol4 = (is_aol && is_ie4);
var is_aol5 = (agt.indexOf("aol 5") != -1);
var is_aol6 = (agt.indexOf("aol 6") != -1);
var is_opera = (agt.indexOf("opera") != -1);
var is_opera2=(agt.indexOf("opera 2") != -1 || agt.indexOf("opera/2") != -1);
var is_opera3=(agt.indexOf("opera 3") != -1 || agt.indexOf("opera/3") != -1);
var is_opera4=(agt.indexOf("opera 4") != -1 || agt.indexOf("opera/4") != -1);
var is_opera5=(agt.indexOf("opera 5") != -1 || agt.indexOf("opera/5") != -1);
var is_opera5up=(is_opera && !is_opera2 && !is_opera3 && !is_opera4);
var is_webtv = (agt.indexOf("webtv") != -1);
var is_TVNavigator = ((agt.indexOf("navio") != -1)
|| (agt.indexOf("navio_aoltv") != -1));
var is_AOLTV = is_TVNavigator;
| 포커스가 있을때만 나오게 하는 css (0) | 2011.10.26 |
|---|---|
| longdesc 대신 alt와 title를 쓰자.. (0) | 2011.10.26 |
| 테이블레이아웃 구성시 원하는 사이즈 대로만 나오게 하기.. (0) | 2011.10.26 |
| 배경이 나오지 않는 레이어 과연 그 이유는?? (0) | 2011.10.26 |
| 기본 링크 색깔이 파란색인 이유?? (0) | 2011.10.26 |
발췌 : KIPA 작성 웹표준 지침
table { table-layout: fiexd; }
를 하면
가장 첫번째 줄을 기준으로 하여 전체 줄의 너비가 결정된다.
만약 첫번째 줄에 colspan을 써서 너비설정이 불가능 하다면
<colgroup><col style="width: 150px;">
<col style="width: 100px;" >
<col style="width: 50px;" >
</colgroup>
위와 같이 하여 너비를 지정해줄수 있다.
| longdesc 대신 alt와 title를 쓰자.. (0) | 2011.10.26 |
|---|---|
| Browser sniffing (브라우저의 버전과 제품 벤더를 알아보자) (0) | 2011.10.26 |
| 배경이 나오지 않는 레이어 과연 그 이유는?? (0) | 2011.10.26 |
| 기본 링크 색깔이 파란색인 이유?? (0) | 2011.10.26 |
| a 태그에 target을 넣지 말자?? (0) | 2011.10.26 |
 네이버만 쓰다가 네이버가 싫어서 티스토리로 이사했습니다. by 삽지리 |
||
|
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
