웹마스터 팁
[초간단 자바스크립트(강의)!] 버튼을 눌러서 배경색 바꾸기
2003.09.26 23:33
//마녀의 조건님께서.. 좀.. 설명 해주라구 하셨는데.. 그 소스는 다 해석하려면...;;
죽을것 같아서.. '다른걸 보여드리겠습니다...;;' 죄송하네요..;; 이러케 하기가..하지만..
실력이 않되는걸.. 제가 어쩌겠습니까...ㅠ.ㅠ//
<html>
<head>
<title>버튼을 눌러 배경색 바꾸기</title>
</head>
<body>
<form>
<input type="button" onClick="document.bgColor='색깔 고르세요...' " value="버튼에 쓸 문구">
<input type="button" onClick="document.bgColor='색깔을 고르세요...' " value="버튼에 쓸 문구">
</form>
</body>
</html>
//자 이제 이 초간단한걸 설명을 해야겠네요...ㅠ.ㅠ 밑에꺼는 넘 복잡해서 설명하기 힘드네요..(마녀의 조건님 죄송)
onClick = 마우스 클릭 이벤트라는 뜻이니까... onClick="document.bgColor='색깔'은 마우스를 클릭했을 때
배경색이 '지정색'으로 바꾸라는 뜻이죠... 이런 스크립트는 넘 짧으니까 <script></script> 필요없이 바로
html태그에 직접 쓸 수 있습니다.//
후훗... 어렵게 설명해야 할껄.. 쉬운걸로 땜빵했네...^-^;; 용서를 빕니다.
죽을것 같아서.. '다른걸 보여드리겠습니다...;;' 죄송하네요..;; 이러케 하기가..하지만..
실력이 않되는걸.. 제가 어쩌겠습니까...ㅠ.ㅠ//
<html>
<head>
<title>버튼을 눌러 배경색 바꾸기</title>
</head>
<body>
<form>
<input type="button" onClick="document.bgColor='색깔 고르세요...' " value="버튼에 쓸 문구">
<input type="button" onClick="document.bgColor='색깔을 고르세요...' " value="버튼에 쓸 문구">
</form>
</body>
</html>
//자 이제 이 초간단한걸 설명을 해야겠네요...ㅠ.ㅠ 밑에꺼는 넘 복잡해서 설명하기 힘드네요..(마녀의 조건님 죄송)
onClick = 마우스 클릭 이벤트라는 뜻이니까... onClick="document.bgColor='색깔'은 마우스를 클릭했을 때
배경색이 '지정색'으로 바꾸라는 뜻이죠... 이런 스크립트는 넘 짧으니까 <script></script> 필요없이 바로
html태그에 직접 쓸 수 있습니다.//
후훗... 어렵게 설명해야 할껄.. 쉬운걸로 땜빵했네...^-^;; 용서를 빕니다.
댓글 5
-
김봉조
2003.09.27 02:56
버튼말고 이미지에다가 링크 걸어서 그 이미지를 클릭시에 타겟 설정해놓은곳의 색깔이 변하게 만들수도 있나요 -
∑Ztxy
2003.09.27 11:57
김봉조//예.. 그럴수 있습니다... <input typie="button"으로 되어있는 부분을 수정하면 됩니다...;;
다음 강좌 때 버튼을 이미지로 바꾸는거 올릴게요..^-^;; -
김봉조
2003.09.27 19:30
그럼 이런것도 될까요?
iframe안에 있는 이미지 클릭시 iframe 안에 있는 사이트는 다른 곳으로 이동하면서
ifram외의 겉 배경색을 바꾼다는것도...
좀어려운가요 ^^;;;
찾아보고 있기는 하는데 다 없어서리.. -_-;; -
∑Ztxy
2003.09.27 19:49
김봉조//그럼.. 배경 바꾸는 소스를 iframe안에 넣는 것인지..
버튼을 iframe바깥에 둔다면.. 얼마든지 가능하죠.. iframe은 다른 사이트로 가면서..
그런데.. iframe은 다른 사이트로 가면서 동시에 iframe외 겉 배경색을 바꾸는 것은..
좀 힘들것같네요...;;.. 한번 연구해보겠습니다...^-^;; -
M@xPond
2003.09.27 23:19
김봉조// 테스트 해봤는데 되는거 같습니다.
우선적으로 iframe안에 페이지는 본인이 제어하는 페이지겠죠..^^;;(당빠 퍽!)
일단 iframe 안에 들어갈 페이지의 이미지 태그안에 onclick="top.document.bgColor='red'"
이렇게 넣어주시면 iframe 밖의 배경색이 빨강색으로 바뀜니다.
그리고 하나더 클릭했을때 다른페이지로 이동을 해야겠죠..
onclick="top.document.bgColor='red';location.href='http://nzeo.com'"
위에걸 img태그안에 넣어주시면 두가지다 될는거 같습니다.
간단하지만 그래도 설명을 하자면..
top.document.bgColor 여기서 top 은 상위 문서를 말하는것입니다.
그리고 document는 무서를 뜻하구요 ^^;;
location 은 뭐라해야하나... url? 경로? 위치? ^^;;
대충이렇습니다. 바빠서..
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [초간단 자바스크립트!] 자바로 플래시 따라하기! [3] | ∑Ztxy | 2003.10.15 |
| 스물을 세면 죽음이야~~~ [20] | 미친개 | 2003.10.14 |
| [초간단 자바스크립트!] 트랜지션 공지사항!! | ∑Ztxy | 2003.10.13 |
| 플래시 크기 바꾸기 [IE/NS 겸용] [4] | teslaMINT | 2003.10.13 |
| 새창 띄운후 부모창 확인없이 닫기... [4] | PHASE | 2003.10.12 |
| 개판 오분전 - 이미지 뷰에 관한 한가지 힌트 [5] | 미친개 | 2003.10.11 |
| [초간단 자바스크립트!] 날짜 카운터! 커플홈에 강추!! [15] | ∑Ztxy | 2003.10.08 |
| 개판 오분전 만년달력......ㅡ,.ㅡ [4] | 미친개 | 2003.10.08 |
| 게시판 스킨에 프린트 버튼 추가하기 [3] | PHASE | 2003.09.30 |
| [초간단 자바스크립트!] 홈페이지에 FTP 폼 넣기?! [10] | ∑Ztxy | 2003.09.29 |
| [초간단 자바스크립트(강의)!] 입력박스에 입력한 주소로 이동하기... | ∑Ztxy | 2003.09.27 |
| [초간단 자바스크립트(강의)!] 풀스크린 창 띄우기... [3] | ∑Ztxy | 2003.09.27 |
| [초간단 자바스크립트(강의)!] 버튼을 눌러서 배경색 바꾸기 [5] | ∑Ztxy | 2003.09.26 |
| [초간단 자바스크립트!] 이미지에 스포트라이트 효과주기... [1] | ∑Ztxy | 2003.09.26 |
| [초간단 자바스크립트!] 뒤로,앞으로,중지,홈으로 버튼 만들기... [7] | ∑Ztxy | 2003.09.26 |
| [초간단 자바스크립트!] 창 이동시 경고 메세지 띄우기...!;;; [2] | ∑Ztxy | 2003.09.26 |
| 플레쉬 메뉴를 표방한..=ㅁ= 자바스크립트의 수작 버튼 밑으로 스크롤 되는 아이콘입니다. [47] | beMax | 2003.09.14 |
| ### MSN/Windows Messenger용 친구 추가스크립트 ### [10] | 웹스 | 2003.09.05 |
| 변수란? [1] | 타키 | 2003.09.04 |
| 진수란? [4] | 타키 | 2003.09.04 |