2012-04-12 1 views
0

ok 나는이 웹 페이지에서 일주일 동안 작업 중이며 벽에 부딪쳤다. 이 코드는 getelementbyid가 작동하도록하는 것을 제외하고는 제자리에 있습니다. 사이드 바에서 이미지를 선택할 때 javascript 소스를 변경하여 프레임 div의 이미지를 변경하려고합니다. 내가 궁금해 한 것은 내 코드에 문제가 있거나 기능이 그렇게 작동하지 않는다는 것입니다.getElementByID가 작동하려면 html5

<head> 
<title>Rivas2</title> 
<script id="newset" src="sidescroll.js" type="text/javascript"></script> 
<script type= "text/javascript"> 

function changesrc() { 
var sets = document.getElementById('newset'); 
switch (value) { 
case '1': sets.src = 'sidescroll.js'; break; 
case '2': sets.src = 'sidescroll2.js'; break; 
     } 
    } 
    </script> 
    <style type="text/css"> 
     body{ 
background-color:#66FFFF; 
} 
    .banner{ 
position:absolute; 
top: 15px; 
left: 300px;} 
.sideb1{ 
position:absolute; 
top: 120px; 
left: 25px; 
height: 530px; 
width: 150px; 
overflow: auto;} 
.frame{ 
position:absolute; 
top: 120px; 
left: 400px;} 
    .scroll{ 
position: absolute; 
top: 525px; 
left: 400px; 
} 

    </style> 
    </head> 

    <div class="sideb1" > 
    <input type = 'image' src = 'image3.jpg' onclick = 'changesrc(1)' width= "120"   height= "100" alt= " " /><br/> House 1<br/> 
    <input type = 'image' src = 'image3.jpg' onclick = 'changesrc(2)' width= "120" height= "100" alt= " " /><br/> House 2<br/> 
    <a href="rivas2.html" ><img src="image3.jpg" width= "120" height= "100" alt="" /> </a><br/> House 3<br/> 
    <a href="rivas3.html" ><img src="image3.jpg" width= "120" height= "100" alt="" /> </a><br/> House 4<br/> 
    <a href="rivas2.html" ><img src="image3.jpg" width= "120" height= "100" alt="" /> </a><br/> House 5<br/> 
</div> 
+0

getElementById는 문제가 아닙니다. – Bergi

답변

2

당신은 당신이 기능을 빌드 할 때 인수를 포함 할 필요가,이 시도 :

function changesrc(value) { 
    var sets=document.getElementById('newset'); 
    switch(value) { 
     case(1): 
      sets.src='sidescroll.js'; 
      break; 
     case(2): 
     default: 
      sets.src='sidescroll2.js'; 
    } 
} 
1

글쎄, 난 당신이 값이 정의 해달라고 것을 알 수 있습니다. 이

function changesrc(value) { 
var sets = document.getElementById('newset'); 
switch (value) { 
case '1': sets.src = 'sidescroll.js'; break; 
case '2': sets.src = 'sidescroll2.js'; break; 
     } 
    } 

당신은 기본적으로 인수를 포함하는 것을 잊었다 시도

0

페이지에 스크립트를 삽입하는 기존 스크립트 요소를 재사용하지 마십시오. 새 스크립트 요소를 사용하십시오.

function changesrc(value) { 
    var sets = document.createElement("script");  
    switch (value) { 
     case '1': sets.src = 'sidescroll.js'; break; 
     case '2': sets.src = 'sidescroll2.js'; break; 
    } 
    document.body.appendChild(sets); 
} 
+0

이제는 프로그램이 작동합니다. 나는 두 번째 기능으로 넘어갈 수 없다. 그래서 내 질문은 내가 선택한 기능이 소중한 선택을 무시하는 부분으로 만드는 방법이다. – Crosswired

관련 문제