Page 1 of 1

FF에서 onkeyup, onkeydown.?

Posted: 2006 01 23 11:59 00
by hiphapis
FireFox에서, onkeyup, onkeydown 안되나요..?

혹시나, readOnly 처럼, 대소문자 가리나 싶어서,
이리저리 바꾸면서 해 봤는대도 안되네요..

가이드에 보니깐, 사용가능하다고 나오는데..

Code: Select all

onkeyup="testFunction(getElementById('A').value, getElementById('B').value, getElementById('C').value)"
이렇습니다.
IE에서는 잘 되는데, FireFox에서는 잘 안되네요...
1.5Ver입니다.

아, 그리고 cursor도 가이드에선 가능하다고 나오는데 안되는것 같아요..

Code: Select all

style="cursor:hand"
아무래도, 제가 사용법을 잘못 알고 있는것 같은데..
좋은 말씀 부탁드리겠습니다 (__)

style="cursor:pointer"

Posted: 2006 01 23 12:46 08
by 제비꽃
style="cursor:pointer" 입니다.

Posted: 2006 01 23 13:00 09
by hiphapis
default
화살표 모양의 기본 형태로 표시합니다. 4.0 6.0

auto
브라우저의 설정값에 따릅니다. 4.0 6.0

crosshair
십자가 모양으로 표시합니다. 4.0 6.0

pointer
링크를 나타내는 손 모양으로 표시합니다. - 6.0

move
이동시킬 때 나타나는 모양으로 표시합니다. 4.0 6.0

e-resize
오른쪽 경계선 크기 조절을 나타내는 모양으로 표시합니다. 4.0 6.0

ne-resize
오른쪽 위 모서리를 이동하여 크기를 조절할 때 나타나는 모양으로 표시합니다. 4.0 6.0

nw-resize
왼쪽 위 모서리를 이동하여 크기를 조절할 때 나타나는 모양으로 표시합니다. 4.0 6.0

n-resize
위쪽 경계선 크기 조절을 나타내는 모양으로 표시합니다. 4.0 6.0

se-resize
오른쪽 아래 모서리를 이동하여 크기를 조절할 때 나타나는 모양으로 표시합니다. 4.0 6.0

sw-resize
왼쪽 아래 모서리를 이동하여 크기를 조절할 때 나타나는 모양으로 표시합니다. 4.0 6.0

s-resize
아래쪽 경계선 크기 조절을 나타내는 모양으로 표시합니다. 4.0 6.0

w-resize
왼쪽 경계선 크기 조절을 나타내는 모양으로 표시합니다. 4.0 6.0

text
글자를 가리키는 형태로 표시합니다. 4.0 6.0

wait
프로그램이 실행 중임을 나타내는 모양(보통 모래 시계)으로 표시합니다. 4.0 6.0

help
도움말을 가리키는 물음표나 풍선 모양으로 표시합니다. 4.0 6.0





감사합니다~!

Re: FF에서 onkeyup, onkeydo

Posted: 2006 01 23 14:53 43
by eouia
hiphapis wrote:FireFox에서, onkeyup, onkeydown 안되나요..?

혹시나, readOnly 처럼, 대소문자 가리나 싶어서,
이리저리 바꾸면서 해 봤는대도 안되네요..

가이드에 보니깐, 사용가능하다고 나오는데..

Code: Select all

onkeyup="testFunction(getElementById('A').value, getElementById('B').value, getElementById('C').value)"
이렇습니다.
IE에서는 잘 되는데, FireFox에서는 잘 안되네요...
1.5Ver입니다.
onkeyup, onkeypress, onkeydown 다 사용가능합니다. 다만 이벤트가 발생하는 시점이 세가지가 미묘하게 다르며, FF에서 "한글상태"일 경우에는 이벤트가 제대로 발생하지않는 문제점이 있는 것 같습니다.

Re: FF에서 onkeyup, onkeydo

Posted: 2006 01 23 15:22 46
by hiphapis
eouia wrote:FF에서 "한글상태"일 경우에는 이벤트가 제대로 발생하지않는 문제점이 있는 것 같습니다.
라고 말씀하셧는데
말씀하신 "한글상태" 라는게 어떤건지 잘 이해가 안가네요.
한글Ver를 말씀하시는건지..
아니면, 인코딩을 말씀하시는건지.. :shock:


그리고, FF에서는

Code: Select all

body{ font: 12px; verdana	}
이렇게 안되나요..?

Code: Select all

body
{
	font-size: 12px;
	font-family:verdana;
}
다 풀어서 쓰는 방법만 있는건지..

쩝..IE만 사용하다, FF에서도 제대로 나오게 할려고 코딩하는데
쉽지가 않네요 ㅠ,.ㅠ

Re: FF에서 onkeyup, onkeydo

Posted: 2006 01 23 16:16 17
by kiryu
hiphapis wrote:그리고, FF에서는

Code: Select all

body{ font: 12px; verdana	}
이렇게 안되나요..?
font : verdana, 12px; 로 해보세요.
중간에 종결해버리니 폰트가 적용 안 되는 것 같은데요?

Re: FF에서 onkeyup, onkeydo

Posted: 2006 01 23 17:23 40
by 박민권
hiphapis wrote:
eouia wrote:FF에서 "한글상태"일 경우에는 이벤트가 제대로 발생하지않는 문제점이 있는 것 같습니다.
라고 말씀하셧는데
말씀하신 "한글상태" 라는게 어떤건지 잘 이해가 안가네요.
한글Ver를 말씀하시는건지..
아니면, 인코딩을 말씀하시는건지.. :shock:
간단하게 키입력이 한글인 상태를 말합니다.
한영키를 통한 한글/영문 입력상태.
hiphapis wrote:
그리고, FF에서는

Code: Select all

body{ font: 12px; verdana	}
이렇게 안되나요..?
body{font: 12px verdana;} 입니다.

verdana 글꼴이 없는 경우를 위해서 아래처럼 해주세요.
body{font: 12px verdana, sans-serif;}

verdana가 없을경우 sans-serif 로 대체 입니다.

글꼴에서 serif 와 sans-serif 그리고 제대로된 글꼴 사용은
viewtopic.php?t=4064
을 참고해보세요.

웹표준가이드를 보시는 것도 좋습니다.

Posted: 2006 01 23 17:52 03
by hiphapis
아, 오타가 있었네요, 에효 창피해라 :oops:


그리고, onkeyup, onkeydown 은 한글상태일때도, 마찬가지인데요..
말씀하신게 맞다면, 제가 코딩을 잘못한건데..
아래 링크의 빠른검색 부분입니다.

http://210.118.153.182/Ajax/Calendar.php

한번 보시고, 잘못된것좀 지적부탁드려 될런지요..?

정말 감사합니다.(__)

Posted: 2006 01 23 17:59 13
by 박민권
hiphapis wrote:아, 오타가 있었네요, 에효 창피해라 :oops:


그리고, onkeyup, onkeydown 은 한글상태일때도, 마찬가지인데요..
말씀하신게 맞다면, 제가 코딩을 잘못한건데..
아래 링크의 빠른검색 부분입니다.

http://210.118.153.182/Ajax/Calendar.php

한번 보시고, 잘못된것좀 지적부탁드려 될런지요..?

정말 감사합니다.(__)
불여우에서 기본으로 제공하는 자바스크립트 콘솔창을 열어보니
document.getElementById("Year").value = Year;
이 부분에 에러가 있어서 멈췄습니다.

소스를 들여다보니
<input name="Year"
이라고 되어 있네요.

getElementById()는 말그대로 id를 통해 엘레멘트를 얻어오는 것 입니다.

<input id="Year" 이라고 하셔야 맞습니다.
id는 당연히 한페이지에 단일로 존재하여야 하구요.

getElementsByName() 으로 이름을 통해 엘레멘트를 참조할 수 있지만 getElement가 아닌 getElements 입니다.
엘레멘트를 복수로 참조하게 됩니다.

Posted: 2006 01 23 18:22 19
by hiphapis
아, 이거 정말 창피하네요..

제가 위에 쓴 쭈욱 질문한것들.. 다시 읽어보니깐, 너무 창피하기만 하네요..
한번만 더 생각하면, 다 알 수 있는 것들이었는데..
너무 기초적인것들을 놓친것 같아, 정말 창피하네요..

실제로, 다른사람이 getElementById 때문에 저에게 질문했던적이 있었고,
그때 박민권님처럼, 친절하게 답변을 했던 기억이 불쑥나면서..

얼굴이 화끈화끈거리네요.. :oops:

너무, IE만 쓰다보니, IE에 길들여진 제 모습을 다시 보내요..
이제 IE도 7나오고, FF도 사용률이 점점 올라가고 있는 가운데..
좋은 자극제가 된것 같아, 기쁩니다.


정말, 감사합니다 (__)


PS>불여우에서 사용하시는 좋은~웹개발용 익스텐션좀 알려주세요

Posted: 2006 01 23 18:32 50
by 박민권
hiphapis wrote: 너무, IE만 쓰다보니, IE에 길들여진 제 모습을 다시 보내요..
이제 IE도 7나오고, FF도 사용률이 점점 올라가고 있는 가운데..
좋은 자극제가 된것 같아, 기쁩니다.


정말, 감사합니다 (__)
자극받고 열심히 하시는 분이 계시고 자극받고 IE에만 매달리시는 분도 계시죠. :)

정말 좋은 프로그램 만드시네요.
아쉬운점 몇가지 말씀드리면 기왕 만드시는거 xhtml로 하시는게 좋지 않을까요?
거기다가 utf8로 제작하시면 금상첨화.

<script language="javascript"> 라고 쓰셨는데
<script type="text/javascript"> 가 표준입니다.

멋있는 프로그램으로 완성되길 바랍니다. :)

Posted: 2006 01 23 19:02 17
by hiphapis
박민권 wrote:정말 좋은 프로그램 만드시네요.
아쉬운점 몇가지 말씀드리면 기왕 만드시는거 xhtml로 하시는게 좋지 않을까요?
거기다가 utf8로 제작하시면 금상첨화.
아고, 칭찬을 해주시다니, 너무 송구스럽습니다 :oops:
나름대로 xhtml로 한번해보는 중인데, 부족한 부분 보이시면 지적해주세요~!
(혹시 xhtml참고할 만한 곳 있으면, 부탁드릴께요 :oops: )
그리고, table을 버리고 div로 해볼까 생각중인데..
달력때문에, 조금 고민이 되는 부분이구요..

UTF-8문제는, 아쉽게도 한글문제때문에 어쩔 수 가없네요..
Ajax가 2Byte 케릭터셋을 제대로 지원이 안되는것 같아요..
제가, 이리저리 삽질을 해봐도, 깨지더라구요..
그래서, 결국 어쩔 수 없이 euc-kr로 했습니다.
ISO로 바꿔서 해볼까? 는 생각은 있지만 시도는 아직 안해봤습니다 :)

박민권 wrote:<script language="javascript"> 라고 쓰셨는데
<script type="text/javascript"> 가 표준입니다.
말씀하신대로 수정하니깐, IE에서는 돌아가질 않네요 ㅠ,.ㅠ

그리고, Ajax 공부할겸, 혼자 만드는것인데, 좋은말씀 해주셔서 너무나 감사합니다~!

Posted: 2006 01 23 19:12 42
by 박민권
hiphapis wrote: 저도 xhtml로 한번 해볼까, 생각중인데, 좀 막막하네요 :)
(혹시 xhtml참고할 만한 곳 있으면, 부탁드릴께요 :oops: )
그리고, table을 버리고 div로 해볼까 생각중인데..
달력때문에, 조금 고민이 되는 부분이구요..

UTF-8문제는, 아쉽게도 한글문제때문에 어쩔 수 가없네요..
Ajax가 2Byte 케릭터셋을 제대로 지원이 안되는것 같아요..
제가, 이리저리 삽질을 해봐도, 깨지더라구요..
그래서, 결국 어쩔 수 없이 euc-kr로 했습니다.
ISO로 바꿔서 해볼까? 는 생각은 있지만 시도는 아직 안해봤습니다 :)
xhtml로 한다고하여 table을 버리실 필요는 없습니다.
현재 달력은 table로 하시는 것이 좋다고 생각합니다.

음... ajax가 utf-8에서 문제가 있지는 않을거라고 생각합니다만.
이런말씀 죄송하지만 설마 euc-kr을 utf-8로 글씨만 바꿔서 테스트하신건 아니시죠?
혹시나 하셨다면;; 소스파일저장시 utf-8로 저장하셔야 합니다.

또하나 현재 캘린더 페이지에서 서버쪽에 요청을 해서 데이터를 받아올때 받아오는 데이터가 euc-kr 이었던것이 아닌가요?
서버에서 전송시 header 선언을 utf-8로 하셔셔 전송하셔야 합니다.
캘린더 페이지는 utf-8인데 서버에서 보내는 데이터가 euc-kr이면 안됩니다.

xhtml에 관한건 이곳에서 배포하는 웹표준가이드를 참고하세요.
hiphapis wrote:
박민권 wrote:<script language="javascript"> 라고 쓰셨는데
<script type="text/javascript"> 가 표준입니다.
말씀하신대로 수정하니깐, IE에서는 돌아가질 않네요 ㅠ,.ㅠ
음... IE와 불여우 둘다 제대로 맞추려면 xhtml 선언을 하시는게 좋습니다.
IE는 xhtml이냐 html 이냐에 따라서 스크립트의 적용이 달라집니다.

Posted: 2006 01 23 19:28 15
by hiphapis
박민권 wrote:xhtml로 한다고하여 table을 버리실 필요는 없습니다.
현재 달력은 table로 하시는 것이 좋다고 생각합니다.

음... ajax가 utf-8에서 문제가 있지는 않을거라고 생각합니다만.
이런말씀 죄송하지만 설마 euc-kr을 utf-8로 글씨만 바꿔서 테스트하신건 아니시죠?
혹시나 하셨다면;; 소스파일저장시 utf-8로 저장하셔야 합니다.

또하나 현재 캘린더 페이지에서 서버쪽에 요청을 해서 데이터를 받아올때 받아오는 데이터가 euc-kr 이었던것이 아닌가요?
서버에서 전송시 header 선언을 utf-8로 하셔셔 전송하셔야 합니다.
캘린더 페이지는 utf-8인데 서버에서 보내는 데이터가 euc-kr이면 안됩니다.
네, 물런 해보았죠, 혹시나 하는 마음에 다시 한번 더 해봤는데.
역시나 입니다.
쩝, 뭔가 찜찜하긴 한데, 정확하게 찝어내지를 못하겠네요..

Display : utf-8인코딩선언, utf-8타입으로 저장
Process : utf-8타입으로 저장

결과는 지금 링크가보시면 나오시는데로..
Display 파일에 있는 한글이 깨져버려요..

예전에, 이런 비슷한 문제가 있었는데..어떻게 해결했는지 기억이 안나네요..;;


지금 빠른검색 이라는 말은 제대로 나올꺼에요..
이건,

Code: Select all

iconv("euc-kr", "UTF-8", "빠른검색")
이런식으로 변환시킨것이고, 나머진 그대로 나뚠것이에요..

Posted: 2006 01 23 19:38 41
by 박민권
hiphapis wrote: 지금 빠른검색 이라는 말은 제대로 나올꺼에요..
이건,

Code: Select all

iconv("euc-kr", "UTF-8", "빠른검색")
이런식으로 변환시킨것이고, 나머진 그대로 나뚠것이에요..
문서 자체가 utf-8 인코딩으로 저장된 것이면
iconv("euc-kr", "UTF-8", "빠른검색")
오히려 이 명령을 사용하지 않아도 제대로 나오고 사용하면 오히려 깨져야 정상일텐데 이상하네요.

Posted: 2006 01 23 20:40 49
by hiphapis
아, 범인 밝혀졌습니다.

Edit+ 문제인지, 윈도우 문제인지 모르겠지만..
UTF-8로 저장이 안된것이었네요 ㅡ,.ㅡ;
(UTF로 하라면 할것이지 ㅡ,.ㅡ)


퇴근하고 집에와서 다시 저장해보니깐, 이제 잘 되네요 ㅡ,.ㅡ

ㅜ.,ㅜ

Posted: 2006 01 23 21:24 50
by 박민권
hiphapis wrote:아, 범인 밝혀졌습니다.

Edit+ 문제인지, 윈도우 문제인지 모르겠지만..
UTF-8로 저장이 안된것이었네요 ㅡ,.ㅡ;
(UTF로 하라면 할것이지 ㅡ,.ㅡ)


퇴근하고 집에와서 다시 저장해보니깐, 이제 잘 되네요 ㅡ,.ㅡ

ㅜ.,ㅜ
ㅎㅎ 다행입니다. ^^
어쩐지 이상하다 싶었습니다.
에디트플러스가 다 좋은데 인코딩쪽에서 간혹 이상한 동작을 보일때가 있습니다.
심지어 메모장도 읽을 수 있는 파일의 인코딩을 엉뚱하게 읽는다던지요.
그래서 좀 불안해서 울트라에디트를 즐겨씁니다.

Posted: 2006 01 23 21:55 55
by hiphapis
네, 아주 가끔가다가 한번씩, 그런 경우가 있긴하죠..ㅎㅎ

그런데, Edit+를 너무 오랬동안 써와서, 손에도 익고, ㅎㅎ
울트라에딧도 써보니깐 많이 좋더라구요..

Edit+ 에서 SFTP 업데이트 되기전까진, SFTP해야 하는곳엔 울트라에딧을 ㅤㅆㅓㅅ거든요..

둘다 좋은 에디터인것 확실하죠~*

이왕이면 국산을~ ㅎㅎㅎ;;

귀찮으실법도 한데, 티 하나 안내시고, 끝까지 친절하게 답변해주셔서 너무나 감사합니다.

앞으로, 종종 들리게 될듯 한데..그때도 잘 부탁드립니다.

회사가 웹표준화에 맞도록, 우선 메인페이지만 수정하기로 했거든요..
제가 작업을 안하게 될 것 같긴 하지만, 앞으로 차차 전 페이지를 수정하게 될 되면, 언젠가 제 차례도 올테니깐요...
(daum이 메인페이지만 유효성검사 에러0 이라고 해서, 여기도 그렇게 한다고;;)

오래전부터, 표준화 관심만 가지고 있던차, 기회다 싶어서..
이번에 한번 제대로 코딩스타일 고쳐놓을라고요 :)

Posted: 2006 01 24 00:55 10
by 짐꾼
hiphapis wrote:PS>불여우에서 사용하시는 좋은~웹개발용 익스텐션좀 알려주세요
<a href="https://addons.mozilla.org/extensions/m ... refox">Web Developer</a>는 많이 알려진 확장이고요 최근에 나온것 중에 <a href="https://addons.mozilla.org/extensions/m ... reBug</a>도 한번 사용해 보세요

그리고 <a href="http://notepad-plus.sourceforge.net/">NotePad++</a>라는 편집기도 쓸만하더군요 GPL 라이센스를 따릅니다.