javascriptを@importのように一つのjsファイルで読み込む
javascriptを多用するといくら外部化していても<head>〜</head>が散らかってきます。
こんな風に↓
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/yuga.js"></script>
<script type="text/javascript" src="js/outline.js"></script>
</head>
そこでcssの@importのように一つのファイルを読み込めば、
同時に他のファイルも読み込んでくれるようにする方法です。
- 08/11/25 |
- javascript |
- コメントする |
- TOP
javascriptを外部化する
javascriptを外部化する方法です。
通常<head> 〜 </head>に
<script type="text/javascript">
function disable_links_outline() {
var blur = function () { this.blur() };
for (var i = 0; i < document.links.length; i++)
document.links[i].onfocus = blur;
}
</script>
のように記述するjavascriptですがこれを外部化するには、
テキストエディタで
function disable_links_outline() {
var blur = function () { this.blur() };
for (var i = 0; i < document.links.length; i++)
document.links[i].onfocus = blur;
}
<script type="text/javascript">と</script>を取り除いて"任意の名前.js"で保存します。次に<head> 〜 </head>に
<script type="text/javascript" src="http://www.example/任意の名前.js"></script>
として読み込みます。以上です。
- 08/11/07 |
- javascript |
- コメントする |
- TOP
Google AJAX Feed APIでブログの更新情報を表示
複数のブログを運営していると「他のブログの更新情報をメインのブログに表示したい」という場合があります。MovableTypeで複数のブログを運営しているのなら以前紹介した方法を使えば良いのですが、他のブログがレンタルブログだったりWordPressだった場合、そうはいきません。
そこでGoogle AJAX Feed APIの登場です。
これでサイトに他のブログの更新情報を表示します。
表示例（shinとkiyoのサイトの更新情報部分）
- 08/10/21 |
- javascript |
- コメントする |
- TOP
リンクをクリックした時に出る点線を出ないようにする
IEやFirefoxではリンクをクリックした際にその周りが点線で囲まれます。
クリックした、ということは分かりやすいのかもしれませんがデザイン的にはとてもに邪魔です。
これを消す方法です。
<head> 〜 </head>内に以下を追加します。
<script type="text/javascript">
<!--
function disable_links_outline() {
var blur = function () { this.blur() };
for (var i = 0; i < document.links.length; i++)
document.links[i].onfocus = blur;
}
//-->
</script>
そして<body>タグを以下のように変更。
<body onload="disable_links_outline()">
これだけで邪魔な点線が出なくなります。
