- ベストアンサー
javaスクリプトでHTML書き出しテンプレートを作りたい。
こんばんわ。 最近ｊａｖａスクリプト学習中です。 OKwebのような左にメニューのあるサイトを作成予定なのですが、普通に左メニューを作ると１００ページ作ったとしたらメニューの変更時、１００回書き加える必要がありますよね？ そこでジャバスクリプトをHTMLに埋め込もうと考えました。 こんな具合です。 HTML内メニューを表示させたい箇所に <SCRIPT LANGUAGE="JavaScript1.2" src="aaa.js"></SCRIPT> を埋め込み、外部ファイルaaa.jsでは document.write('メニュー表示用html'); とメモ帳で記入しテストしているところです。 ただ、どうしてもうまくいきません、、document.writeだけでよいと思っていたのですが、、 どうしてもうまく表示させたいと思っています。 大変恐縮ですが、どなたか知恵を貸していただけたら幸いです。 よろしくお願いします。
- hanabusa_tsukasa
- お礼率49% (125/252)
- CSS
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
実現したいことだけを見ると以下でいいのでしょうか？ --abc.html ここから---------------------------- <html> <body> aaaa<br> <script language="JavaScript" src="aaa.js"></script><br> bbbb<br> </body> </html> --abc.html ここまで---------------------------- --aaa.js ここから---------------------------- document.write("cccc"); --aaa.js ここまで---------------------------- abc.htmlをブラウザで開くと aaaa cccc bbbb と表示されるはずです。
その他の回答 (1)
- jakarta
- ベストアンサー率38% (607/1597)
質問の内容だけでは、単にスクリプトが書かれたソースを読み込んでいるだけの状態になっていると思われます。 <SCRIPT LANGUAGE="JavaScript1.2" src="aaa.js">doWrite();</SCRIPT> などとdocument.write('メニュー表示用html'); をメソッドから呼び出す形にする必要があります。 閲覧者側がjavascriptをoffにしているとまったくメニューが見えなくなりますので、ナビゲーションはssiやcgiでincludeさせるという方法もありかと思います。
お礼
doWrite()が必要だったのですね！ やはり勉強不足でした。 cgiなどでもできるのですか？ そちらのほうが、お書きになられていたジャバのoffの恐れもなく使えそうですね！ まったくcgiは触れたことがないのですが、挑戦してみようと思います。 ありがとうございました。
関連するQ&A
- Java ScriptでHTMLのソースを使いまわす方法で、、、
こんにちわ。 Java ScriptでHTMLソースを使いまわす方法で困っています。 "tes.js"で使いまわしのHTMLを入力してます。 ロールオーバーの処理を記述する前は表示されるのに ロールオーバーの処理をいれると、表示されなくなりこまってます。 HTMLのファイルでは、呼び出す際 <script type="text/javascript" src="common/tes.js"></script>と記述してあり、 Java Scriptのファイル"tes.js"では、 document.write(" <a href='ndex.html'onMouseOut='MM_swapImgRestore()' onMouseOver='MM_swapImage('home','','common/img/menu_home_on.gif',1)'><img src='common/img/menu_home_off.gif' alt='home' name='home' width='42' height='9' border='0'></a>") と記述してあります。 もしかしたら、この処理↓に原因があるかもしれないとおもうんですが、 onMouseOut='MM_swapImgRestore()' onMouseOver='MM_swapImage('home','','common/img/menu_home_on.gif',1)' 誰かわかる方がいらっしゃれば教えていただけたらと思います。よろしくお願いします。
- ベストアンサー
- JavaScript
- ジャバスクリプトでの画像の記述方法
ジャバスクリプトでの画像の記述方法 下のようなイメージがあります。 これをjsに読み込めますか？ 他の方法がありますか？ その場合、どのような記述をすればいいのでしょうか？ document.write ("<>"); よろしくおねがいします。 セリフをたびたび変えたいので、jsで記述したいのです。 -----ここから <img src="../aaa.gif" alt=" あああああ いいいいい ううううう えええええ おおおおお たたたたた" width="28" height="30"> -----ここまで
- ベストアンサー
- JavaScript
- スクリプト外部ファイルを変数で指定する方法
スクリプト外部ファイル(例えば、bbb.js）をhtml内へ読込むには、 <script language="JavaScript" scr="bbb.js"></script> と書く事を知りました。 ファイル名を変数(aaa="bbb.js"）に入れて、変数aaaで読込む方法を教えて下さい。 次のように、変数aaaにファイル名bbb.jsを代入して、読込みたいのですが、動作しません。 <body> <script language="JavaScript"> aaa=location.search; aaa=aaa.substr(1,(aaa.length - 1)); </script> <script language="JavaScript" src=aaa></script>
- 締切済み
- ホームページ作成ソフト
- ジャバスクリプトについての質問です。
はじめまして。ホームページ内に音声を挿入するためにソフトウェアを使用し音声を挿入しましたが、ＩＥではしっかりと起動し、ＦＩＲＥＦＯＸで全く機能しません。 下記にあるジャバスクリプトのコードをＨＴＭＬ内に記述することで上手く動くと説明されたのですが… <script language='JavaScript' src='Project3/ImpactWebAudio.js' type='text/javascript'></script> ここからのコードはImpactWebAudio.jsに書かれているコードになります。 document.write('<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0" width="100" height="40">'); document.write('<param name="SRC" value="Project3/ImpactWebAudio.swf">'); document.write('<param name="BGCOLOR" value="#FFFFFF">'); document.write('<param name="wmode" value="transparent" />'); document.write('<embed src="Project3/ImpactWebAudio.swf" wmode="transparent"'); document.write('pluginspage="http://www.macromedia.com/shockwave/download/" type="application/x-shockwave-flash" width="100" height="40" bgcolor="#FFFFFF" >'); document.write('</embed>'); document.write('</object>'); フラッシュで作成されたボタンとすべてのファイルはProject3フォルダの中に入っております。 ＩＥでは反映されましたので、階層などにも間違いはないと思いますが、ＦＩＲＥＦＯＸで上手く機能しないことにはどのような理由があるのでしょうか？ ご存知の方がおりましたら、ご指導のほどよろしくお願いします。 （ＦＩＲＥＦＯＸの設定はジャバスクリプト有効になっております。）
- 締切済み
- その他（インターネット・Webサービス）
- Java Script 文字コード 指定
「html ファイル」 ──────────────── <script src="java.js"></script> あいうえお ──────────────── 「java.js」 ──────────────── document.write('<meta charset="UTF-8">'); ──────────────── 上記のように、 html ファイルでは、文字コード指定をせず、 外部 js ファイルを呼び出して、 元のhtmlファイルのコードを指定したいのですが、 上記の方法ではできません。 やり方があれば、お願いします。
- ベストアンサー
- JavaScript
- 外部ジャバスクリプトファイルを呼び出す時
外部ジャバスクリプトファイルを呼び出す時、htmlファイルに、 <script language="JavaScript1.1" src="***.js"></script> などと書いているのですが、どうも表示が遅いような気がしています。 この1.1というのはどういう意味なのでしょうか、それから、これは必要なのでしょうか？ 宜しくお願いいたします。
- ベストアンサー
- JavaScript
- javaスクリプトが表示されない。
javaスクリプトが表示されない。 初めまして。 現在ホームページビルダー１０でホームページを作っています。 写真をランダムに表示させるjavaスクリプトを作ったのですが、プレビューではちゃんと表示されるのですが、 ウェブでのプレビューや、サーバーにアップロード（さくらインターネットです）すると、 まったく表示されません。 初心者なのでどうしていいかわからず困っています。 どなたかわかる方がいらっしゃいましたら、ぜひ教えてください。 よろしくお願いします。 ちなみに、このソースを書き込んでいます。 ↓ <script language="JavaScript"><!-- myImageCnt = 12; myImage = new Array(); myRnd = Math.floor(Math.random()*myImageCnt); document.write("<img src='",myImage[myRnd],"' border='0' >"); // --></script></DIV>
- 締切済み
- その他（インターネット・Webサービス）
- ScriptがTABLEタグの中に表示されません。
下記の様にScriptを使ってTABLEタグの中に表示させようと思ったのですが、test2.jsの「あれ？」がTABLEタグ欄に表示されません。 何方かご教授してもらえませんか？ ↓↓↓↓<HTML File>↓↓↓↓ <HTML><BODY> <script src="./test1.js"></script> </BODY></HTML> ↓↓↓↓<test1.js File>↓↓↓↓ document.open(); document.write("<TABLE border=1><TBODY><TR><TD>1</TD><TD>おや？<script src=\"./test2.js\"></script></TD></TR><TR><TD>1</TD><TD>1</TD></TR></TBODY></TABLE>"); document.close(); ↓↓↓↓<test2.js File>↓↓↓↓ document.open(); document.write("あれ？"); document.close();
- ベストアンサー
- JavaScript
- java scriptで読み込むtxtでリンクする
java scriptを使って外部テキストデータをhtml内に表示させることはできたのですが、そのテキストからさらに別ページへのリンクを貼る方法はあるでしょうか？ ■java script内 var data = [ [2010.12.12,ここにコメント], [2010.11.11,'ここにコメント'], [2010.10.10,'ここにコメント'] ]; ※ここにコメントの全文または一部分をリンクさせたいです。 ■html内 <script type="text/javascript" src="data.js"></script> <script type="text/javascript"> for(var i=0;i<data.length;i++) document.write(data[i][0]+' '+data[i][1]+'<br>'); </script> よろしくお願いします。
- 締切済み
- JavaScript
- スクリプト内から他の外部スクリプトを読み込みたい
Java Script初級者です。 外部スクリプト内から他の外部スクリプトを読み込むことは可能ですか？ 実現したい内容はスクリプト内の関数から▼下のような感じで外部ファイルを読み込むことです。 function check(fm) { <script language="JavaScript" src="AAA.js"></script> } 何か良い方法がありましたらぜひ教えてください。
- ベストアンサー
- JavaScript
お礼
コピペしてみると使えました。 なぜ自分のもので駄目だったのだろう？？ こちらを使ってＨＰを作って行きたいと思います。 ありがとうございました。