작은악마`s Blog

HTML 작업을 진행하다 보면

A 태그는 이동을 하는 역활을 하는 것이지만 몇가지의 이유로

A 태그에 onClick 이벤트를 써야 하는 경우가 있다.

이때 A 태그의 href의 기능을 무효화 해야하는데...

이를 위해서는 주로 아래의 방법을 많이 사용한다.

<a href='#' onClick='함수();'>

이 경우 onClick에 의해서 페이지가 이동하지 않을 경우

페이지가 길면 최상단으로 이동을 하는등의 원치 않는 문제를 야기할 수 있다.

그래서 구글링을 해본 결과...

<a href='#' onClick='함수(); return false'>

또는

<a href='javascript:void(0);' onClick='함수(); return false'>

등을 사용하면 된다.

* 이글은 개인적으로 살펴보고 싶은것을 잊지 않기 위해 남긴 글입니다. ^^

공개 보드의 소스를 살펴보다가 bootstrap을 발견하였다.

이건 또 뭐지??

한 3~4년을 앱개발만 해서인가??

모르는게 많아졌네..ㅡㅡ;

일단 간단히 살펴본 결과

HTML5와 CSS 와 관련된거 같고...

반응형 웹을 위한거고..

jquery가 같이 있어야 한다는 글을 보긴 했는데...

직접 써보거나 분석해 본것도 아니니 아직은 막연하네... 

이것에 관한 자세한 글이나 문서 없나?? ㅜㅜ

일단 해당 사이트는 아래 주소..

http://getbootstrap.com/

웹작업을 할때 selectbox를 펼쳐있는 상태로 사용을 할 필요가 있을때가 있었다

지금까지는 다음과 같이 사용해왔다

<select name="test" multiple style="width:200px; height:200px">

그러나 위와 같이 하면 컨트롤 키를 누른상태로 클릭하게 되면 말그대로 복수개가 선택되게 된다.

그러나 단지 펼쳐서 보여지게만 하고 단일 선택만 가능하게 하고 싶을때는 다음과 같이 하면 된다.

<select name="test" size="10" style="width:200px; height:200px">

여기서 주의할 점...

size를 10으로 해놓았다고 하더라도 height의 값에 따라서 표시되는 수가 변화된다.