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

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

  関連記事

科学的に証明されている不幸になる行動。SNSをやらたと見る、いつも忙しくする、等

1年以上前の記事です。内容が古い可能性があります。以下の行動をついついとってしま …

炎上は一部の人たちが作り上げている

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

PhotoshopCS3で境界線を調整できない

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

闇金融(ヤミ金)業者に引っかからないためにすべき唯一のこと

1年以上前の記事です。内容が古い可能性があります。「お金を借りない」以上! で、 …

no image
各種SNSサービス連携まとめ

1年以上前の記事です。内容が古い可能性があります。色々と連携関連の記事を書いてき …

no image
ファイルが開かない

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

no image
「変」は成功、「乱」は失敗、「役」は田舎での戦争のことらしい

1年以上前の記事です。内容が古い可能性があります。こんなツイートが多くのリツイー …

アメブロ(Amebaブログ)をケータイで更新する方法

1年以上前の記事です。内容が古い可能性があります。今さらですが生徒さん及び娘がア …

Web公開用PDFファイル内の決まったページにリンクを貼る方法

1年以上前の記事です。内容が古い可能性があります。PDFファイルってのは2種類あ …

各種ECサイト(ショッピングサイト)料金比較一覧<改訂版>

1年以上前の記事です。内容が古い可能性があります。以前、ネタにした「各種ECサイ …

血液型オヤジ