달력

11

« 2024/11 »

  • 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
2012. 6. 27. 16:01

table 태그로 둥근모서리 만들기 round table HTML자스2012. 6. 27. 16:01

아마 테크노트 사이트에서 본 것일거다.


<!-- #### round TOP ########## -->

<TABLE style="MARGIN-BOTTOM: 7px; TABLE-LAYOUT: fixed" border=0 cellSpacing=0 cellPadding=0 width="<?php echo $MainConfig_table_width; ?>" round_color="#eaeaea">

<TBODY>

<TR><TD height=1 width=1></TD><TD height=1 width=1></TD><TD height=1 width=1></TD><TD height=1 width=1></TD><TD bgColor=#eaeaea height=1></TD><TD height=1 width=1></TD><TD height=1 width=1></TD><TD height=1 width=1></TD><TD height=1 width=1></TD></TR>

<TR><TD height=1 colSpan=2></TD><TD bgColor=#eaeaea height=1 colSpan=2></TD><TD height=1></TD><TD bgColor=#eaeaea height=1 colSpan=2></TD><TD height=1 colSpan=2></TD></TR>

<TR><TD height=2></TD><TD bgColor=#eaeaea height=2></TD><TD height=2 colSpan=5></TD><TD bgColor=#eaeaea height=2></TD><TD height=2></TD></TR>


<TR><TD bgColor=#eaeaea></TD><TD colSpan=3></TD>

<TD vAlign=top><!-- #### round TOP FINISH ########## -->



이 사이에 round table 안에 들어갈 내용을 넣으면 된다.

<!-- #### round BOTTOM START ########## --></TD>

<TD colSpan=3></TD><TD bgColor=#eaeaea></TD></TR>


<TR><TD height=2></TD><TD bgColor=#eaeaea height=2></TD><TD height=2 colSpan=5></TD><TD bgColor=#eaeaea height=2></TD><TD height=2></TD></TR>

<TR><TD height=1 colSpan=2></TD><TD bgColor=#eaeaea height=1 colSpan=2></TD><TD height=1></TD><TD bgColor=#eaeaea height=1 colSpan=2></TD><TD height=1 colSpan=2></TD></TR>

<TR><TD height=1 colSpan=4></TD><TD bgColor=#eaeaea height=1></TD><TD height=1 colSpan=4></TD></TR>

</TBODY></TABLE>

<!-- #### round BOTTOM ########## -->


저작자표시
:
Posted by 비개인오후
2011. 2. 9. 14:52

XSS(Cross Site Scripting) 관련자료. HTML자스2011. 2. 9. 14:52

http://ha.ckers.org/xss.html
저작자표시
:
Posted by 비개인오후
2009. 12. 17. 14:34

투명한 iframe 만들기 HTML자스2009. 12. 17. 14:34

iFrame을 사용해 웹 페이지 중간에 다른 페이지의 내용을 넣을 경우가 있다.
하지만 웹 페이지의 백그라운드 부분에 다른 이미지가 있는 상태에서 iFrame을 넣을 경우 백 그리운드 이미지와 매칭되지 않는 경우가 있는데 이럴 때 투명한 iFrame을 사용하면 된다.

<iFrame src="웹페이지 주소" allowTransparency="true" width="가로크기" height="세로크기>

iFrame을 삽입할 페이지에 위와 같이 주고

<body style="background:transparent">

iFrame에 삽입될 패이지의 body 부분의 스타일을 위와 같이 주면 된다.

또한 iFrame을 투명하게만 주는것이 아니라 반투명 효과를 줄수고 있는데 이는 iFrame의 style을 적용해 주면 된다.

<iFrame src="" style="filter:Alpha( Opacity=65 );">

위와 같이 Alpha값의 Opacity값을 변경해 주면 도니다. Opacity값이 낮을수록 투명도가 증가한다.

[출처] [Tip-퍼옴] 투명한 iframe 만들기|작성자 dragonofvaya

:
Posted by 비개인오후
2009. 11. 16. 12:26

자동으로 iframe의 크기를 조절 HTML자스2009. 11. 16. 12:26

출처 : 모름(돌아댕기다가 모아둔것 올리는 것이라 -_-a)


가끔 게시판이나 외부 사이트의 특정 페이지를 사이트에 iframe으로 동적으로 불러와야 할 경우

가 생기는데 동적으로 불러오다보면 불러온 내용 역시 동적(?)으로 나타나기 때문에 iframe의 크기

조절하기가 무척 힘들다는 ...

 

다음과 같은 스크립트를 사용하면 자동으로 iframe의 크기를 조절해 주는데 참 편하다는 ...

client side script이기 때문에 서버에 부하가 걸릴 염려도 없고 ~ 얼쑤 ~ ♪

 

 

다음과 같은 코드를 <script> ~ </script>에 넣어 주고서 ~

 

 

function resizeIF(Id)
{
        var obj = document.getElementById(Id);
        var Body;
        var H, Min;

        // 최소 높이 설정 (너무 작아지는 것을 방지)
        Min = 200;

        // DOM 객체 할당
        try
        {
                if (!document.all && obj.contentWindow.document.location.href

                        == 'about:blank') {
                        setTimeout("resizeIF('"+Id+"')", 10);
                        return;
                }

                Body = obj.contentWindow.document.getElementsByTagName('BODY');
                Body = Body[0];

                if (this.Location != obj.contentWindow.document.location.href) {
                        H = Body.scrollHeight + 5;
                        obj.style.height =  (H<Min?Min:H) + 'px';

                        this.Location = obj.contentWindow.document.location.href;
                }
        }
        catch(e)
        {
                setTimeout("resizeIF('"+Id+"')", 10);
                return;
        }

        setTimeout("resizeIF('"+Id+"')", 100);
}

 

 

iframe의 아래 부분에서 "new resizeIF('IF');"를 호출해 주면 알아서 자동으로 iframe의 사이

즈를 조절해 준다는;; (예전에는 일일이 나온 결과 수에 따라서 iframe의 크기를 pixel * x + y 같이

해줬다는;;)

 

 

단. 가끔 iframe에서 특이한(?) 페이지 이동이 있을 경우에 위 스크립트가 먹지 않을 경우가 있는데

이때는 iframe의 onLoad 이벤트에서 "new resizeIF('IF');"를 호출해 주면 잘 된다는 ...

 

물론 이때 iframe의 id는 당연히 "IF"가 되겠지요.

 

 

 

*. 꼬릿말1. 위 소스는 나의 악덕(?) 직속 상사 호석형의 홈피에서 퍼왔는데 ... ㅋㅋ 원제작자는 "행

복한고니"라는 별명(?)을 가진분이 작성(소스코드 위쪽에 쓰여있었음).

 

*. 꼬릿말2. 추가 적인 팁으로 ... 위의 스크립트로 iframe의 크기를 자동 조절할 경우 오른쪽에 스

크롤 바가 생겼다가 없어 지는데 ... 스크롤바를 안보이게 할려면 iframe의 속성에다가

"scrolling='no'"라고 명시해 주면 된답니다.

 

*. 꼬릿말3. iframe의 테두리를 안보이게 해주는 "frameborder='no'"는 당연히 해줘야 겠죠... ^^

 
[출처] [JavaScript] iframe 크기 자동 조절 스크립트|작성자 쪼구니







유동적인 IFRAME을 사용하시는것을 추천드립니다.

 

아래는 자동리사이즈 되는 iframe의 소스입니다.

 

<!--------------------------------------------------------------------------------------------------------------

 

<script>
function doResize()
{
container.height = myframe.document.body.scrollHeight+5;
container.width = myframe.document.body.scrollWidth+5;
}

</script>

 

<iframe src="주소" name="myframe" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="no" onload="doResize()" scroll="no"></iframe>

 

------------------------------------------------------------------------------------------------------------------>

유동iframe 사용시 스크롤바가 늘어나지 않는대신, 불러오는 페이지의 사이즈에 맞게 세로사이즈가 늘어나니 편합니다.
:
Posted by 비개인오후
2009. 11. 11. 15:21

중요폼에서 익스플로러의 자동완성 적용시키지 않기 HTML자스2009. 11. 11. 15:21

<form name="frm" action="#" method="post" AUTOCOMPLETE="off">

</form>

 

AUTOCOMPLETE="off" 해주시면 익스플로러 자동완성기능이 적용되지 않습니다.

:
Posted by 비개인오후
2009. 11. 4. 17:32

메타태그로 검색엔진 색인 차단 방법 HTML자스2009. 11. 4. 17:32

robots.txt 도 안지키는 놈들이 많은데 될까마는... 참고해둘라고 퍼둔다.


검색엔진 색인 차단 방법으로 메타태그를 활용하는 방법이 괜찮지 않을까요?
skin.html 에서 <head>......</head> 사이에 다음과 같은 태그를 추가해보시죠.

<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
덤으로 페이지가 저장되지 않도록 noarchive 를 추가해두는 것도 좋겠죠.

<META NAME="ROBOTS" CONTENT="NOARCHIVE">

구글의 갱신 주기가 얼마나 빠른지 모르겠지만, 넉넉잡고 일주일 후쯤에 확인해보세요.
자세한 사항은 여기로... http://www.google.co.kr/intl/ko//remove.html

추천블로그 노출 제외는 텍큐닷컴에 맡기는 수밖에 별도리 없음.



:
Posted by 비개인오후
2009. 10. 12. 17:47

디코딩될 URI가 유효한 인코딩이 아닙니다. HTML자스2009. 10. 12. 17:47

AJAX로 값을 넘겨줄 때 % 가 들어가서 난리였당.
%를 &#37; 로 바꿔준다.

width='100&#37;'




:
Posted by 비개인오후
2009. 10. 7. 15:30

IE8, IE7에서 업로드전 이미지파일 미리보기 HTML자스2009. 10. 7. 15:30

삽질한다음에 나중에 참고할라고 대충 퍼두는 것이다.

 

<head>

<script language=javascript>

function bodyimgprint(thisObj, imgcnt){
 if(!/(\.jpg|\.jpeg|\.bmp)$/i.test(thisObj.value)) { alert("이미지(jpg,bmp) 형식의 파일을 선택하십시오"); return; }
 var nowimg = 'kdimg'+imgcnt;
 var preViewer = document.getElementById(nowimg);
 var ua = window.navigator.userAgent;

 if (ua.indexOf("MSIE 8") > -1) {

   thisObj.select();
   var selectionRange = document.selection.createRange();
   var selectionText = selectionRange.text.toString();

//  var obj_fr = document.getElementById("copyFrame").contentWindow.document.getElementById("previewPhoto");
//  obj_fr.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + selectionText + "',sizingMethod=image)";

   preViewer.src = './thum_blank.gif';  //id스타일이 뒤로 숨어버려서 투명한 gif 빈이미지로 교체
   preViewer.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + selectionText +"', sizingMethod=scale)";
   thisObj.blur();
 } else if (ua.indexOf("MSIE 7") > -1) {
   thisObj.select();
   var selectionRange = document.selection.createRange();
   var selectionText = selectionRange.text.toString();
   preViewer.src='file:///'+selectionText;
   preViewer.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + selectionText +"', sizingMethod='scale')";
 } else {
   preViewer.innerHTML = "";
   var W = preViewer.offsetWidth;
   var H = preViewer.offsetHeight;
   var tmpImage = document.createElement("img");
   preViewer.appendChild(tmpImage);

   tmpImage.onerror = function () {     return preViewer.innerHTML = "";   }
   tmpImage.onload = function () {
     if (this.width > W) {
       this.height = this.height / (this.width / W);
       this.width = W;
     }
     if (this.height > H) {
       this.width = this.width / (this.height / H);
       this.height = H;
     }
   }
   if (ua.indexOf("Firefox/3") > -1) {
     var picData = thisObj.files.item(0).getAsDataURL();
     tmpImage.src = picData;
   } else {
     tmpImage.src = "file://" + thisObj.value;
   }
 }
}

</head>

 

<body>

 

<!-- 이미지파일 업로드 -->
<?
for($i=1; $i <= $cfg_howmany_up; $i++){        //9개까지 업로드가능하도록 수정 2005.10.25 처리에서 갯수제한은 없다.
 $spanid = "kdaupimg" . $i;
 $imgid = "kdimg" . $i;
 $fileid = "upfile" . $i;
 $cmtid = "comment" . $i;
 if($i == 1){ $showok = "inline"; } else { $showok = "none"; }
?>
 <span id="<? echo $spanid; ?>" style="display: <? echo $showok; ?>">
 <table border=0 bordercolor=green cellpadding=2 cellspacing=0 width=100%>
<!-- <tr><td colspan=2 height=1 bgcolor=#CCCCCC background=./img/graypoint.gif></td></tr> -->
 <tr>
  <td width=100 align=right>사진첨부<? echo $i; ?></td>
  <td valign=middle><INPUT type=file name='<? echo $fileid; ?>' size=57 onchange="bodyimgprint(this, <? echo $i; ?>)" class=inputtxt>
 </td></tr>
 <tr>
  <td width=100 align=center valign=middle><img id="<?php echo $imgid; ?>" name='<? echo $imgid; ?>' src="./no.jpg" width=90 height=90 style="" class="preViewIMG"></td>
  <td><TEXTAREA name="<? echo $cmtid; ?>" style="<? echo $textareastyle; ?>" onBlur='checkField(this)' onFocus='clearField(this)'>사진에 대한 설명을 입력해주세요.</TEXTAREA>
 </td></tr>
 <tr><td colspan=2 height=10></td></tr>
 </table>
 </span>
<?
}
?>
<!-- END이미지파일 업로드 -->
</td></tr>
</body>

:
Posted by 비개인오후

티스토리툴바