1つのページ内に複数のmarquee要素がある場合に、1つのmarquee要素のみをリセットするには
下記のソースコードは、『RESET』ボタンを押すと”マーキーA”と"マーキーB"が
ともにリセットするように設定されたものです。
これを"マーキーA"のみをリセット("マーキーB"は、そのまま流れる)させるには、
どのように書き換えればいいのでしょうか。ご教示ください。
<STYLE type="text/css">
.form{
display: inline;
}
</style>
<script>
flag=false;
function Stop_Start(){
flag = !flag;
if(flag) {
document.getElementById("myMarquee").start();
}
else {
document.getElementById("myMarquee").stop();
}
document.myForm.tog.value=flag?"STOP":"START";
}
</script>
<MARQUEE id='myMarquee'>
マーキーA(*リセットする)
</MARQUEE>
<div>
<FORM class="form" name="myForm">
<INPUT type="button" name="tog" value="STOP" onclick="Stop_Start()">
</FORM>
<form class="form" >
<INPUT type="button" value="RESET" ONCLICK="location.reload()">
</form>
</div>
<MARQUEE>
マーキーB(*リセットしない)
</MARQUEE>