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

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

  関連記事

QRコードが作れるサイト

1年以上前の記事です。内容が古い可能性があります。意外とみんな知らないようなので …

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

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

タンブラー(tumblr)に独自ドメインを設定してみた

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

no image
モノをなるべく探さないためのヒント

1年以上前の記事です。内容が古い可能性があります。□モノを探す時間が、いちばんの …

no image
著作権表示についてのメモ

1年以上前の記事です。内容が古い可能性があります。ホームページの著作権は本来は制 …

気をつけよう。面接官が語る印象を悪くする口癖(場合によっては一発不合格!?)

1年以上前の記事です。内容が古い可能性があります。職業訓練校で講師をやっています …

ベベル、エンボス、サテンの輪郭はクリックで編集可【Photoshop】

1年以上前の記事です。内容が古い可能性があります。講師をしていると、以外なことを …

Illustrator(イラストレータ)でアピアランスがいちいち適応されるのを防ぐ方法

1年以上前の記事です。内容が古い可能性があります。せっかくの便利な機能「アピアラ …

LINE(ライン)でブロックされた相手にメッセージを送りトークする方法

1年以上前の記事です。内容が古い可能性があります。この方法使うと、ブロックされた …

GREE(グリー)を退会する方法【スマートフォン編】#1

1年以上前の記事です。内容が古い可能性があります。#1 | #2 | #3 せっ …

血液型オヤジ