묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
추가 스크립트 만들수 있는지 알려주세요..?
2003.09.23 23:14
아래 스크립트 소스는 웹페이지 한개당 하나의 스크립트만 가능하더군요.
그런데 이것을 응용해서 웹페이지 한개당 2개이상의 스크립트가 가능한지 알려주셨으면 합니다...
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> J@sko Sample Script </title>
<meta name="Generator" content="EditPlus">
<!-- [1단계] 아래의 코드를 <head> 와 </head> 사이에 붙여 넣으세요 -->
<style type="text/css">
#dropcontentsubject{
width: 250px;
font-weight: bold;
}
.dropcontent{
width: 250px;
height: 200px;
border: 1px solid black;
background-color: #DFDFFF;
padding: 3px;
display:block;
}
</style>
<script type="text/javascript">
var tickspeed=2000 // 속도 (2000=2 초)
var enablesubject=1 // 스크롤러의 제목을 보이게 하려면 1, 아니면 0
if (document.getElementById){
document.write('<style type="text/css">n')
document.write('.dropcontent{display:none;}n')
document.write('</style>n')
}
var selectedDiv=0
var totalDivs=0
function contractall(){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
function expandone(){
var selectedDivObj=document.getElementById("dropmsg"+selectedDiv)
contractall()
document.getElementById("dropcontentsubject").innerHTML=selectedDivObj.getAttribute("subject")
selectedDivObj.style.display="block"
selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
setTimeout("expandone()",tickspeed)
}
function startscroller(){
while (document.getElementById("dropmsg"+totalDivs)!=null)
totalDivs++
expandone()
if (!enablesubject)
document.getElementById("dropcontentsubject").style.display="none"
}
if (window.addEventListener)
window.addEventListener("load", startscroller, false)
else if (window.attachEvent)
window.attachEvent("onload", startscroller)
</script>
<!----------------- 여기까지 ----------------->
</head>
<body>
<!-- [2단계] 아래의 방법으로 <body> 와 </body> 태그 사이에 붙여 넣으세요 -->
<div id="dropcontentsubject"></div>
<div id="dropmsg0" class="dropcontent" subject="첫번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>0</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/000.gif">
</div>
<div id="dropmsg1" class="dropcontent" subject="두번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>1</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/001.gif">
</div>
<div id="dropmsg2" class="dropcontent" subject="세번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>2</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/002.gif">
</div>
<!----------------- 여기까지 ----------------->
</body>
</html>
그런데 이것을 응용해서 웹페이지 한개당 2개이상의 스크립트가 가능한지 알려주셨으면 합니다...
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> J@sko Sample Script </title>
<meta name="Generator" content="EditPlus">
<!-- [1단계] 아래의 코드를 <head> 와 </head> 사이에 붙여 넣으세요 -->
<style type="text/css">
#dropcontentsubject{
width: 250px;
font-weight: bold;
}
.dropcontent{
width: 250px;
height: 200px;
border: 1px solid black;
background-color: #DFDFFF;
padding: 3px;
display:block;
}
</style>
<script type="text/javascript">
var tickspeed=2000 // 속도 (2000=2 초)
var enablesubject=1 // 스크롤러의 제목을 보이게 하려면 1, 아니면 0
if (document.getElementById){
document.write('<style type="text/css">n')
document.write('.dropcontent{display:none;}n')
document.write('</style>n')
}
var selectedDiv=0
var totalDivs=0
function contractall(){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
function expandone(){
var selectedDivObj=document.getElementById("dropmsg"+selectedDiv)
contractall()
document.getElementById("dropcontentsubject").innerHTML=selectedDivObj.getAttribute("subject")
selectedDivObj.style.display="block"
selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
setTimeout("expandone()",tickspeed)
}
function startscroller(){
while (document.getElementById("dropmsg"+totalDivs)!=null)
totalDivs++
expandone()
if (!enablesubject)
document.getElementById("dropcontentsubject").style.display="none"
}
if (window.addEventListener)
window.addEventListener("load", startscroller, false)
else if (window.attachEvent)
window.attachEvent("onload", startscroller)
</script>
<!----------------- 여기까지 ----------------->
</head>
<body>
<!-- [2단계] 아래의 방법으로 <body> 와 </body> 태그 사이에 붙여 넣으세요 -->
<div id="dropcontentsubject"></div>
<div id="dropmsg0" class="dropcontent" subject="첫번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>0</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/000.gif">
</div>
<div id="dropmsg1" class="dropcontent" subject="두번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>1</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/001.gif">
</div>
<div id="dropmsg2" class="dropcontent" subject="세번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>2</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/002.gif">
</div>
<!----------------- 여기까지 ----------------->
</body>
</html>
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> J@sko Sample Script </title>
<meta name="Generator" content="EditPlus">
<!-- [1단계] 아래의 코드를 <head> 와 </head> 사이에 붙여 넣으세요 -->
<style type="text/css">
#dropcontentsubject0{
width: 250px;
font-weight: bold;
}
#dropcontentsubject1{
width: 250px;
font-weight: bold;
}
.dropcontent{
width: 250px;
height: 200px;
border: 1px solid black;
background-color: #DFDFFF;
padding: 3px;
display:block;
}
</style>
<script type="text/javascript">
var tickspeed=2000 // 속도 (2000=2 초)
var enablesubject=1 // 스크롤러의 제목을 보이게 하려면 1, 아니면 0
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.dropcontent{display:none;}\n')
document.write('</style>\n')
}
var selectedDiv=0
var totalDivs=0
function contractall0(){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
function contractall1(){
var inc=0
while (document.getElementById("dropmsg1"+inc)){
document.getElementById("dropmsg1"+inc).style.display="none"
inc++
}
}
function expandone0(){
var selectedDivObj=document.getElementById("dropmsg"+selectedDiv)
contractall0()
document.getElementById("dropcontentsubject0").innerHTML=selectedDivObj.getAttribute("subject")
selectedDivObj.style.display="block"
selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
setTimeout("expandone0()",tickspeed)
}
function expandone1(){
var selectedDivObj=document.getElementById("dropmsg1"+selectedDiv)
contractall1()
document.getElementById("dropcontentsubject1").innerHTML=selectedDivObj.getAttribute("subject")
selectedDivObj.style.display="block"
selectedDiv=(selectedDiv<totalDivs-1)? selectedDiv+1 : 0
setTimeout("expandone1()",tickspeed)
}
function startscroller0(){
while (document.getElementById("dropmsg"+totalDivs)!=null)
totalDivs++
expandone0()
if (!enablesubject)
document.getElementById("dropcontentsubject0").style.display="none"
}
function startscroller1(){
while (document.getElementById("dropmsg1"+totalDivs)!=null)
totalDivs++
expandone1()
if (!enablesubject)
document.getElementById("dropcontentsubject1").style.display="none"
}
if (window.addEventListener)
window.addEventListener("load", startscroller0, false)
else if (window.attachEvent)
window.attachEvent("onload", startscroller0)
window.attachEvent("onload", startscroller1)
</script>
<!----------------- 여기까지 ----------------->
</head>
<body>
<!-- [2단계] 아래의 방법으로 <body> 와 </body> 태그 사이에 붙여 넣으세요 -->
<div id="dropcontentsubject0"></div>
<div id="dropmsg0" class="dropcontent" subject="첫번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>0</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/000.gif">
</div>
<div id="dropmsg1" class="dropcontent" subject="두번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>1</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/001.gif">
</div>
<div id="dropmsg2" class="dropcontent" subject="세번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>2</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/002.gif">
</div>
<!----------------- 여기까지 ----------------->
<br><br><br>
<div id="dropcontentsubject1"></div>
<div id="dropmsg12" class="dropcontent" subject="세번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>2</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/002.gif">
</div>
<div id="dropmsg11" class="dropcontent" subject="두번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>1</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/001.gif">
</div>
<div id="dropmsg10" class="dropcontent" subject="첫번째 타이틀">
이곳에 원하는 내용을 넣으세요. 이 레이어의 id 는 dropmsg<font color=red>0</font> 입니다. 각종 태그를 다양하게 사용하실 수 있습니다
<img src="http://www.jasko.co.kr/java_data/000.gif">
</div>
</body>
</html>