top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_594

紹介したリンク集:記事リンクと項目別整列を搭載。使えなきゃ意味ないし・・・ 【ブログカスタマイズ】

 2009-01-07
 現在(2009/01/07)、309件まで増えた

  ・紹介したリンク集

 今まで記事で紹介してきたリンク先を
 「生かす」ために用意したものだが、これだけになると
  ・ちと探すのが大変。
  ・また、記事ではどのように書いてきたか
  知りたくなる時もある

 ・・・ということで、早速搭載。

  ・記事を別ウインドウで表示するリンク
  ・項目別に、昇順・逆順の整列機能

 ◎使えなきゃね「紹介したリンク集」

 追記に ▼

FC2ブログランキングにほんブログ村 IT技術ブログ Webサイト構築へブログ王ランキング人気ブログランキング人気ホームページランキングへ


more**************************************************
使えなきゃね「紹介したリンク集」
**************************************************

 ■前置き
 /*------------------------------------------*/
  まず
  ・記事を別ウインドウで表示するリンク
   これを行うには

   用意したテキストファイルに
   新たな情報(原稿ID)を加える必要がある
   で、

   >>力作業
    やりましたよ。地道に。309件。
    テキストファイルの末尾に、原稿IDを追加
面白法人カヤック,http://www.kayac.com/,注目企業サイト,2008/12/30,585

 こんな感じ・・・

 たっぷり、4時間ほどかけて終了。
 それでは、JavaScript の実装にゆきますか。

 ■関数の分離

  ■prototype.jsを利用した 外部CSVファイルの読込関数から

  ・表示文字列生成
    > document.getElementById による 表示書き換え
   の部分を分離
function GoTables(){
var outstr = "";
var outstr = "<table id='linktable'>";
outstr += "<tr>";
outstr += "<th style='width:250px;'><a href=\"#\" onclick=\"Javascript:now_sort=1;GoSortList('title'); return false;\">リンク先名称";
if(now_sort == 'title'){ if(now_asc == 1){ outstr += "▲"; }else{ outstr += "▼"; }}
outstr += "</a></th>";
outstr += "<th><a href=\"#\" onclick=\"Javascript:now_sort=1;GoSortList('cval'); return false;\">種類";
if(now_sort == 'cval'){ if(now_asc == 1){ outstr += "▲"; }else{ outstr += "▼"; }}
outstr += "</a></th>";
outstr += "<th><a href=\"#\" onclick=\"Javascript:now_sort=1;GoSortList('ival'); return false;\">該当記事";
if(now_sort == 'ival'){ if(now_asc == 1){ outstr += "▲"; }else{ outstr += "▼"; }}
outstr += "</a></th>";
outstr += "<th><a href=\"#\" onclick=\"Javascript:now_sort=1;GoSortList('uval'); return false;\">リンク先URL";
if(now_sort == 'uval'){ if(now_asc == 1){ outstr += "▲"; }else{ outstr += "▼"; }}
outstr += "</a></th>";
outstr += "<th><a href=\"#\" onclick=\"Javascript:now_sort=1;GoSortList('dval'); return false;\">登録日";
if(now_sort == 'dval'){ if(now_asc == 1){ outstr += "▲"; }else{ outstr += "▼"; }}
outstr += "</a></th>";
outstr += "</tr>";
for(var i = 0;i<array_items.length;i++){
outstr += "<tr>";
outstr += "<td style='height:15px;width:250px;'>";
outstr += "<a href='" + array_items[i].uval + "' target='_blank' rel='nofollow'>";
outstr += array_items[i].title + "</a>";
outstr += "</td>";
outstr += "<td>" + array_items[i].cval + "</td>";
outstr += "<td>";
if(array_items[i].ival!=''){
var toURL = baseurl_i + array_items[i].ival + ".html";
outstr += "<a href=\"javascript:GoMainView('" + toURL + "');\">記事へ</a>";
}else{ outstr += " "; }
outstr += "</td>";
outstr += "<td>";
outstr += "<a href='" + array_items[i].uval + "' target='_blank' rel='nofollow'>";
outstr += array_items[i].uval + "</a>";
outstr += "</td>";
outstr += "<td>" + array_items[i].dval + "</td>";
outstr += "</tr>";
}
outstr += "</table>";

document.getElementById("data_alls").innerHTML = "現在:" + tempnum + "件";
document.getElementById("tables").innerHTML = outstr;


(function () {
new superTable("linktable", {
cssSkin : "Sky",
fixedCols : 1
});
})();
}

 ・項目のところは、配列にして廻しても良かったんだけど
  まぁ、5つだからね。


 ■現在の整列状態

  ■現在の整列項目名と 昇順・逆順を格納する変数を用意し
   配列変数などを グローバル変数として外に出す
var array_items = new Array(); var tempnum=0;
var baseurl_i =
"http://metaboy.blog23.fc2.com/blog-entry-";
var now_sort = ""; var now_asc = 1;



 ■整列し、表示文字列生成を呼ぶメイン関数を用意

  ■現在の昇順・逆順(now_sort)により
   配列変数の比較条件を変えて用意しておく
function GoSortList(key){
if(now_sort==''){ now_sort = "title"; }
if(now_asc==1){ array_items.sort(function (a, b) { return a[key] > b[key] ? 1 : -1; }); now_asc=-1;
}else{ array_items.sort(function (a, b) { return a[key] > b[key] ? -1 : 1; }); now_asc=1; }
now_sort = key;
GoTables();
}



 ■別ウインドウで記事を表示する関数を用意

  ■本当は、window.opener 利用して
   元のメインウインドウを書き換えたかったのだが、
   FC2ブログの場合、アップロードしたファイルはドメインが
   違うので、「書き換えできません」エラー。
   やくなく、別ウインドウで用意。
function GoMainView(strURL){
if(strURL!=''){
// if(window.opener.closed){
Open_win(strURL,'metaboy',800,800,1);
// }else{
// window.opener.document.location.href = strURL;
// }
}
}



 【課題】

 一応できたけれど
 (IE7,Firefox,Chrome で動作確認)

  ・IE7 だと、重い重い。
   ちょっと使いづらいなぁ。

よろしければ、みなさんもご利用ください。
  ・紹介したリンク集
commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/594-e1e5b382
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。