- ベストアンサー
JavaScriptについて
サイトを作る際に、メニューを外部JavaScriptファイルから読みだして表示するようにしたいのですが、作り方がよくわかりませんでした。 言葉足らずだとは思いますが、ぜひお願いします。
- 5005005005
- お礼率50% (4/8)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#1です。 そのままご提示のファイルが01.ｊｓだとして… 例えば、以下でいけると思いますが？ （01.ｊｓの内容が反映される→「○○へ移動する」のリンクが表示される） ----ｈｔｍｌファイル---- <html> <head><title>test</title> </head> <body> <script type="text/javascript" src="01.js"></script> </body> </html> *↑では省略してますが、DOCTYPE宣言やcharsetの指定などもしておいた方が良いです。
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
具体的にどのようなことがわからないのか不明ですが… とりあえず、この辺をご参考に。 http://external-file.com/ja/bagongbayani/practice.html http://allabout.co.jp/internet/javascript/closeup/CU20030521/index.htm http://www.shiojiri.ne.jp/%7Eopenspc/js/
補足
さっせく回答ありがとうございます。 外部JavaScriptファイルのコードと、 表示するhtml側のコードです。 01.jsに document.write("<a href='01.html'>○○へ移動する</a>") として index.htmlに <script language="JavaScript" src="01.js"></script> とした時に01.jsの内容を表示させる文が分からずに困っています。
関連するQ&A
- 外部JavaScriptファイルから呼び出したい！
ページを早く表示させるために、コピー＆ペーストでスクリプトを外部ファイル化しました。 <script language="JavaScript" src="../js/menu.js"></script> ↑とコピペした外部ファイルへリンクさせ、その後、 <script language="JavaScript">mmLoadMenus();</script> と記述してある部分があるのですが、うまく呼びだせてないようでランタイムエラーがでます。 すべてのJavaScriptを1ファイル内に記述しているときはうまく動作しているのですが、外部ファイルに切り離すとエラーが出ます。 外部ファイル化したために、mmLoadMenus();が動作しないので、どなたか分かる方、アドバイスをお願いします！！
- ベストアンサー
- JavaScript
- JavaScriptの外部ファイル化とSSIについて
いつもお世話になっております。 親切で丁寧なご回答に心から感謝いたします。 今回、JavaScriptを外部ファイルにし、 更新等の時間を大幅に削減しようと思っておりますが、 上手くいかないためこちらに質問させていただきました。 当方のホームページではメニュー部とタイトル部をSSIを利用し、 インクルードさせ、表示しておりますが、JavaScriptを外部ファイルにすると、 SSIでインクールドさせている部分だけ表示されなくなってしまいます。 Firefoxのソース表示でソースをみると、インクルードさせている部分は、 ソースにはありましたが、その部分だけHTML文書ではなく ただの文書（黒字）になってしまっております。 ただ、indexページだけはなぜか正常に表示され、 メニューから移動した際に、インクルードしたものが表示されない状態です。 メニュー部は外部ファイル化したJavaScriptでツリーメニューになっています。 何卒、宜しくお願いいたします。 ソースは下記のとおりです。 <HEAD> <META> <LINK href="detarame2006.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="script.js"> </HEAD> 省略 <TR> <!--#include file="top/top.html" --> </TR> <TR> 省略 </TR> <!--#include file="menu/menu.html" -->
- ベストアンサー
- JavaScript
- javascriptのPHP化について
宜しくお願い致します。 javascriptの外部ファイルをPHP化して、サーバサイドで動的に生成した内容を吐き出し、それをHTML側でjavascriptの外部ファイルとして受け取って処理しております。 この場合のブラウザがアクセスした際に処理される順番は・・・ (1)HTMLの読み込み開始 (2)header内のjavascript外部ファイルの読み込みと実行 (3)HTMLファイルのbody以下を読み込み (4)結果をブラウザに返して表示 という流れになるはずです。 この場合、(2)のjavascript外部ファイルの方がbodyより先に実行されるはずです。 しかし、javascript外部ファイル内のPHPでセッションデータを扱っている場合、(3)のbody内でPHPでセッションを定義した内容が、なぜか(2)のjavascript外部ファイルで反映されて実行されるのです。 私のイメージでは・・・ (1)HTMLの読み込み開始 (2)header内のjavascript外部ファイルの読み込みと実行 ※この時セッションは反映しない (3)HTMLファイルのbody以下を読み込み ※この時にセッションを入れても(2)が既に実行さられているので反映しない (4)結果をブラウザに返して表示 ※結果、セッションにデータが入っておらず、php側でエラーを吐き出しjavascriptが止まる という様になるかと思ってましたが、なぜか実行されます。 javascriptはHTMLが全部読み込まれてから実行されるのでしょうか？
- ベストアンサー
- JavaScript
- Javascriptでのツリーメニュー表示について
Javascriptを利用して、ホームページ上でツリーメニューを表示させようと思っています。 以下のページのサンプルを元にしています。 【解説ページ】http://www.openspc2.org/reibun/javascript/mouse/063/index.html 上記は、１ページ毎に記述するタイプでテキストベースとなっております。 私は、はじめにツリーを展開するボタンをgif画像で作成し、それをクリックした際に画像の下にテキストベースのリンク文字が表示されるようにしたいと考えました。 また、それらは外部のｊｓファイルでの管理をしたいと思います。 まず、下記の構文を外部ｊｓファイルで作成し<head>内でファイルの読み込みを行いました。 【↓clickmenu.js↓】 function exMenu(tName) { tMenu = document.getElementById(tName).style; if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; } 次に、下記のタグの部分も外部ｊｓファイルで読み込みたいと思っています。 <a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>～</div>まで この実際のボタン部分も外部ｊｓで読み込みたいと思う理由は、ページ数が非常に多く、メニューの追加や削除を、１つのファイルでどうしても管理したいからです。 フレームを利用せず、Javascriptでも同じ事が可能であることはわかったのですが、タグの部分がうまく外部ファイルにできなくて、表示が真っ白になってしまいます。 document.write('<a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>'); のように、１行ずつ書いているのですが、hrefにjavaScriptを指定すると表示が消えてしまいます。 必ずこの型でというわけではないのですが、何とかうまく外部ファイルでボタン部分を表示させる方法がありませんでしょうか。ご教授願います。
- ベストアンサー
- JavaScript
- htmlとjavascript
javascriptを外部ファイルで作成しています。 HTMLの作ったテキストとjavascriptで作ったテキストを同時に、 組み合わせたいのですがどうしたらいいのでしょうか…？ <body> <h1>タイトル</h1> <p>内容</p> ここにjavascriptで文字等を表示 </body> 外部ファイルのjavascriptで「document.write(・・・・・)」 だと、htmlの文章が消えてdocument.writeの文だけになってしまうので、 何か解決策を教えていただけると幸いです。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- JavaScript の名前と場所
HTML から JavaScript を外部ファイルとして読み込んだ際に、JavaScript 自体の名前と場所を取得することは出来ないのでしょうか。 JavaScript のライブラリを作成しており、この中からそのライブラリフォルダ内の HTML を表示したいと思っております。 以上、よろしくお願いします。
- 締切済み
- JavaScript
- レイヤーメニューを外部Javascriptファイルで読み込む方法はないですか？
よく、レイヤーとJavascriptを組み合わせてプルダウンン風メニューがありますが(Microsoftの上部メニューのようなの）、 これを外部ファイルとして各ページに読み込む方法はないでしょうか？ メンテの効率上、フレームを使わずに全ページ共通のメニューを表示させたいのです。 できれば、レイヤープルダウンメニューには画像を使ってロールオーバーのアクションもつけれれば最高ですが…。 レイヤーでプルダウンメニューを作ることはできるのですが、外部ファイルとして読み込む方法を教えて下さい。 お願いします。
- ベストアンサー
- HTML
- レイヤーメニューを外部Javascriptファイルで読み込む方法はないですか?
よく、レイヤーとJavascriptを組み合わせてプルダウンン風メニューがありますが(Microsoftの上部メニューのようなの）、 これを外部ファイルとして各ページに読み込む方法はないでしょうか？ メンテの効率上、フレームを使わずに全ページ共通のメニューを表示させたいのです。 できれば、レイヤープルダウンメニューには画像を使ってロールオーバーのアクションもつけれれば最高ですが…。 レイヤーでプルダウンメニューを作ることはできるのですが、外部ファイルとして読み込む方法を教えて下さい。 お願いします。
- 締切済み
- JavaScript
- JavaScriptで作ったものが部分的に表示されません
JavaScriptで、外部ファイルから呼び出す記述法で書きました。IE6ではどこも問題なく表示できましたが、NS7とMozillaFirefoxでは、最終更新日とツリー式メニューが、表示されるページとされないページが同じようにありました。 すべてコピペなので、部分的に記述違いをしていることはないはずなのです。どなたか原因を教えていただけないでしょうか？
- 締切済み
- ホームページ作成ソフト
- JavaScript（ライブラリ）のキャッシュについて
jQueryやprototypeなどのJavaScriptライブラリを使用して、ホームページに色々な効果をつけています。 その１つで、ナビゲーション箇所に「アコーディオンメニュー」を実装したのですが、ページ遷移する度に読み込みが遅いためか、メニューが全部展開（開いた）状態になってしまいます。 その後３秒～５秒ほどでアコーディオンが閉じた状態になります。 不恰好で困っています。 トップページなど入り口のページはあきらめるとして、他のページに遷移したときは、上記の「メニューが展開する」状態を回避する策はないでしょうか？ jquery.js accordion.js というようにサイトのすべてのページに読み込みをしています。 JavaScriptについては「外部ファイルにするとキャッシュが残る」というように聞いたことがありますが、それは一度閲覧したサイトを次回、訪れた際にキャッシュが残っているということでしょうか？ それともトップページで一度読み込みをすれば、他のページに遷移したときにトップページで既に読み込みをしたjsファイルがキャッシュされており、引き継がれる（再読み込みをしない）、ということでしょうか？ 「アコーディオンがいちいち展開する」ことから、初めて訪れるページは、トップページでもサブページでも、同じjsファイルにもかかわらずいちいち読み込みいくということなのかな・・・と思っているのですが。 JavaScript、JavaScriptライブラリを混同しているような内容で、的はずれな質問をしてしまっているのかもしれませんが、当方、あまり知識を持ち合わせておらず、どうぞご容赦ください。
- ベストアンサー
- JavaScript
お礼
ありがとうございますm(_ _)m 解決しました