윈도우
브라우져 윈도우에 대한 크기나 버젼 정보등을 알아내고, 크기나 메뉴바, 툴바등을 제어하고 조정하는 스크립트등을 모아 두었습니다
[1] 2개의 팝업을 조절하는 소스입니다. [Preview]
예전에 삼성 핸드폰(맞는지..^^;;) 사이트에서
사용한 효과로 해당 사이트의 효과와는 많이 다르겠지만..

한번 만들어 봤습니다.

그리고.. 창이 부드럽게 줄여지고 움직이는건
for문을 이용하면 쉽게 구현이 가능합니다.
[2] 새창을 열지 않고 대화창을 새창처럼 이용합니다. [Preview]
브라우져 처럼 보이지만 대화창이기때문에 기능이 많이 제한되어 있습니다

하지만 응용하면 쓸데가 많이 있을거 같네요(간단한 팝업창으로 쓰기에 적절합니다)
[3] 홈페이지 해상도를 테스트하는 소스입니다. [Preview]
홈페이지 제작시...
각 해상도에서 테스트할려면 해상도를 바꾸거나
팝업창을 띄워서 하는 방법이 있죠..

이 소스는 팝업창을 띄워서 테스트하는 소스로 ..
페이지 주소와 크기 옵션등을 선택해서 팝업창을 띄웁니다..

음.. 간단히 말해선... 크기 선택해서 팝업띄우는겁니다.. ^^;;;

아.. 만들다보니.. 소스 주석을 못붙였네요.. ^^;;
일단은.. 주석이 없는채로 두겠습니다..
주석이 필요하다면 의견 주세요.. 주석붙인 소스로 바꾸겠습니다. .^^

** xp xp2에선 팝업창에 무조건 상태바가 붙는일이 있는데 소스 오류가 아닌 xp sp2의 문제입니다. =_=;;
[4] 전체창으로 열리는 팦업창 소스 [Preview]
파란별빛님께서 올려주신 소스입니다.
그런데 IE 6.x에선 전체창으로만 열리네요.
다른 버젼에서는 크기가 조정이 되는거 같은데, 미리보기 하시고 전체창이 아닌경우
꼬릿말에 테스트하신 브랑우져의 버젼을 올려 주시면 모두에게 도움이 될거 같습니다.

[5] 지정된 크기에 맞춰서 팝업창이 늘어나는 갤러리 소스 [Preview]
지정된 크기에 맞게끔 팝업창이 늘어나는 갤러리 소스 입니다...

이미지 크기에 맞춰서 팝업창이 뜨는 소스보다는 못한점이 몇가지 있지만...
나름대로 간단하게 사용시 좋을거 같습니다..
[6] IE6 SP1에도 동작하는 크롬리스 윈도우 입니다. [Preview]
IE6 SP1.. 아니 IE5.5이상에서 동작하는 크롬리스 윈도우 입니다...

제가 IE6 SP1으로 이 소스를 정리(?) 했으니 잘 됩니다...
제가 받을때 아직 1.0으로 베타판이라고 하니깐.. 문제는 있을수도 있겠네요...

NS와 Mozilla에선 안됩니다..
해당 사이트 안내로는 NS와 Mozilla에서 동작하는 소스는 구입하라고 합니다..

암튼.. 잘 사용하시구요...
출처는 http://www.chromeless.org 입니다.
[7] 일정시간후 이창을 닫습니다 [Preview]
일정시간후 새창을 닫는 스크립트입니다

[8] 새창에서 링크를 걸때 부모창으로 링크가 걸리고 새창은 닫히는 스크립트 [Preview]

새창에서 링크를 걸었을 경우

부모창으로 결과가 출력되야하는 경우가 종종있습니다

이럴때 새창이 남이있지 않고 스스로 닫히도록 하는 스크립트입니다

해당 링크할 소스안에 소스 target="_blank" OnClick="na_call('window.parent.close()');" 를 넣어주시면 됩니다

[9] 1개의 소스로 여러개의 팝업을 띄우는 소스(?) [Preview]
팝업의 소스에 다른데서 값을 받아오는걸 이용해서 여러개의 팝업을 띄우는 소스입니다...

팝업의 이름을 다르게하면 각각의 팝업이
똑같다면 1개의 팝업에서 페이지가 변경됩니다...

팝업창의 소스에
fullscreen=3
위 항목이 들어가면 풀스크린 팝업창이 아닌 기본적인 팝어창이 뜨지만
우측 상단의 최소화, 최대화, 닫기 버튼이 없는 상태로 열리게 됩니다.
(fullscreen항목은 2003년 10월 04일 추가했으며 미니위니(miniwini.com)의 술도짱님 게시물을 참고했습니다.)
[10] 팝업과는 다른 웹 페이지 대화 상자를 여는 소스 입니다. [Preview]
웹 페이지 대화 상자를 여는 소스 입니다..

팝업과는 다른 소스로 팝업은 새로운 브라우저가 뜨지만,
이 웹페이지 대화 상자는 그냥 상자로 작업 표시줄에 나타나지도 않습니다..




[11] 항상 오른쪽 아래 구석에 있다 클릭하면 페이의 맨 위로 가는 버튼 만들기 [Preview]
이미지를 레이어에 넣고 레이어를 항상 오른쪽 아래 구석에 있다가 마우스로 이미지를 클릭하면
페이지의 맨처음 위치로 이동하는 예제입니다.
[12] 1일부터 31일 까지 날짜별로 지정된 페이지로 자동 이동하거나 새창을 여는 스크립트 [Preview]
1일부터 31일 까지 날짜별로 지정된 페이지나 지정된 URL 주소로 페이지를 바꾸어 줍니다.
페이지가 불려지면 자동으로 날짜에 대응하는 변수의 페이지로 이동하게 됩니다.

새창으로 열고 싶은 경우 이부분을
window.location=daylinks[today];
//f_window(daylinks[today],800,600);

이렇게 바꾸면 됩니다.
//window.location=daylinks[today];
f_window(daylinks[today],800,600);




[13] 페이지 로딩 시간을 알 수 있습니다. [Preview]
페이지 로딩 시간을 표시하는 소스입니다..

해당 소스에는 onload를 이용했는데.
window::onload()
란 명령은 자스 시스템 함수로 페이지 로딩이 완전히 끝났을시
자동으로 수행되게 됩니다.
그러니. 페이지 로딩 시간을 구할 수 있습니다.

아, 이 winoow::onload()는, (보통)body에 붙는 onload와는 다르게 동작합니다.
즉, 1개의 페이지에 2개의 onload가 동작할 수 있습니다.
[14] 새창을 전체창으로 열고 고정된 크기로 조정하기 [Preview]
전체장으로 연경우 브라우져의 스타일이 다릅니다.
왜냐면 슬라이드 형태로 만들어 주기 때문이죠.

헌데 창의 크기를 조정하고 싶은 경우가 있습니다.
이때 이 예제를 응용하시면 됩니다.

[15] 새창으로 연 윈도우에 닫기 버튼 넣기 [Preview]
새창을 전체장으로 연경우 닫기 버튼을 넣어 주어야 하는 경우가 있습니다.
이때 이 코드를 이용하면 간단하게 처리됩니다.

<a href='javascript:self.close()'>창닫기</a>

아래의 예제는 직접 새창에 데이타를 넣은 경우(document.write() 매써드를 이용해서) 입니다.
[16] 팝업을 열기 전 테두리 선이 열리게끔 보이는 소스 입니다. [Preview]
팝업을 열면 팝업이 열리기 전 링크에서 팝업이 커지는듯한 효과를 내는 소스 입니다.
[17] 팝업 리모콘 소스 [Preview]
팝업으로 된 리모콘 소스입니다.

소스를 복사하셔서 부모창에서 정하신 타겟을 팝업창의 링크 타겟으로 주시면 됩니다..

팝업창의 소스는 예제에 있습니다.
[18] 브라우져의 크기를 1024 x 768 로 고정해서 보여주기. [Preview]
페이지 안에 아래 자스 코드를 넣으면 됩니다.

<script language=javascript>
resizeTo(1024,768) //현재 브라우져의 크기를 조정합니다.
moveTo(0,0) //시작 위치를 항상 왼쪽 구석으로 이동시킵니다.
</script>

미리보기 해보시면 됩니다.


[19] 항상 위에 있는 팝업 [Preview]
팝업이 항상 위에있는 팝업입니다.

다른 창은 전부 팝업 밑으로 들어가져..

공지같은거에 사용하면 좋겠네요..

의외로 소스는 무척 간단합니다.
[20] 전체창으로 키워주는 소스 [Preview]
창을 화면에 맞게끔 전체창으로 키워줍니다.
    [1] [2] [3] [4]    
Javascript Source List :