웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[초간단 자바스크립트(강의)!] 버튼을 눌러서 배경색 바꾸기
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? 경로? 위치? ^^;;
대충이렇습니다. 바빠서..
제목 | 글쓴이 | 날짜 |
---|---|---|
[초간단 자바스크립트(강의)!] 버튼을 눌러서 배경색 바꾸기 [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 |
홈에 TT WEB FTP 달기 [12] | PHASE | 2003.09.03 |
frame으로 홈페이지 구성시 한쪽 페이지는 유동성있는 파일 대입법(?) | monozzang | 2003.09.02 |
주어진 값이 한글,영어,숫자인지 체크 [2] | 한승진 | 2003.08.29 |
전화번호 유효성 검사(핸폰,집전화 몽땅) [4] | 한승진 | 2003.08.29 |
변수에서 숫자만 리턴합니다. | 한승진 | 2003.08.29 |
변수의 실제 바이트 수를 리턴하는 팁 [2] | 한승진 | 2003.08.29 |
메인 접속하면 할아버지 나오는... [6] | 공유 | 2003.08.28 |
마우스 움직임에 따라 속도도, 방향도 자유자재 스크롤 소스 [1] | RedEye(kaist) | 2003.08.24 |
경우에 따라 공지가 새창에서도 보여야 하고, 일반 페이지에서도 보여야 할때 | 조은하루 | 2003.08.22 |
[수정]롤오버 메뉴에 하위 부메뉴 레이어..(아웃시 하위메뉴사라짐) [24] | 미니 | 2003.08.18 |
재미있는놀이 [ 숫자맞추기] [3] | NzeoZen | 2003.08.16 |
배경도 이제 선택한다!!? [2] | NzeoZen | 2003.08.16 |