- ベストアンサー
外部ファイルにした時の引継ぎについて…
jQueryに関するJavaScriptに関する質問です。 ■以下のサイトで文字の大きさの変更についてのスクリプトがあり、自サイトに取り入れようと試みました。 ▼ http://www.lllcolor.com/jQuery/demo/demo01b.html 該当ページにてjavascriptに関する記述を直接入力した場合には問題なく動作するのですが、少々スクリプトが長いのもあり外部ファイルにしようとした場合に動作が行えません。 何か書き足さなければならないものがあるのでしょうか？ <HRAD>内には以下のタグが記入されております。 <SCRIPT type="text/javascript" src="jquery.js"></SCRIPT> <SCRIPT type="text/javascript" src="common.js"></SCRIPT> ※common.jsは該当スクリプトを外部ファイルにした時の名称です。 ■ページ内の文字を変換する部分には、以下の記述があります。 <a href="#" class="sizeL"><IMG src="img/common/font_l.gif" width="20" height="20" border="0"></a> <a href="#" class="sizeM"><IMG src="img/common/font_m.gif" width="20" height="20" border="0"></a> <a href="#" class="sizeS"><IMG src="img/common/font_s.gif" width="20" height="20" border="0"></a> JavaScriptに関しては殆ど初心者です。 自身では色々なサイトを閲覧し、試行錯誤でスクリプトの先頭にに、$(function fontsize(){ と書き足し、ページ内の記述に<a href="#" class="sizeL" id="fontsize"> としてみたりと訳の分からない事に挑戦してみましたが一向に無駄でした（泣） どなたか、ご教授を頂ければ幸いです。 宜しくお願いします。
- ishibo_062
- お礼率26% (8/30)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
該当のサイトはスタイルシートで予め文字サイズを指定して、 それをJavaScriptを用いて切り替えているようです。 下記に詳しく書いてありますよ。 http://www.lllcolor.com/web/jquery/47.html つまりJavaScriptだけでは文字サイズの拡大縮小はできないということです。 CSSを別途記述し、<head>内に読み込んでやる必要があります。
その他の回答 (1)
- wp_
- ベストアンサー率54% (132/242)
><SCRIPT type="text/javascript" src="jquery.js"></SCRIPT> ><SCRIPT type="text/javascript" src="common.js"></SCRIPT> ファイルはhtmlと同じ場所に存在しますか。 「alert();」とjsの頭に記入しアラートが出るか確認しましょう。 出ればまた別の問題ですが、出なかったらパスが間違っています。 絶対パスで書くのが無難でしょう。 アラートが出るのに動かない、という場合はjsを呼ぶ順番が間違ってたりとかしませんか。 <head>の中に入れた場合と<body>の中に入れた場合では挙動が違ったかと思います。 ieであれば[ツール][インターネットオプション][詳細設定][スクリプトのエラーごとに...]にチェックを入れればエラーが確認できる（はず）と思います。 こちらもあわせて確認されては。
補足
早々にアドバイスを頂きありがとうございます。 ■ファイルの場所について 外部ファイルはindexと同じ場所にあります。 ■アラーとについて 早速試しましたところアラートがでました。 ■場所について… <HEAD>～</HEAD>内に入っております。 尚、common.js内には今のところ文字変換スクリプトしか入っておりません。 ■補足… 素人ながら思ったのですが、jsスクリプト内のフォントサイズに関してサイズＳ・Ｍ・Ｌと書かれておりますがサイズの指定は後から出来るのでしょうか？ 文字制限にて全て表示されるか不明ですがスクリプトを掲載します。 ▼スクリプト本文 $(function fontsize(){ var currentstyle = readCookie('fontStyle'); if (currentstyle){ switchFont(currentstyle); }; $("a.sizeL").click(function(){ switchFont("fontL"); return false; }); $("a.sizeM").click(function(){ switchFont("fontM"); return false; }); $("a.sizeS").click(function(){ switchFont("fontS"); return false; }); }); function switchFont(className){ $("body").removeAttr("class").addClass(className); createCookie('fontStyle', className, 365); }; // cookie script http://www.quirksmode.org/js/cookies.html function createCookie(name,value,days){ if (days){ var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name){ var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } お手数をお掛けしますが宜しくお願いします。