'Client-Side'에 해당되는 글 22건

  1. 2009.09.24 이메일 체크.
  2. 2009.09.17 javascript mootools addEvent 주의사항.
  3. 2009.09.15 jsdoc-toolkit 실행하기.
  4. 2009.08.20 Prototype => Element.extend
  5. 2009.08.20 hover를 위한 li태그와 a태그.
Client-Side/Javascript2009. 9. 24. 15:04
var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
var email = $('email').value;

if( !email.match(emailRegEx) ){
window.alert("이메일 양식에 맞게 입력하세요.");
}

Posted by 준피
Client-Side/Javascript2009. 9. 17. 23:04
$(element).addEvent(event, function);    <- addEvent 문법.


mootools에서 addEvent를 사용하는 경우 주의사항이 있다.
function부분을 잘 살펴 보자.

만일 함수부분에서 메소드를 호출하는 경우,

$(element).addEvent(click, Dog.bark());
이런식으로 사용하게 되면 돔에 이벤트 리스너를 붙임과 동시에 실행을 하게 된다.

$(element).addEvent(click, Dog.bark);
이렇게 하면 실행은 하지 않은채 이벤트 리스너만 붙인다.


prototype의 경우도 마찬가지이다.

$(element).observe(click, Dog.bark());
-> 이벤트 리스너를 돔에 붙임과 동시에 실행.
$(element).observe(click, Dog.bark);
-> 이벤트 리스너를 돔에 붙인다. 실행은 하지 않는다.

Posted by 준피
Client-Side/Javascript2009. 9. 15. 16:22

jsdoc 실행하기.

간만에 실행했더니 가물가물 하네요.

워낙 코드보기가 쉽지 않다는 자바스크립트를 위해 나왔죠.

http://code.google.com/p/jsdoc-toolkit/
Posted by 준피
Client-Side/Javascript2009. 8. 20. 14:44
this.a = document.createElement('a');

var Item = this.a;

Item.toggleClassName('class');

IE에서 문제가 생길 수 있다.

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

IE에서 createElement를 이용해서 DOM을 생성했다면,
그리고 Prototype의 명령어를 사용해야 한다면,

Element.extend 를 사용할 것.

참고
http://prototypejs.org/learn/extensions
Posted by 준피
Client-Side/HTML, CSS2009. 8. 20. 14:34
li태그 안에 a태그를 이용해서 html 코딩을 해야지만,
IE6등 하위버전 웹브라우저에서 hover기능을 활용할 수 있다.

여기서 id 값을 li태그에 주느냐, a태그에 주느냐에 따라 크로스 브라우징 시에
문제가 상당히 달라질 수 있다.

a태그에 주는 것이 IE에서나 FF에서나 용이하다고 생각한다.

<li><a href="#" id="id" class="class" onClick="return false;"> 내용</a></li>

'Client-Side > HTML, CSS' 카테고리의 다른 글

CSS3 embossing, highlight, gradient effect  (0) 2010.06.07
HTML5 meta Tag  (0) 2010.06.07
[html]테이블의 올바른 사용법  (0) 2009.11.17
div(block element) vs span(inline element)  (0) 2009.03.24
name=contents readOnly  (0) 2006.11.27
Posted by 준피