Gooday Note Scrap Source Android login
 
작성일 : 10-07-12 19:17
[JavaScript] JavaScript
 글쓴이 : 기리 (124.♡.25.159)
조회 : 13,490  
** 글자 깜빡이 **
// 승인대기자 깜빡이 효과
// text-decoration:blink 는 IE에서 안됨

function blinker() {
   var blink = document.all.tags("blink")
   for (var i = 0; i < blink.length; i++)
      blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : ""
}

function onPlayBlinker() {
   if (document.all)
      setInterval("blinker()", 600)
}

window.onload = onPlayBlinker;

//---> 승인대기:' + result.data[0].newUserCount + '명 ';

관리자 10-07-16 11:51
 124.♡.25.159  
////////////setTimeout///////////////////////////////////////////

<span id=Clock1>&nbsp;</span>
<SCRIPT>var timer1='';
function clock1(){
  Clock1.innerHTML=new Date().toLocaleString();
  timer1=setTimeout('clock1()',50)
}
</SCRIPT>

<INPUT type=button value="타이머 시작" onClick="clock1()"><BR>
<INPUT type=button value="타이머 중지"
  onClick="if (timer1) window.clearTimeout(timer1)">

////////////setTimeout///////////////////////////////////////////

<span id=Clock>&nbsp;</span>
<SCRIPT>
var timer='';
function clock(){
Clock.innerHTML=new Date().toLocaleString();
}
</SCRIPT>
<INPUT type=button value="타이머 시작"
  onClick="timer=window.setInterval('clock()',50);"><BR>
<INPUT type=button value="타이머 중지"
  onClick="if (timer) window.clearInterval(timer)"> 


차이는 setTimeout은 한번만 작동하고 계속 작동될려면 재귀적으로 함수안에서 그 함수를 호출하여야 한다.
setInterval은 지정정된 밀리 초 마다 반복적으로 함수를 호출한다.
관리자 10-07-19 11:35
 124.♡.25.159  
** 다양한 HTML 소스복사 / 마우스 우클릭 방지 모음 **

http://ruru.tistory.com/entry/%EB%A7%89%EA%B8%B0

1. 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기
 
<body oncontextmenu='return false' ondragstart='return false' onselectstart='return false'>

 
oncontextmenu='return false' : 마우스 오른쪽 메뉴 금지
ondragstart=return false : 드래그 금지
onselectstart='return false' : 선택복사 금지

참고 onkeydown="return false" 키보드 완전 금지
 


2. 마우스 오른쪽 버튼 클릭시 경고 메세지
<script language=JavaScript>function click() {if ((event.button==2) || (event.button==2)) {alert('죄송합니다. 오른쪽 마우스 금지입니다. - 태그인넷 ');}}document.onmousedown=click// --></script>
 

3. 프레임 소스보기 막기
 
<script language="JavaScript">
if(parent.frames.length <= 0) { top.location.href="http://tagin.net"; }
</script>
프레임을 쓰는 홈페이지에서 프레임 페이지가 아닌 하위 프레임으로 직접 들어갔을 때 http://tagin.net로 이동하는 예제입니다
head에 넣어주세요
 

4. 새로고침(F5), 전체창(F11) 막기
<SCRIPT LANGUAGE="JavaScript">
<!-- www.tagin.net
function processKey()
{
        if( (event.ctrlKey == true && (event.keyCode == 78 || event.keyCode == 82)) ||
        (event.keyCode >= 112 && event.keyCode <= 123) || event.keyCode == 8)
            {
        event.keyCode = 0;
        event.cancelBubble = true;
        event.returnValue = false;
            }
}
document.onkeydown = processKey;
-->
</script>

 
5. shift, ctrl (쉬프트, 컨트롤)키 클릭하면 경고메세지 띄우기
<script language="JavaScript">
<!-- www.tagin.net
function click() {
    if((event.ctrlKey) || (event.shiftKey)) {
      alert('키를 사용할 수 없습니다.');
    }
  }
document.onmousedown=click;
document.onkeydown=click;
-->
</script>

<script language='javascript'>
function keyEvent(ev) {
var evCode = (window.netscape) ? ev.which : ev.keyCode;

if(evCode == 13) {
alert('엔터키가 눌렸습니다.');
}         
return false;
}

//onKeyPress='keyEvent(event)'
</script>
 

6. 동영상 마우스 오른쪽 버튼 막기
<embed src="http://tagin.net/js/1.wmv" EnableContextMenu="false" >

<object classid='clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95' id='MediaPlayer1' width="580" height="387">
  <param name='AudioStream' value='-1'>
  <param name='AutoSize' value='false'>
  <param name='AutoStart' value='true'>
  <param name='AnimationAtStart' value='true'>
  <param name='AllowChangeDisplaySize' value='true'>
  <param name='BufferingTime' value='5'>
  <param name='DisplayBackColor' value='0'>
  <param name='DisplayForeColor' value='16777215'>
  <param name='Enabled' value='true'>
  <param name='EnableContextMenu' value='false'>
  <param name='EnableTracker' value='true'>
  <param name='Mute' value='false'>
  <param name='PlayCount' value='1'>
  <param name='Rate' value='1'>
  <param name='ShowCaptioning' value='1'>
  <param name='ShowControls' value='true'>
  <param name='ShowAudioControls' value='true'>
  <param name='ShowDisplay' value='false'>
  <param name='ShowGotoBar' value='false'>
  <param name='ShowPositionControls' value='true'>
  <param name='ShowStatusBar' value='false'>
  <param name='ShowTracker' value='true'>
  <param name='TransparentAtStart' value='false'>
  <param name='Volume' value='-110'>
  <param name="FileName" value="http://tagin.net/js/1.wmv">
  <param NAME="SAMIFileName" VALUE="자막주소">
</object>
 
동영상 태그(embed, object) 자세히 보기



7. 상태바의 링크 주소 감추기
<script language=JavaScript>
setInterval("x()",1);
function x(){window.status="태그인넷"}
</script>
 <A href="http://tagin.net">태그인넷</a>

다른 소스

<a href="http://tagin.net" onmouseover="self.status='태그인넷';return true" onmouseout="self.status=' 태그인넷';return true">링크 </a>

<head>
<script language="JavaScript">
<!--

function hidestatus()
{
window.status='태그인넷'
return true
}
if (document.layers)
document.captureEvents(Event.mouseover | Event.mouseout)
document.onmouseover=hidestatus
document.onmouseout=hidestatus

// -->
</script>
</head>

 
 . . .
관리자 10-07-31 22:27
 124.♡.25.159  
* DIV 회전 시키지

//=========================  Explorer 일경우

http://msdn.microsoft.com/en-us/library/ms533014(v=VS.85).aspx

//===
<SCRIPT><!-- fnSetRotation function -->
//oObj input requires that a matrix filter be applied.
//deg input defines the requested angle of rotation.
var deg2radians = Math.PI * 2 / 360;
function fnSetRotation(oObj, deg)
{    rad = deg * deg2radians ;
    costheta = Math.cos(rad);
    sintheta = Math.sin(rad);

    oObj.filters.item(0).M11 = costheta;
    oObj.filters.item(0).M12 = -sintheta;
    oObj.filters.item(0).M21 = sintheta;
    oObj.filters.item(0).M22 = costheta;

}

<!-- fnResize function -->
//oObj input requires that a matrix filter be applied.
//flMultiplier input defines the amount by which the oObj is resized.
function fnResize(oObj, flMultiplier)
{    oObj.filters.item(0).M11 *= flMultiplier;
    oObj.filters.item(0).M12 *= flMultiplier;
    oObj.filters.item(0).M21 *= flMultiplier;
    oObj.filters.item(0).M22 *= flMultiplier;
}


var iCount = 400;
<!-- fnSpin function -->
function fnSpin(oObj)
{

<!-- The function chosen for flMultiple defines size changes in the animation. -->
var flMultiple = iCount/720;
iCount += 4;

<!-- The number of 360-degree rotations is three. -->
if (iCount>=360*3)    {
oObj.onfilterchange = null;
}

fnSetRotation(oObj, iCount);
fnResize(oObj, flMultiple);
}
</SCRIPT>

<!-- When loaded, the onfilterchange event is fired as the filter makes
its initial settings.  This starts the animation.-->
<DIV ID="oDiv" STYLE="position:absolute;
filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand')"
onfilterchange="fnSpin(this)" >
<DIV STYLE=" background-color: lightblue; padding:5;">
    SOME TEXT<BR/>
    SOME TEXT<BR/>
    SOME TEXT<BR/>
    SOME TEXT<BR/>
</DIV>
</DIV>


//=============================== firefox 일경우

http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html

<style type="text/css" media="screen">
.square {
    width: 144px;
    height: 144px;
    background: #f0f;
    margin-right: 48px;
    float: left;
}

.transformed {
    -webkit-transform: rotate(15deg) scale(1.25, 0.5);
    -moz-transform: rotate(15deg) scale(1.25, 0.5);
    transform: rotate(15deg) scale(1.25, 0.5);
}
</style>

<div class="square"><p>Lorem ipsum dolor sit amet.</p></div>
<div class="square transformed"><p>Lorem ipsum dolor sit amet.</p></div>
관리자 10-08-04 13:36
 124.♡.25.159  
************************* 공백 문자 처리 **********************
trim a string from white space by JavaScript function

http://ntt.cc/2008/01/18/trim-string-white-space-javascript-function.html

<SCRIPT LANGUAGE=“JavaScript”>
<!--
//made by minidxer
//For more visit http://ntt.cc
// Trim() , Ltrim() , RTrim()
// trim blank space at the string
String.prototype.Trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, “”);
}
 
// trim blank space at the beginning
String.prototype.LTrim = function()
{
return this.replace(/(^\s*)/g, “”);
}
 
// trim blank space at the end
String.prototype.RTrim = function()
{
return this.replace(/(\s*$)/g, “”);
}
//–>
</SCRIPT>
-----------------------------------------------------------------------
// implementing a trim function for strings in javascript
<script language=“JavaScript” type=“text/javascript”>
var s = new String(” Hello,world!  “);
 
// use it like this
s=s.trim();
alert(“#” + s + “#”);
// end hiding contents –>
</script>
관리자 10-08-24 13:26
 124.♡.25.159  
* KeyDown, KeyPress, KeyUp Event 차이

 http://hurrah.springnote.com/pages/1099088

KeyDown 과 KeyUp 이벤트는 글쇠가 눌러지거나 눌러지고 난 다음에 발생한다.

모든 키에 대해 적용되지만 보통은 다음과 같이 특정한 기능 글쇠를 사용했는지 확인 할 때 사용한다.

- 기능 글쇠(F1, F2)가 사용되었는지 여부를 판단한다.

- Home, End.. 이동 글쇠가 사용되었는지 여부를 판단한다.

- Shift, Alt, Ctrl 글쇠가 사용되었는지 여부를 판단한다.

반면 KeyPress 이벤트는 일반적인 문자나 숫자 입력에 대한 이벤트에 사용한다.

만약, KeyDown 이벤트를 사용하지 않고 KeyPress 이벤트를 사용하면 Enter, Tab 글쇠는 인식하지 못하여 이벤트가 발생하지 않는다.

@ 한글을 입력할 경우 항상 키코드값이 229가 된다. 또한 IE는 한글 입력 상태에서 키보드를 누를 때마다 keydown 이벤트가 발생하지만, 파이어폭스나 모질라, 오페라의 경우는 keydown 이벤트가 처음 한 번만 발생하고 그 이후에는 발생하지 않는다. 따라서 한글 데이터를 이력해야 하는 곳에 서는 keydown 이벤트를 사용할 때 주의를 기울여야 한다.
관리자 10-08-25 18:32
 124.♡.25.159  
* window resize event

http://stackoverflow.com/questions/641857/javascript-window-resize-event

var addEvent = function(elem, type, eventHandle) {
    if (elem == null || elem == undefined) return;
    if ( elem.addEventListener ) {
        elem.addEventListener( type, eventHandle, false );
    } else if ( elem.attachEvent ) {
        elem.attachEvent( "on" + type, eventHandle );
    }
};

addEvent(window, "resize", function() { alert("hello there!"); } );
 
 

Total 121
번호 제   목 글쓴이 날짜 조회
121 [Java] 실행 오류 : 기본 클래스 []을 찾거나 로드할 … 기리 12-19 22829
120 [Java] 로봇클래스 - 마우스제어,키보드제어,화면캡… (1) 기리 06-20 22584
119 [Html] <br>태그 html에서 줄간격 사이즈 줄이기 … (1) 기리 11-01 18778
118 [Linux] 리눅스 마운트(mount) 명령어 기리 05-12 16778
117 [JavaScript] JavaScript (6) 기리 07-12 13491
116 [PHP] PHP 세션에서 시작, 변수등록, 변수삭제, 부수… 기리 04-22 11074
115 [Linux] 리눅스 - 복사 강제 덮어쓰기 (3) 관리자 02-23 9530
114 [JavaScript] 원하는 부분만 인쇄하기 (1) 기리 11-28 9444
113 [Linux] APM yum으로 설치하기 기리 08-22 8871
112 [Linux] CentOS Network 설정 (2) 기리 05-18 8827
111 svn 변경된 파일만 export 하기 (1) 관리자 02-28 8632
110 [MySql] 여러 테이블의 최근 게시물 추출 기리 07-11 8160
109 [PHP] PHP 5.3 버전 DEPRECATED 기리 05-14 8014
108 [Linux] 현재 접속자수 보기 netstat (1) 기리 10-12 7542
107 [MySql] 소켓에러 (3) 기리 04-25 7474
 1  2  3  4  5  6  7  8  9  
and or