
まったく初心者ですが、HP用マニュアル(10年位前の本)の付録記述例を参考にDREAMWAVER8で作りました。
ローカルサイトでは8枚の画像が順次かわり正常に作動しますが、UPしたネット上では作動しません。
以下にソースを(何が障りになってるか全くわからないので長いですが、全部)コピーします。
<body>
<p><img src="theatertitle.gif" alt="へちまや劇場" width="100" height="26" /></p>
<p>
<script language="JavaScript" type="text/javascript">var n=1;
function next(){
n++;
if (n>8) n=1;
document.zone.src="zone"+n+".gif";
}
function top(){
n;
document.zone.src="zone1.gif";
}
function back(){
n--;
if (n<1) n=8;
document.zone.src="zone"+n+".gif";
}
</script>
<a href="rosemary.html">→第1回上映<br />
【ローズマリーの赤ちゃん】<br />
</a><a href="rosemary.html"><br />
</a><a href="brazil.html">→第2回上映<br />
【ブラジルから来た少年】</a></p>
<p><a href="yonimo.html">→第3回上映<br />
【世にも怪奇な物語】</a></p>
<p><a href="zone.html">→第4回上映<br />
【デッドゾーン】</a></p>
<p></p>
<p></p>
<p class="style2"><span class="style4">※あらすじは途中までですがネタバレの<br />
オソレあり!</span></p>
<p class="style2"></p>
<p class="style2"><a href="../index.html">→へちまやTOPへ</a></p>
<div align="left">
<div align="center" id="main">
<table border="0">
<tr>
<td>
<img src="zone1.gif" name="zone" width="450" id="zone" /></td>
</tr>
</table>
</div>
<div id="navi">
<form>
<div align="center">
<p>
<input type="button"value="前頁←" onclick="back()" />
<input type="button"value="表紙へ戻る" onclick="top()" />
<input type="button"value="→次頁" onclick="next()" />
</p>
<hr />
<p><!-- #BeginLibraryItem "/Library/copyright.lbi" -->Copyright(C)2006 hechimaya. All rights reserved. <br />
【掲載の記事・写真・イラストなどの無断複写・転載等を禁じます。】 <!-- #EndLibraryItem --></p>
</div>
</form>
</div>
</body>
よろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
<head>
<script language="JavaScript" type="text/javascript">
var n=1;
function next(){
n++;
if( n > 8 ) n = 1;
document.zone.src = "zone" + n + ".gif";
}
function top(){
document.zone.src = "zone1.gif";
}
function back(){
n--;
if( n < 1 ) n = 8;
document.zone.src = "zone" + n + ".gif";
}
</script>
</head>
<body>
<p>
<img src="theatertitle.gif" alt="へちまや劇場" width="100" height="26">
</p>
<p>
<a href="rosemary.html">→第1回上映<br>【ローズマリーの赤ちゃん】<br></a>
<a href="rosemary.html"><br></a>
<a href="brazil.html">→第2回上映<br>【ブラジルから来た少年】</a>
</p>
<p><a href="yonimo.html">→第3回上映<br>【世にも怪奇な物語】</a></p>
<p><a href="zone.html">→第4回上映<br>【デッドゾーン】</a></p>
<p></p>
<p></p>
<p class="style2"><span class="style4">※あらすじは途中までですがネタバレの<br>オソレあり!</span></p>
<p class="style2"></p>
<p class="style2"><a href="../index.html">→へちまやTOPへ</a></p>
<div align="left">
<div align="center" id="main">
<table border="0">
<tr>
<td>
<img src="zone1.gif" name="zone" width="450" id="zone">
</td>
</tr>
</table>
</div>
<div id="navi">
<form>
<div align="center">
<p>
<input type="button"value="前頁←" onclick="back()">
<input type="button"value="表紙へ戻る" onclick="top()">
<input type="button"value="→次頁" onclick="next()">
</p>
<hr>
<p><!-- #BeginLibraryItem "/Library/copyright.lbi" -->Copyright(C)2006 hechimaya. All rights reserved. <br>
【掲載の記事・写真・イラストなどの無断複写・転載等を禁じます。】 <!-- #EndLibraryItem --></p>
</div>
</form>
</div>
</body>
javascriptの関数などは head 部分で定義するのが一般的だと思うので移動させました。
あと、[img] [br] タグの最後にある「スラッシュ」
[br /]は、自分が無知でしたら教えていただきたいのですが。
あまり見たことがないので、消去しました。
n; と、無意味なことをやってる部分があったので消しました。
javascriptの中では、大文字小文字は重要です。
Zone と zone は違うものと判断されます。
質問者様のおっしゃるように、javascriptには問題があるようには見えないので
ファイルの場所、ファイル名の指定間違い(大文字、小文字も含め)
等が考えられます。
N0.1,NO2 様
今回はどうもありがとうございました。
ネットものはやはり几帳面さが大事ですね。
javascriptは初めてですが、使いようによってはファイルが少なくてすみ便利そうなので今後も作ってみようと思います。
ありがとうございました。
No.1
- 回答日時:
アップしたファイルと同一のフォルダに画像ファイルをアップしていますか?
一部、解決しました!
script自体に問題がないようなので、もう一度フォルダをみてみたのですが、画像ファイル名が大字になっていたので小文字にしてみたらIEでは正常に作動するようになりました。(safariではダメですが)
同じファイル(大字のまま)のがローカルサイトでは作動していたので、気にしてなかったのですが、
jaavscriptの中では統一しなければならなかったのでしょうか?
まあ、今は動くんだからいいじゃないのといわれればそうなんですが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
iframe内のリンクが飛ばないの...
-
クリックすると下に説明文が出...
-
クリックするとテーブルの列の...
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
【HP作成】クリックすると下...
-
指定位置に要素を追加する
-
テキストエリア内の一部の文字...
-
[JavaScript]IE11にてフリック...
-
Javascriptで現在のページ番号...
-
VBAのことについて教えてくださ...
-
折たたみメニューの表示・非表示
-
javascriptでのアコーディオン...
-
IFRAMEの表示/非表示を切り替え...
-
JavaScript オンマウスで画像...
-
c++std::string型をTCHARに変換...
-
画像クリックした後別ウィンド...
-
img 上の任意の座標範囲の色を...
-
JSPでの画像ファイル表示
-
JavaScriptでの画像切り替えを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
removeAttribute()メソッドで削...
-
IFRAMEの表示/非表示を切り替え...
-
VBAのことについて教えてくださ...
-
javascriptでpostした値が取得...
-
プルダウンメニュ 展開時にずら...
-
removeEventListenerについて
-
クリックすると隠れたテキスト...
-
プルダウンとチェックボックス...
-
指定字数以降隠す
-
自働生成される<div>タグに連番...
-
テキストボックスに入力された...
-
背景色を透明化
-
特定のものにだけスクリプトを...
-
ホームページ(デフォルトペー...
-
テキストエリア内の一部の文字...
-
隣のフレームの中のスタイルを...
-
java折りたたみタグを複数設置...
おすすめ情報