컴퓨터이야기/Language2009. 6. 27. 02:43

[자바스크립트] 트리구조 메뉴(윈도우형식)

[자바스크립트] 트리구조 메뉴(윈도우형식)



윈도우같은 트리구조의 메뉴를 만들어주는 자바스크립트입니다.
압축풀고 example01.html 열어보시면 됩니다.
자바스크립트를 조금이라도 하신분이라면 사용방법은 다들 아시리라 생각됩니다.

뭐 모르신다해도 코딩의 기본은 삽질아니겠습니까?
저도 잘하는건 아니지만 살짝 삽질해보니 바로 눈에 보이더군요...

출처는 어디 네이버 블로그였는데..
그분도 아마 퍼오신듯합니다.

소스상 출처는 www.destroydrop.com/javascript/tree/ 입니다.
Posted by iloje
컴퓨터이야기/Language2009. 5. 19. 00:02

상태바에 주소 숨기기 자바스크립트

자바 스크립트를 이용한 상태바의 주소숨기는 소스

자바 스크립트는 <head></head>사이에 넣어주는것이 가장 안정적이라고 누군가가 말한거같다..
사실 자세한건 잘 모른다..ㅋ
<head></head>사이에 안넣어도 잘되는거 같던데^^;;
======================================================================================================================
<!-- 상태바에 주소 숨기기 -->

<script language="JavaScript">
<!--
function StatusText()
{
window.status = "나타낼 문구";
setTimeout("StatusText()", 0);
}
StatusText();
-->
</script>

======================================================================================================================

설명
function StatusText()                       ==> StatusText()이라는 사용자 함수를 만든다는 뜻
{                                                   ==> 함수시작
window.status = "나타낼 문구";         ==> window.status 은 윈도우창의 상태바를 뜻하는데 이곳에 나타낼문구를 입력시켜준다
setTimeout("StatusText()", 0);          ==>setTimeout(a,b)은 b초후에 a함수를 실행한다는 뜻이다.
                                                          이 소스에서는 StatusText()함수를 0초후 즉 계속 실행한다는 의미이다.
}                                                   ==> 함수끝
StatusText();                                  ==> StatusText()이라는 사용자 함수를 실행시키는 명령어이다.
                                                           즉 윈도우 상태바에 "나타낼문구"를 StatusText()함수를 사용하여
                                                           계속해서 나타내주는 함수를 실행한다는 의미

======================================================================================================================


간단한 자바스크립트이다~
내가 이렇게 설명할 정도면..ㅋ
Posted by iloje
컴퓨터이야기/Language2009. 5. 16. 00:55

링크 테두리 없애기

웹브라우저에서 링크가 걸려있는 이미지나 텍스트를 클릭하면
해당 이미지나 텍스트 주변으로 점선의 테두리가 생기는 것을 알수있다.
링크가 걸려있다는것을 알려준다는 의미가 있겠지만
이 링크들은 디자인측면에서는 별로 좋지는 않다...

그럼 이 테두리를 없앨수 있느냐?
물론이다  가능하다
이 소스만 추가 하면 끝...

<style>
a,img,input{selector-dummy: expression(this.hideFocus=true);} 
</style>


이 소스를 <head></head> 사이에 적어주기만 하면 된다..
간단하다!!ㅋ

Posted by iloje
컴퓨터이야기/Language2009. 4. 27. 22:55

[자바스크립트]하루동안 팝업창열지않기

먼저 팝업창에 하루동안 열지않기 라는 체크박스와 함께
사용자가 체크박스에 체크를했는지를 저장할 쿠키를 만들어줄 소스를 입력해야한다.

팝업창안의 내용

<head>
<script language="JavaScript">
<!--
function notice_setCookie( name, value, expiredays )
    {
        var todayDate = new Date();
        todayDate.setDate( todayDate.getDate() + expiredays );
        document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
        }

function notice_closeWin()
{
        if ( document.forms[0].Notice.checked )
                notice_setCookie( "Notice", "done" , 1); // 1=하룻동안 공지창 열지 않음
        self.close();
}
function na_call(str){  eval(str);}
//-->
</script>
</head>
<body>
<form name="form1">
<input type="checkbox" name="Notice"  OnClick="notice_closeWin()">오늘은 이창을 다시 열지않음
</form>
</body>


흔히 이걸로 끝이라고 생각하지만 오산이다
팝업창을 열어주는 페이지에서도
팝업을 불러올때 notice_setCookie 사용자함수로 저장된 쿠키를 읽어와서 하루가지났는지 체크를 한후
쿠키가 남아있다면 팝업을 열지않고
쿠키가 남아있지않다면 팝업을 열어주어야한다.


<script language="JavaScript">
<!--
function notice_getCookie( name ){
    var nameOfCookie = name + "=";
    var x = 0;
    while ( x <= document.cookie.length )
    {
            var y = (x+nameOfCookie.length);
            if ( document.cookie.substring( x, y ) == nameOfCookie ) {
                    if ( (endOfCookie=document.cookie.indexOf( ";", y )) == -1 )
                            endOfCookie = document.cookie.length;
                    return unescape( document.cookie.substring( y, endOfCookie ) );
            }
            x = document.cookie.indexOf( " ", x ) + 1;
            if ( x == 0 )
                    break;
    }
    return "";
}
if ( notice_getCookie( "Notice" ) != "done" )
{
        window.open('팝업창주소','','left=5,top=200,width=525,height=425'); // 팝업윈도우의 경로와 크기를 설정 하세요
}

// -->
</script>

이렇게 하면 된다.



레이어팝업은 다음이시간에...

Posted by iloje
컴퓨터이야기/Language2008. 12. 4. 11:55

PHP 따옴표 사용방법

PHP에서 큰따옴표(")를 표기하는 방법은
이스케이스 시퀀스(escape sequence)를 사용하는 방법이다

설명하자면, "(큰따옴표)의 역할은 문자열의 시작과 끝을 지정해주는 역할을 한다.
"로 시작하면 반드시 "로 닫아줘야 문자열의 시작과 끝을 구분해 변수에 저장이 된다.

그런데 \를 붙이면 "가 기본적으로 해야할 역할을 escape(취소) 시킨다는 것을 뜻한다.
즉 "의 본래 역할 문자열의 시작과 끝을 지정하는 기능을 취소시켜 단지 문자 "로 돌려버린다는 것을 뜻하게된다.
\n은 줄을 바꾸는 역할을 하는 이스케이프 시퀀스이다. n은 단지 문자이지만 \가 붙어 본래의 문자 n으로 사용하지 않고(취소) 줄바꿈으로 바꿔서 사용하라는 것이 된다.

\\를 쓰면 \가 출력되는건 \의 이스케이프 기능을 다시 취소하여 문자 \로 바꾼다는 것이다.

Posted by iloje
컴퓨터이야기/Language2008. 9. 26. 17:03

iframe 태그 설명

iframe 태그 설명

HTML 문서 사이에 프래임(frame)을 Insert(삽입)하는 태그입니다.



[iframe width="가로크기" height="세로크기" scrolling="auto/yes/no" frameborder=0 align="center" src="연결할주소"][/iframe]
[/center]

이런 형식으로 하시면 됩니다..

center 태그를 iframe 태그의 앞뒤에 쓴 것은 iframe 화면을 불러오는 HTML 화면에서 가운데로 정렬이 되어 보여지도록 하기 위해서입니다..

width와 height은 iframe의 크기를 지정해준답니다.. 가로크기와 세로크기 대신에 픽셀에 해당하는 숫자나 화면의 크기에 대한 %를 지정해주면 됩니다.. 80% 처럼요..
width와 height은 iframe의 크기이지 불려지는 공지사항, 메모장, 게시판의 크기가 아닙니다.. 이들의 width와 height은 각각의 관리자에서 따로 지정을 해줘야겠죠.. 그리고 iframe의 width와 height 크기보다는 작게 해줘야 깔끔합니다.

scrolling="auto/yes/no"는 iframe의 스크롤바가 나타날 것인지를 지정해주는 것입니다..
auto, yes, no 중 하나를 지정해 주는 것이랍니다..
auto는 스크롤바가 필요한 경우에는 자동으로 스크롤바가 생기고 필요하지 않을 때는 안보이도록 합니다..
yes는 무조건 스크롤바가 나타나구요.. no는 스크롤바가 필요한 경우에도 스크롤바가 안보이도록 합니다..
메모장 같은 경우에 평소에는 안나타나고 내용이 길어져서 메모장의 크기가 iframe의 크기보다 커진 경우에만 나타나도록 scrolling="auto"를 사용하면 됩니다.

iframe 태그를 HTML 문서에서 사용하면 iframe 태그를 쓴 곳에 지정된 width와 height 크기만큼 화면을 차지하며 나타납니다..
iframe 화면이 나타나게 하고 싶은 곳에 소스를 붙여 넣어 사용하면 됩니다..

원글 : http://cafe.daum.net/saranggriumapm/7gRG/54
Posted by iloje