JavaScript 配列とiframe
カテゴリを誤って投稿してしまいました。
インラインフレームを二つ（iframe1,iframe2）用意し、jQueryにてクリック出来るようにしたdiv要素のクリックで、それぞれのリンク先をJavaScriptの配列に収めた連番通り、1,2,3,4…htmlと表示させたいのですが、二つの配列を使用すると連番通りに表示されなくなります。（一つの配列使用では連番通りに表示されます。）
1クリックで、iframe1にはiframe1link1.htmlの表示、iframe2にはiframe2link1.htmlの表示。クリックごとにlink2,link3と順番どおりに表示する、これを可能にするお知恵を拝借したいと思い投稿させて頂きます。よろしくお願いいたします。
=＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
（JavaScript(1)iframe1.js）
var URLs=new Array();
var cnt=0;
URLs[1]="iframe1link1.html";
*******
URLs[10]="iframe1link10.html";
function Jump1(){
cnt++;
if(cnt==11) {cnt=0;}
iframe1.location.href=URLs[cnt];
}
==＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
（JavaScript(2)iframe2.js）
var URLs=new Array();
var cnt=0;
URLs[1]="iframe2link1.html";
*******
URLs[10]="iframe2link10.html";
function Jump2(){
cnt++;
if(cnt==11) {cnt=0;}
iframe2.location.href=URLs[cnt];
}
=＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
（HTML）
<!doctype html>
<link rel="stylesheet" href="./css/style.css" type="text/css">
<script src="iframe1.js"></script>
<script src="iframe2.js"></script>
<title>sample</title>
<div id="container" class="div" onclick="Jump1();Jump2()">
<div id="main">
<iframe src="./iframe1link0.html" id="iframe1"></iframe>
<iframe src="./iframe2link0.html" id="iframe2"></iframe>
</div> </div>
これでは連番通りにいかない。
=====＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
