novasera
SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

calendar

 « 2025.8  »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
  • total
  • today
  • yesterday

FF에서 col에 width밖에 안먹는다는데...

2009. 9. 3. 15:14 Programming(Web)/웹표준 & 호환성

정말 버그란 말인가. 흐엉 흐엉

저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > 웹표준 & 호환성' 카테고리의 다른 글

[ㅠㅠ] DOCTYPE 1.0은 엄격하다.  (0) 2009.09.03
!important 핵아닌 css 핵  (0) 2009.09.03
alt 와 title의 차이  (0) 2009.08.19
IE 와 FF ChildNodes 의 개수가 틀린 이유  (0) 2009.08.19
DOM style property  (0) 2009.08.13
posted by novasera

[AJAX] AJAX를 이용한 Naver 키워드 검색 효과 구현

2009. 9. 1. 10:33 Programming(Web)/JAVASCRIPT

http://blog.naver.com/PostView.nhn?blogId=news2day&logNo=60018194594&widgetTypeCall=true
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > JAVASCRIPT' 카테고리의 다른 글

[JS] onmousedown, 그 외 기타 event firefox처리  (0) 2009.09.18
[JS] 유용한 공통함수  (0) 2009.09.16
[DOM] DOM을 이용한 CSS 스타일 적용  (0) 2009.09.08
[JS] input type="file" 값 reset 하기  (0) 2009.08.19
[AJAX] 웹 개발자, 웹 디자이너를 위한 16가지의 자바 스크립트 / Ajax 효과  (0) 2009.08.13
posted by novasera

alt 와 title의 차이

2009. 8. 19. 18:44 Programming(Web)/웹표준 & 호환성
1. alt(alternative) : '이미지의 대안, 이미지에 대한 설명'이라고 보시면 됩니다. 용도는 
① 인터넷 속도, 또는 컴퓨터 사양 문제로 웹브라우저 설정을 '이미지 출력 안 함'으로 한 사용자에게 이미지에 대한 간략한 설명을 볼 수 있음. (데스크탑이 아닌 모바일기기로 접속시에도 유용함.) 
② 시각장애인의 웹서핑시 사용하는 리더(reader) 프로그램이 텍스트는 읽어주나, 이미지는 읽을 수 없으므로 alt태그 안의 설명을 읽어줌. 
③ 일반인 웹서핑시 인터넷 접속 등의 문제로 해당 이미지를 불러오지 못했을 때, 배꼽과 함께 이미지 설명을 보여줌. 

2. title : 이미지 위에 마우스 포인터를 올려 놓았을 때 풍선 도움말처럼 뜨게 함. 
① 이미지뿐 아니라, a태그, span태그, td태그 등 거의 대부분의 태그에 사용할 수 있고, '클릭하시면 다음 사진으로 바뀝니다.' 등의 간단한 풍선도움말 형식을 사용할 수 있음. 특히 웹표준에서는 a태그에 title 속성은 필수항목임. 링크주소에 대한 설명을 넣어, 링크주소에도 의미를 부여할 수 있음. 
② 터치스크린 모바일기기에서 웹브라우징시에는 a링크 또는 이미지에 마우스 포인터를 올려놓을 수 없으므로, 한 번 터치시 title내용을 보여주고, 두 번 터치시 해당 링크로 접속이 됨. 
③ 일반적인 게시판 리스트 페이지에서 게시물 제목을 일정 길이로 잘랐을 때, title속성에 전체 제목을 넣어주면, 해당 게시물을 클릭할 필요 없이 마우스 오버만으로 전체 제목을 볼 수 있음. 

URL : PHPSCHOOL
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > 웹표준 & 호환성' 카테고리의 다른 글

!important 핵아닌 css 핵  (0) 2009.09.03
FF에서 col에 width밖에 안먹는다는데...  (0) 2009.09.03
IE 와 FF ChildNodes 의 개수가 틀린 이유  (0) 2009.08.19
DOM style property  (0) 2009.08.13
javascript innerText  (0) 2009.08.13
posted by novasera

[JS] input type="file" 값 reset 하기

2009. 8. 19. 18:14 Programming(Web)/JAVASCRIPT
http://hoooow.tistory.com/entry/input-typefile-값-reset-하기

다중업로드 게시판을 만드는 중에 input type="file"의 버튼을 눌러 파일을 첨부하면
onChange 이벤트로 자동 업로드를 하고 결과를 바로 밑에 div에 보여주는 방식이였다.

헌데 업로드 후 똑같은 파일을 또 업로드 하려고 하면 전에 입력한 파일과 같은 값이니
onChange이벤트가 발생하지 않아 type="file"의 값을 초기화 시키기로 했다.

처음에는 file 폼만 값을 초기화 시키려고

document.fileForm.userfile.value = "";

했는데, 이 방법은 FF에서는 잘되지만 IE에서는 되지 않았다.
그래서 이번엔 위의 블로그를 보고

document.getElementById("userfile").select();
document.selection.clear();

이렇게 바꿔보았더니 IE에서는 되지만 FF에서는 document.selection이 뭐냐고하며 안됬다.
또한 IE에서도 잘되긴 하지만 select로 focus가 간다음 값을 바꿔서 그런지
onChange이벤트가 일어나서 쓰기 힘들었다.

결국 어떻게 할까 고민하다가 생각해보니 해당 form 태그 안에 input이 type="file" 하나밖에 없다는걸
깨달았고 (ㅠㅠ) 그냥 form.reset(); 으로 해결했다. (...)
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > JAVASCRIPT' 카테고리의 다른 글

[JS] onmousedown, 그 외 기타 event firefox처리  (0) 2009.09.18
[JS] 유용한 공통함수  (0) 2009.09.16
[DOM] DOM을 이용한 CSS 스타일 적용  (0) 2009.09.08
[AJAX] AJAX를 이용한 Naver 키워드 검색 효과 구현  (0) 2009.09.01
[AJAX] 웹 개발자, 웹 디자이너를 위한 16가지의 자바 스크립트 / Ajax 효과  (0) 2009.08.13
posted by novasera

IE 와 FF ChildNodes 의 개수가 틀린 이유

2009. 8. 19. 17:48 Programming(Web)/웹표준 & 호환성

저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > 웹표준 & 호환성' 카테고리의 다른 글

FF에서 col에 width밖에 안먹는다는데...  (0) 2009.09.03
alt 와 title의 차이  (0) 2009.08.19
DOM style property  (0) 2009.08.13
javascript innerText  (0) 2009.08.13
[호환성] style.display  (0) 2009.07.29
posted by novasera

Input type="file" 폼에 직접 입력 금지

2009. 8. 17. 14:43 Programming(Web)/일반

<input type="file" name="userfile" size="20" onkeydown="event.returnValue=false;">

위에 것은 영문, 숫자, 특문까지만 막고, 한글은 못막는다.

한글은 style로 처리.

style="ime-mode:disabled"
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > 일반' 카테고리의 다른 글

[CSS] IME 컨트롤 한/영 변환 관련  (0) 2009.10.30
[CSS] CSS 최적화 시키기  (0) 2009.09.30
[HTML] mailto에 context 내용을 포함 하여 아웃룩 실행  (0) 2009.09.28
UTF-8 저장시 BOM으로 인해 발생되는 문제  (0) 2009.09.03
offset~ 개념.  (0) 2009.08.14
posted by novasera

[PHP] 배열 함수 목록

2009. 8. 14. 17:17 Programming(Web)/PHP
http://blog.naver.com/blue_0227?Redirect=Log&logNo=130044353656
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > PHP' 카테고리의 다른 글

[PHP] 문자열 요약 mb_strimwidth  (0) 2009.09.29
[PHP] 첨부파일 다운로드 시 '열기'버튼을 눌렀을 때 파일을 찾을 수 없다고 나오면...  (0) 2009.09.28
[PHP] UTF-8 관련해서.  (0) 2009.09.04
[PHP] include 경로 설정 관련.  (0) 2009.07.28
[PHP] 값 전달  (0) 2009.07.11
posted by novasera

offset~ 개념.

2009. 8. 14. 14:15 Programming(Web)/일반

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


offsetparent 제대로 이해하기
http://www.happyfri.com/blog/158
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > 일반' 카테고리의 다른 글

[CSS] IME 컨트롤 한/영 변환 관련  (0) 2009.10.30
[CSS] CSS 최적화 시키기  (0) 2009.09.30
[HTML] mailto에 context 내용을 포함 하여 아웃룩 실행  (0) 2009.09.28
UTF-8 저장시 BOM으로 인해 발생되는 문제  (0) 2009.09.03
Input type="file" 폼에 직접 입력 금지  (0) 2009.08.17
posted by novasera

DOM style property

2009. 8. 13. 18:04 Programming(Web)/웹표준 & 호환성

newLDiv.style.clear = "left";
newLDiv.style.styleFloat = "left";
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > 웹표준 & 호환성' 카테고리의 다른 글

FF에서 col에 width밖에 안먹는다는데...  (0) 2009.09.03
alt 와 title의 차이  (0) 2009.08.19
IE 와 FF ChildNodes 의 개수가 틀린 이유  (0) 2009.08.19
javascript innerText  (0) 2009.08.13
[호환성] style.display  (0) 2009.07.29
posted by novasera

[AJAX] 웹 개발자, 웹 디자이너를 위한 16가지의 자바 스크립트 / Ajax 효과

2009. 8. 13. 17:53 Programming(Web)/JAVASCRIPT
http://blog.naver.com/hks0243/130034021567
저작자표시 비영리 변경금지 (새창열림)

'Programming(Web) > JAVASCRIPT' 카테고리의 다른 글

[JS] onmousedown, 그 외 기타 event firefox처리  (0) 2009.09.18
[JS] 유용한 공통함수  (0) 2009.09.16
[DOM] DOM을 이용한 CSS 스타일 적용  (0) 2009.09.08
[AJAX] AJAX를 이용한 Naver 키워드 검색 효과 구현  (0) 2009.09.01
[JS] input type="file" 값 reset 하기  (0) 2009.08.19
posted by novasera

티스토리툴바