Class
- Tip&Tech
| [HTML] <div>태그를 이용한 사용자 행동 실시간 중계 | |||||
| 글쓴이 |   봄빛깔 |
날 짜 | 07-05-17 11:28 | 조 회 | 4748 |
|---|---|---|---|---|---|
| 간편URL |
http://www.phpschool.com/link/tipntech/54050
|
||||
| Link1 | http://www.solsaju.com/old/myDivTell.html (922) | ||||
|
안녕하세요?
제목은 거창합니다만, div 태그를 이용해서 form으로 입력할 때 사용자에 대한 안내나 주의 사항을 독립된 창이나 다른 페이지, 또는 현재 페이지의 갱신 없이 현재의 열린 메인 화면에서 실시각으로 알리도록 예제를 짜 봤습니다. 이를 짜는 데는 html 게시판의 선배 고수님들의 많은 조언과 힌트가 있었습니다. 이 소스의 내용을 대략 이해는 합니다만, 자세히 설명하라고 하면 자신 없습니다. 세부적인 원리는 책을 찾아 보시거나 인터넷을 뒤적여 보시기 바랍니다. 이 소스를 직접 확인해 보시려면, 위의 링크를 누르십시오. 소스는 아래와 같습니다. ------------------------------------------------------------------------------------------------------------------ <html> <head> <title>사용자 행위의 실시간 중계</title> <script language="javascript"> <!-- function notice(str) { var newtell=document.createTextNode(str); var replacetell=tell.childNodes(0); replacetell.replaceNode(newtell); } //--> </script> </head> <body> <center> <div id ="tell">지금부터 귀하의 행동을 실시간 중계하겠습니다.</div> </center> <hr> <form method=post name="good" > 좋아하는 과일 : <input type="radio" name="fruit" value="사과" checked onClick="notice('사과를 택했습니다.')"> 사과 <input type="radio" name="fruit" value="배" onClick="notice('배를 택했습니다.')"> 배 <input type="radio" name="fruit" value="감귤" onClick="notice('감귤을 택했습니다.')"> 감귤<br><br> 좋아하는 가수 : <input type="text" name="singer" onFocus="notice('좋아하는 가수를 입력하려는 중입니다. 선물 있습니다.')" onBlur="if ( good.singer.value!='') notice('귀하는 금방 '+good.singer.value+'을 입력하였습니다.')"><br><br> <input type="button" name="button" value="전송" onClick="notice('전송 버튼을 누르셨습니다')"></form> </body> </html> |
|||||
전체댓글수 11
-
아이리스818 07-05-17 13:50
소스보기
- IE 전용인가보네여..;; FF에서는 얌전히 있네여..
-
한알 07-05-18 00:18
소스보기
- 텍스트노드 대신에 div에 innertext 이용하면 어떨까요?
-
saja0405 07-05-18 09:19
소스보기
- 파폭에서 왜 동작하지 않는거죠? 표준에 맞는거 아닌가용 @_@a
-
게시물 324건
12345678910
