新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

外部JavaScriptはひとまとめにしてしまおう

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

プロット・ファクトリーCMS化に関連する記事ですがWordpress(ワードプレス)関連かというとそうでもないのであえてWordpress(ワードプレス)は前面に出さずに解説します。
今であれば、JQueryを使ったライトボックスあたりを使ってしまうでしょうがかつて、別ウインドウで写真を表示させる等は簡単なJavaScriptで書いていました。
その他、メールリンクのスパム対策やプルダウンメニューによるページ移動等も同様、簡単なJavaScriptで書いていました。
そういった細かいJSは全て一つのJSファイルにまとめてしまおうというそういう話。

WEB02

スポンサーリンク
 

まあ、僕の書くJSなんてたかが知れているわけです。
どんなプログラムもひとつの関数、function一つで済んでしまいます。
だもんで、それを一つのJSファイルにまとめているだけです。
まあ、プログラマーとしては常識なのでしょうけれど。。

CMS導入により各ページのヘッダーがテンプレート化されたためにページごとに読み込ませるJSを変えることができなくなったのがひとつの理由。
でも、「swfobject.js」とか一部の複雑なJSはまとめることができないんですよねぇ。。
これ、なんとかなりませんかねぇ。。

最後に恥ずかしながら僕が一つにまとめているJSファイルを紹介します。
どっちみち、ソースをたどっていけば見れるんですけどね。

// 別ウインドウが決まったサイズで開くするスクリプト。以下タグ表記
// <a href=”リンク先ファイル” onclick=”openwin();” target=”win”>
// ウインドウサイズを変えたい場合は同じものを関数名を変えて設置
function openwin()
{
window.open(“”,’win’,’width=516,height=700, status=no, toolbar=no, location=no, menubar=no, scrollbars=no, resizable=yes’);
}

// セレクトメニューでリンク先に飛ぶスクリプト。以下タグ表記
// <select onchange=”LinkSelect(this.form, this)”>
// <option value=”リンク先ファイル”>リンク先タイトル</option>
function LinkSelect(form, sel)
{
adrs = sel.options[sel.selectedIndex].value;
if (adrs != “-” ) location.href = adrs;
}

// スパム対策リンクスクリプト。以下HTML内のJavascript表記
// links(“href内のソース2″,”リンク部分の表記1″,”href内のソース1″,”href内のソース3″,”リンク部分の表記2”);
function links()
{
linkurl=arguments[1] + arguments[4];
document.write(“<a href='”+arguments[2] + arguments[0] + arguments[3]+”‘>”+linkurl+”</a>”);
}

 - プログラミング, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

Tumblr(タンブラー)を自分の言葉でつぶやこう(ツイッター連携時に自由にツイートする方法)

1年以上前の記事です。内容が古い可能性があります。Tumblr(タンブラー)とツ …

iPhoneで自分の携帯番号を確認する方法

1年以上前の記事です。内容が古い可能性があります。勢いで確認するシリーズを3つま …

地震の予兆現象、光柱(発光現象)、彩雲(虹)、地震雲

1年以上前の記事です。内容が古い可能性があります。先日の北海道で震度5弱を記録し …

Facebookページを完全に永遠に削除する方法

1年以上前の記事です。内容が古い可能性があります。念のため作っておいたFaceb …

ライブドアブログで「○ん○ん」を実現する方法

1年以上前の記事です。内容が古い可能性があります。以前、ライブドアブログで丸数字 …

OpenPNE 2.14.0にアップグレード(7/29追記)

1年以上前の記事です。内容が古い可能性があります。OpenPNEの安定版が「2. …

Illustrator、Photoshopが起動しない。「コンピューターにMSVCR100.dll(MSVCR110.dll)が無いためプログラムを開始できません」の対処法

1年以上前の記事です。内容が古い可能性があります。年明け早々、自分のパソコンの「 …

no image
Flickr(フリッカー)とFacebook(フェイスブック)を連携させる方法

1年以上前の記事です。内容が古い可能性があります。連携好きの僕が来ましたよ。今回 …

USTREAMのiPhoneアプリでアカウントを切り替える方法

1年以上前の記事です。内容が古い可能性があります。今年の「うちわ祭」USTREA …

ワードプレス(WordPress)のアップグレードをちゃんとやってみた【さくらインターネットの場合】 #wp

1年以上前の記事です。内容が古い可能性があります。ワードプレス(Wordpres …

血液型オヤジ