• 締切済み

Jsファイルの組込

ページを追加すると、全ページのメニュー部分の書き換えが必要なのですが、JSファイルをインクルードすれば、1回の書き換え作業で終えることができることを、当サイトの他のコメントで知りました。 が、埋め込む、元のファイルの作り方がわかりません。 ロールオーバーで文字色が変化ような元のJSファイルの作り方を教えてください。 よろしくお願いいたします。

  • HTML
  • 回答数2
  • ありがとう数1

みんなの回答

  • egoblock
  • ベストアンサー率22% (4/18)
回答No.2

.jsというファイル名でファイルを作成する。 内容は直接JavaScriptを記述です。 <script type="text/script">のようなhtml内に記述する際に書いたものは不要です。 後はそのファイルを任意の場所に置き、 <script type="text/javascript" src="置き場所"></script>をcssのように指定するだけです。

全文を見る
すると、全ての回答が全文表示されます。
  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

http://www.tohoho-web.com/html/script.htm 今まで <script><!-- 　// 何かソース //--></script> これから <script src="script.js"></script> でもロールオーバーで文字色を変えるだけならcssの方が簡単だと思うよ http://www.seo-equation.com/html/css/false

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 複数画像のロールオーバーの効率的な外部JS

    複数の同じような画像を外部JSで、 効率的にロールオーバーさせる方法を教えて下さい。 複数のhtmlページのメニュー部分に使用しているので、 出来るだけhtmlソースを汚さずに、 外部のＪＳにまとめたいのです。 知っている方がいましたら、教えて下さい。

  • yuga.jsを使うとロールオーバー画像が表示されない

    お世話になっております。質問させてください。 現在メニューの画像をyuga.jsに入っていないスクリプトで ロールオーバーさせているのですが、 ある1ページにだけ yuga.js関係のスクリプトを使用した所、 そのページのメニュータイトル画像だけが 表示されなくなってしまいました。 （マウスを載せるとロールオーバー後の画像は出てくるのですが） http://www.geocities.jp/meguri_mizu/test/pc/2008.html ↑こんな感じです…。左上の「役に立つパソコン」の部分です。 firefoxだとずっとマウスオーバーした時の画像が表示されたままになってしまいます。 yuga.jsでできる、名前に_onをつけてのロールオーバーにしても やっぱり自ページのメニューだけがうまく表示されません。 なぜなのでしょうか…？ スクリプトが読めないのでどう直していいのか全然わかりません；； よろしければご教授ください。お願いします…。

  • プルダウンメニューで読み込む外部Jsファイル選択

    HTMLに外部JSファイルを読み込ませたものが5ページあります。 現在、HTMLを10個作ってそれぞれ別のJSファイルを読み込ませているのですが、HTMLは読み込むJSファイルが違うだけで、他はまったく同じものです。 これを一つのHTMLに１つにして、読み込むJSファイルをプルダウンで変えられたらと思っているのですが、こういった事は可能でしょうか？可能でしたら方法をご伝授ください＞＜ 【現在】 HTML1－menu1を読み込ませている HTML2－menu2を読み込ませている HTML3－menu3を読み込ませている HTML4－menu4を読み込ませている 【こうしたい】 HTML－プルダウンでメニュー1を選択するとmenu1.jsが読み込まれる 　　　　 －プルダウンでメニュー2を選択するとmenu2.jsが読み込まれる 　　　　 －プルダウンでメニュー3を選択するとmenu3.jsが読み込まれる 　　　　 －プルダウンでメニュー4を選択するとmenu4.jsが読み込まれる

  • WebAborn、jsファイルを新しく作りたい

    WebAbornのあぼーんする文字列を編集してjsファイルを新しく作りたいのですが、作者さんの文字列を入力してファイルを作るページがなくなってしまいました。 過去のページに「自分のPCでWebAborn.user.jsを生成できる」とありますが、ZIPファイルの配布は終了したのか見当たりません。 https://itouhiro.hatenablog.com/entry/20130111 https://github.com/search?q=owner%3Aitouhiro%20owner%3Aitouhiro%20&type=repositories 何か方法をご存じでしたら教えてください。

  • Dreamweaver CS3 外部 JS ファイル

    DreamweaverCS3のspryのメニューバーを使いページを作りたいと思っています 現在はトップに作ったspryメニューバーを各ページのHTMLにコピペして使っています。 それでは今後も増えていくであろうページ対してこれではとてもできないと思い調べてみますとｓｐｒｙを作るうえで自動的に生成されるフォルダのなかにあるjsファイルを変更すれば その問題が解決できるみたいとわかり、いろいろ調べ、また検索をかけ調べてみましたが、その答えを得ることができませんでした。 この外部ｊｓファイルのカスタマイズ方法について教えてください。 よろしくお願いします

  • js　ロールオーバーについて

    初めまして。javascriptについてお聞きします。 下記HTMLのように、メニューを<ul>で並べております。 javascriptで<li>にマウスオーバーした時に、 内包しているクラスの.dateのフォント色を変えようと、jsを下記のように書きました。 するとマウスオーバーしている<li>の.dateだけではなく、 全ての.dateのフォント色が変化してしまいました。 色々試しましたが、上手くいきません。 マウスオーバーしている部分にだけ、変化させるにはどうしたら良いでしょうか。 どうぞよろしくお願いいたします。 ■js $(function(){ $(".Menu li").mouseover(function(){ $(".date").css("color","white"); }).mouseout(function(){ $(".date").css("color","black"); }); }); ■html <div class="Menu"> <li> <p class="date">2012/3/13</p> <p>テキストテキストテキストテキスト</p> </li> <li> <p class="date">2012/3/12</p> <p>テキストテキストテキストテキスト</p> </li> <li> <p class="date">2012/3/11</p> <p>テキストテキストテキストテキスト</p> </li> </div>

  • .jsファイルの記述をＭａｃで変更したい

    Ajaxについて質問します。 ホームページ制作で、ThickBoxを使いHTMLファイルや画像を表示させていますが、表示されたウィンドウについているナビゲーション用の「Next」や「close」を「次へ」「閉じる」などと表示させたいのです。 とあるサイトに変更の仕方が書いてあったのですが、thickbox.jsファイルをDreamWeaver CS3で開いたところ、参考となる記述と大幅に食い違っているようなのです。とにかく変更箇所が確認できません。 ThickBoxは、http://kyosuke.jp/portfolio/javascript/yuga.htmlからダウンロードしたyuga.jsのセットを使っています。 jsファイルを変更するには、特別な環境を用意しなければいけないのでしょうか？DreamWeaver CS3では、書き換えはできませんか？また、yuga.jsのセットが元の記述と違っているのなら、日本語でナビゲーション部分を書き換えるのは不可能なのでしょうか？回答をお願いいたします。

  • JSファイル（JQuery）の読み込みについて

    セレクトボックスで、猫を選択したらAというJSファイルが動き、BというJSファイルに猫の画像URLを書出しています。 ボタンを押したら、BのJSファイルが動き、ページ上に猫の画像が表示されるというようなものを作っています。 セレクトボックスを変更し、ボタンを押すたびに、画像を変えたいのですが、うまく変わりません。 Bへの書出しはうまく行っていて、セレクトボックスを変えて、ボタンを押してから、ページ更新をして、もう一度ボタンを押すと、切り替わります。 セレクトボックス変更→ボタンを押す(変わらない)→ページ更新→ボタンを押す（変わる） この作業で、セレクトボックスで指定した画像が表示されるので、JSファイルのキャッシュが残っているのかなと思い、ヘッダーや、.htaccessで、キャッシュ無効のコードを書いたり、JSファイルのURL呼び出しに、日付を入れたりしてみた（～.js?20150209010101 など）のですが、こちらも有効になりません。 このような場合、なにか対処方法をご存知でしたら教えていただけませんでしょうか。 どうぞよろしくお願いします。

    • ベストアンサー
    • AJAX
  • 「htaccess」と「jsファイル」について

    csvとjsを読み込んで表示させているPHPスクリプトがあります。 ■htaccess <Files ~ ".(dat|log|csv|txt)$"> deny from all </Files> この状態では、問題ないです。 ・csvファイルには、ブラウザから直接アクセスできない。 ・csvファイル自体は、ファイルに読み込まれ、結果が画面に正常表示されている。 ところが、拡張子にjsファイルを追加したところ、 画面上で、そのjsスクリプト部分がまったく読み込まれないようになりました。 <Files ~ ".(dat|log|csv|txt|js)$"> deny from all </Files> ■質問内容 拒否ファイルにcsvがあっても、csvファイルは読み込めたのに、 拒否ファイルにjsを指定すると、なぜ、読み込めなくなるのでしょうか？ jsはクライアントサイドの処理で、 csvファイルはサーバサイドのPHPを利用して読み込んでいるからなのでしょうか？ deny from all って、アパッチの設定か何かなのでしょうか？ 具体的に何をしているのでしょうか？

  • <Title>部をjsファイルから呼び出したい

    ヘッダの <Title>ページタイトル</Title> ↑このページタイトルの部分をjsファイルから呼び出すには、どういった記述をすれば良いのでしょうか？ 初心者的な質問ですみません。 ご教授お願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する