getElementByIDが動作するようにするhtml5

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>

出典

2012-04-12 Crosswired

getElementByIdでは問題はありません。 – Bergi

、これを試してみてください。

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

出典

2012-04-12 03:39:16 faino

まあ、私はあなたが定義された値を持っていけないことがわかります。これは

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

あなたは基本的に引数に含めるのを忘れてみ

出典

2012-04-12 03:40:14

ページにスクリプトを挿入するために、既存のスクリプト要素を再使用しないでください。新しいスクリプト要素を使用します。

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); 
}

出典

2012-04-12 03:51:27 gilly3

いいえ、プログラムはすぐに動作します。私はそれを2番目の関数に移すことはできません。だから私の質問は、選択した関数が貴重な選択を上書きする場所にする方法です – Crosswired

getElementByIDが動作するようにするhtml5

答えて

関連する問題