新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

海外で携帯サイトをやる人は注意

1年以上前の記事です。内容が古い可能性があります。海外での携帯サイトサーフィン( …

Yahoo!ポイントはAmazonギフト券に変えられない

1年以上前の記事です。内容が古い可能性があります。しくじりました。 久しぶりにY …

女子・女性の仕草で本音(好意?嫌悪?)を見抜く方法

1年以上前の記事です。内容が古い可能性があります。これは参考になる!ということで …

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

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

no image
予約語

1年以上前の記事です。内容が古い可能性があります。まずは通りすがりさんありがとう …

no image
タスクマネージャーでプロセスを調べてみた part4

1年以上前の記事です。内容が古い可能性があります。以前、起動にすごく時間がかかる …

no image
子供向け最強集客ツール

1年以上前の記事です。内容が古い可能性があります。連休中に子供とちょっとお出かけ …

Skype(スカイプ)を使ってチャットをするまで(インストール編)

1年以上前の記事です。内容が古い可能性があります。1. ID取得編 → …

システム開発の値段(価格)

1年以上前の記事です。内容が古い可能性があります。最近、プログラミング系の仕事も …

LINE(ライン)でブロックされているかどうか分かる確実な方法

1年以上前の記事です。内容が古い可能性があります。LINE(ライン)が凄い広がり …

血液型オヤジ