웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
클릭으로 배경색 바꾸는 스크립트(수정)
2005.10.16 20:33
할줄아는게 이런것밖에없네요ㅠ
변수에 색상코드만 넣어주면 알아서 배경을 바꾸는 버튼을 만들어주는 소스랍니다.
<script language=javascript>
<!--
var clr = new Array("white","skyblue","yellow","green","blue","red","black","777777") //배열 선언 - 이곳에다 추가할 색상코드를 써주시면 됩니다.
function cbg(clr) //배경색을 바꾸는 함수 입니다.
{
document.bgColor=clr;
}
for(i=0;i<clr.length;i++) //위에서 선언한 배열을 불러오는 함수입니다.
document.write("<a href="#" onClick="cbg('" + clr[i] + "');"><font color=" + clr[i] + ">" + clr[i] + "</font></a> ")
-->
</script>
헤드부분에 넣으시면 되요.
소스"내"에서 궁금한점 있으시면 질문해주세요~
------------------
비슷한걸로 우려먹기하다 혼날것같으니 여기에 끼워넣기를...
위의 스크립트와 틀린점이라면 100% 테이블 버젼이여요~
<script language=javascript>
<!--
var clr = new Array("white","skyblue","yellow","green","blue","red","black","777777","ab9c6e") //배열 선언 - 이곳에다 추가할 색상코드를 써주시면 됩니다.
function cbg(clr) //배경색을 바꾸는 함수 입니다.
{
document.bgColor=clr;
}
document.write("<table border="0"><tr>")
for(i=0;i<clr.length;i++) //위에서 선언한 배열을 불러오는 함수입니다.
{
document.write("<td width="25" bgcolor=" + clr[i] + " onClick="cbg('" + clr[i] + "');"> </td>")
}
document.write("</tr></table>")
-->
</script>
변수에 색상코드만 넣어주면 알아서 배경을 바꾸는 버튼을 만들어주는 소스랍니다.
<script language=javascript>
<!--
var clr = new Array("white","skyblue","yellow","green","blue","red","black","777777") //배열 선언 - 이곳에다 추가할 색상코드를 써주시면 됩니다.
function cbg(clr) //배경색을 바꾸는 함수 입니다.
{
document.bgColor=clr;
}
for(i=0;i<clr.length;i++) //위에서 선언한 배열을 불러오는 함수입니다.
document.write("<a href="#" onClick="cbg('" + clr[i] + "');"><font color=" + clr[i] + ">" + clr[i] + "</font></a> ")
-->
</script>
헤드부분에 넣으시면 되요.
소스"내"에서 궁금한점 있으시면 질문해주세요~
------------------
비슷한걸로 우려먹기하다 혼날것같으니 여기에 끼워넣기를...
위의 스크립트와 틀린점이라면 100% 테이블 버젼이여요~
<script language=javascript>
<!--
var clr = new Array("white","skyblue","yellow","green","blue","red","black","777777","ab9c6e") //배열 선언 - 이곳에다 추가할 색상코드를 써주시면 됩니다.
function cbg(clr) //배경색을 바꾸는 함수 입니다.
{
document.bgColor=clr;
}
document.write("<table border="0"><tr>")
for(i=0;i<clr.length;i++) //위에서 선언한 배열을 불러오는 함수입니다.
{
document.write("<td width="25" bgcolor=" + clr[i] + " onClick="cbg('" + clr[i] + "');"> </td>")
}
document.write("</tr></table>")
-->
</script>
제목 | 글쓴이 | 날짜 |
---|---|---|
[PHP 동영상강좌] 16. for 반복문의 사용 [8] | 서기 | 2005.11.24 |
[PHP 동영상강좌] 17. 배열변수의 사용 [9] | 서기 | 2005.11.25 |
[PHP 동영상강의] 18. 파일의 생성과 사용 [9] | 서기 | 2005.11.28 |
[PHP 동영상강의] 19. 파일을 이용한 메모장 만들기 #1 [10] | 서기 | 2005.11.29 |
[PHP 동영상강좌] 20. 파일을 이용한 메모장 만들기 #2 [6] | 서기 | 2005.12.07 |
[PHP 동영상강좌] 21. 파일을 이용한 메모장 만들기 #3 [3] | 서기 | 2005.12.08 |
[PHP 동영상강좌] 22. 다른 사이트의 특정부위만 가져오기 [7] | 서기 | 2005.12.08 |
[PHP 동영상강의] 23. 파일을 이용한 간단한 카운터 제작하기 [4] | 서기 | 2005.12.12 |
[PHP 동영상강의] 24. 쿠키의 사용 [3] | 서기 | 2005.12.13 |
[PHP 동영상강의] 25. 회원가입처리 / 로그인 구현 [6] | 서기 | 2005.12.16 |
PHP 구문 5가지 표기 방식 [6] | 이강민 | 2005.12.23 |
[PHP 동영상강의] 26. 쿠키의 시간제한 [2] | 서기 | 2005.12.26 |
채널을 가장 쉽게 하는법 [17] | 미오유 | 2006.01.02 |
[PHP 동영상강의] 27. 기본적인 환경변수들 [4] | 서기 | 2006.01.03 |
[PHP 동영상강의] 28. SQL이란, phpmyadmin 설치방법 [5] | 서기 | 2006.01.03 |
[PHP 동영상강의] 29. 테이블을 만들어보자! [5] | 서기 | 2006.01.04 |
[PHP 동영상강의] 30. 테이블에 값을 추가해보자 [17] | 서기 | 2006.01.04 |
[PHP 동영상강의] 31. DB에서 값을 가져와 출력하기 [15] | 서기 | 2006.01.05 |
[PHP 동영상강의] 32. 자료의 정렬순서를 바꿔보자. [8] | 서기 | 2006.01.11 |
[PHP 동영상강의] 33. 자료를 삭제해보자. [6] | 서기 | 2006.01.12 |
글씨대신 테이블로 하실려면
for문 밑의
document.write의 내용을
"<table height="16" width="16" border="0" bgcolor="" + clr[i] + "" onClick="cbg('" + clr[i] + "');"><tr><td></td></tr></table><br>"
이것으로 갈아끼워주시면 되요_-