[javascript/tip] a tag에 onclick event 설정해서 이동 전에 이용자 확인 받는 방법

2014. 11. 27. 02:42 from Dev/javascript

알고 보면 간단한 팁이지만, 원스텝으로 이용자 확인 받고 다른 링크로 넘어가는 과정을 보여드리겠습니다.

당연히 다른 페이지로 넘어가는 데에는 a tag을 이용합니다.

여기에 onclick event를 설정해서 이용자 input을 받는 거지요.

예를 들어, delete.php로 이동하기 전에 삭제 확인을 받으려면 다음과 같이 합니다.

삭제
Posted by banasun :

[AngulrJS] angularJS 개발하는 과정 샘플로 볼 수 있는 글

2014. 8. 27. 17:30 from Dev/javascript

며칠째 angularJS 자료를 찾아보다 개발과정을 한눈에 딱 볼 수 있는 글이 있어 소개차(잊어먹지 않도록) 포스팅합니다. 글쓴이는 Matt Raible씨라고.. AngularJS 관련 자료 찾아보다 보면 동영상 강의나 프리젠테이션으로 많이 볼 수 있는 개발자입니다. 읽다 보면 삽질(?)한 이야기까지 써있어서.. 꽤 재미있습니다. ^^

  1. Developing with AngularJS - Part I: The Basics
  2. Developing with AngularJS - Part II: Dialogs and Data
  3. Developing with AngularJS - Part III: Services
  4. Developing with AngularJS - Part IV: Making it Pop


Posted by banasun :

inline-css에서 a:hover 스타일 지정하기

2014. 8. 2. 00:53 from Dev/css

css에서 a:hover로 링크에 대한 스타일을 지정하는데, 

가끔 특정 부분에 대해서만 변경하면서 inline-css로 스타일을 지정해주고 싶은 때가 있습니다. 이럴땐 어떻게 하면 될까요??

:hover 는 일종의 pseudo-selector입니다. 즉, stylesheet 안에서만 의미가 있는 거지요. 

이럴 때에는 올드스타일이지만, javascript로 지정해주는 수밖에 없습니다.

Click Here



'Dev > css' 카테고리의 다른 글

IE에서 textarea 가로 scrollbar 숨기기  (0) 2014.04.16
[bootstrap] minimum width 설정  (0) 2014.02.13
CSS 간단 압축기  (0) 2012.06.15
Posted by banasun :

[javascript] validate form.. 예전 방식

2014. 7. 8. 06:59 from Dev/javascript

간단한 팁 정리.. 

간혹 다른 사이트 코드를 보다 보면 폼 요소 검사를 하면서 form.action을 수정한 후 form.submit()을 하는 경우가 있다. 

차라리 이럴 때는 예전 방식대로 처리하는게 더 간단한 것 같다.


<form ... onsubmit="return checkForm();">


<script>

function checkForm() {

... code here ...

return false;

}


해버리면 submit되기 전에 원하는 validation을 할 수 있다.

소스 코드는 조금 수정 예정..

Posted by banasun :