웹마스터 팁
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? 경로? 위치? ^^;;
대충이렇습니다. 바빠서..
제목 | 글쓴이 | 날짜 |
---|---|---|
[타키의 초보강좌]PHP 기초 강좌 제 2탄[mysql로 들어가보자.] [2] | 타키 | 2004.10.24 |
소수[솟수] 쉽게 구하기[에라토스테네스의 해 알고리즘사용] , 경우의 수 구하기 [5] | 타키 | 2004.10.23 |
[타키의 초보강좌]PHP 기초 강좌 제 1탄[패스워드 인증] [8] | 타키 | 2004.10.23 |
www자동 붙히기 [8] | 미오유 | 2004.10.22 |
IP to 정수변환(;) [4] | 플로렐라 | 2004.10.21 |
한글자르는 문제 PHP차원에서 해결된 건가? [5] | 겜방 | 2004.10.20 |
MySQL의 패턴 매칭 맛보기 [2] | 손상모 | 2004.10.19 |
그래프 만들어주는 소스 [10] | 미친개 | 2004.10.15 |
윈도우XP 서비스팩2 사용자인지 아닌지 판별하기
[22]
![]() | 天高馬肥[쉬드] | 2004.10.09 |
echo 안에 더블쿼테이션을 사용하기 [15] | 토토루 | 2004.10.05 |
trim 과 addslashes를 일괄처리하는 함수 [7] | BigStone | 2004.10.02 |
'' -> ""로 만들기(?) [2] | 플로렐라 | 2004.09.17 |
crontab 실제 사용 예제, 온라인 웹 게임 운영하기 (팁 + 오픈 소스 게임 소개 ^^;) [1] | 박용구 | 2004.09.14 |
날씨별로 다양한 말이나 음악 보여주기[수정] [4] | 로크 | 2004.09.13 |
-긴급소스 수정본- winamp 방송정보 알아내기
![]() | 이승원 | 2004.09.11 |
랜덤으로 파일 가져와서 재생하고, 끝나면 다른 랜덤파일 또 재생하기.. | 겜방 | 2004.09.10 |
썸네일 생성시 unsharp mask활용할수 있는 팁..소스
![]() | 앗싸~~ 곰세마리 | 2004.09.06 |
Echo 여러번호출? 할때 깜빡임 없애기
[5]
![]() | 신희돈 | 2004.09.03 |
서브디렉토리,파일까지 모두 삭제하는 함수. [5] | Lepas | 2004.08.24 |
4. include, require 그리고 뽀나쓰~ [8] | 티다 | 2004.08.19 |