まったく初心者ですが、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で質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
背景色を透明化
-
console.log結果をhtmlで表示し...
-
jQueryでクリックされた要素のi...
-
[急ぎ] videoタグで埋め込んだm...
-
変数名をどのようにつけるのが...
-
URL末尾に特定の文字を含む場合...
-
配列で特定キーが同じ値だった...
-
自働生成される<div>タグに連番...
-
123456789の順番の並...
-
createElementで作成した要素を...
-
jQueryで特定id以外の下にある...
-
マウスオーバーにてdivの切り替え
-
HTMLタグに複数のクラスを設定...
-
HTMLとJavaScriptで作ったタイ...
-
10秒後に1秒ごとに1行づつ表示...
-
jTweetsAnywhereでハッシュタグ...
-
読み込んだQRコードをフォーム...
-
cssでdisplay:noneを指定した時...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
HTMLタグに複数のクラスを設定...
-
変数名をどのようにつけるのが...
-
401エラードキュメントを401.ht...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
タブで開いてさらにタブ内をア...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
表示・非表示のスクリプトで、...
-
HTMLとJavaScriptで作ったタイ...
-
HTMLとJavaScriptで作ったタイ...
-
getElementByIdの戻り値がnull...
-
指定したパスが現URLに含まれて...
-
[急ぎ] videoタグで埋め込んだm...
-
IFRAMEの表示/非表示を切り替え...
-
iframe内のリンクが飛ばないの...
-
removeAttribute()メソッドで削...
-
背景色を透明化
-
jQueryで同じid属性が複数あっ...
おすすめ情報