機能充実、完全無料のSeesaaブログは、↑ここからすぐに作成できます。
2006年01月19日

リンクをリストボックス化

お気に入りリンクをリストボックス(コンボボックス)化するカスタマイズです。

JavaScriptを使うので動作環境が限られるので注意して下さい。

デザイン→コンテンツ→お気に入りリンク→コンテンツHTML編集
を開きます。

デフォルトでは以下のようになっていると思います。
<div class="sidetitle"><% content.title %></div>
<% content.header -%>
<div class="side">
<% loop:list_link -%>
<a href="<% content_link.url %>" <% if:content_link.target %>target="_blank"<% /if %>><% content_link.title %></a><br />
<% /loop -%>
<% content.footer -%>
</div>


これを次のように変更します。
上記のソースを丸ごと下のように書き換えた方が楽だと思います。
<div class="sidetitle"><% content.title %></div>
<% content.header -%>
<div class="side">

<script language="JavaScript" type="text/javascript"><!--
var opt = new Array();
function MoveSelectLink(sel){
var index = sel.selectedIndex;
if( index != 0 ){
if (opt[index-1] !=1){
location.href = sel.options[index].value;
}else{
window.open(sel.options[index].value);
}
}
}

// -->
</script>

<form action="">
<select
style="width:130px;" name="Links" onChange="MoveSelectLink(this)">
<option value=''>Select Link

<% loop:list_link -%>

<script language="JavaScript" type="text/javascript"><!--
document.writeln( "<option value='<% content_link.url %>'>" + "<% content_link.title %>" );
opt.push( <% if:content_link.target %>1<% else %>0<% /if %> );
// -->
</script>

<% /loop -%>
</select>
</form>
<% content.footer -%>
</div>


これで恐らくコンボボックス化されるはずです。
style="width:130px;"の値はコンボボックスの幅です。
適当に調整してみて下さい。

保存して全て再構築で完了です。

一応IEとFirefoxで表示確認しました。
不具合等ありましたら報告お願いします。

この記事へのコメント
昨日こ゜連絡した56歳の初心者です
リンクをボックス化したのですが リンクをするとバーの中に入らず外に出てしまいます
IEは6 OSはMEです すみません 宜しくご教示下さい
Posted by kenboo at 2006年01月25日 14:31
御免なさい 凄く美味くいきました
有難う御座います
またわかなくなりましたら
宜しくお願いします
Posted by kenboo at 2006年01月25日 14:58
あ、上手くいきましたか、良かったです。
実は今原因をあれこれ考えていたところでした。

昨日のご質問への返信は今朝書いておきましたのでそちらも試してみて下さい。
Posted by ボボコフ at 2006年01月25日 15:02
上手くいきバーの長さも変えたのですがボックスの窓がひとつしかあきません。これを見た目にも少し明ける事は出来るでしょうか リンクの名前は感で決定、上手く言ったのですが 窓をあける方法があればご教授下さい それと私は楽天にアフィリエイトの実践日記を開設してます、 遅ればせながら報告です サイトでの出来事を書き紹介しURLを書き込みました
コメントに教えてがありましたので、先走り申し訳ありません つきましては きちんとブログの名前もいれて 感謝の意思を記入したく想います
許可 いただけますでしょうか ?
初心者ゆえ、それと本当に嬉しかったので 話が前後してしまい、申し訳なく想っています
メールを頂けば幸せです
Posted by 申し訳ありません 昨日の56歳です at 2006年01月25日 22:17
すみませんがご質問の内容が今一つよくわからないです。
窓が一つというのはコンボボックスが一つ、という意味でしょうか?

あ、一行しか表示されないという意味でしょうか?
それでしたら、このコンボボックスを使うという時点で一行しか表示されないんですよ。

もっと広いスペースを使いたいのであれば、
この方法ではなく、
http://blogca.seesaa.net/article/9491501.html
ここに書いたスクロールバーをつける方法の方がいいと思います。
このブログの「最近のコメント」欄のような表示になります。

ご質問の内容から外れていたらすみません。

また、紹介していただくのはもちろん大歓迎です。
よろしくお願いします。
Posted by ボボコフ at 2006年01月26日 11:38
有難う御座います
今日、早速試してみます
本当に初心者ですみません
楽天のブログの件ですが、掲載するときには又
書き込みをします
本当に有難う
Posted by kenboo at 2006年01月26日 20:17
http://plaza.rakuten.co.jp/kenboo1949/
ここに書き込みました 私は初心者
多分毎日訪問すると想います 勉強させてください
Posted by kenboo at 2006年01月26日 23:55
ご紹介どうもありがとうございます。

ここに書いてる内容って、実はそれ程高度ではありません。
僕も初心者からあれこれいじりながら覚えていったので、是非色々やってみてください。
できる範囲で協力させていただきますよ。
Posted by ボボコフ at 2006年01月27日 10:08
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL
http://blog.seesaa.jp/tb/11904305
※ブログオーナーが承認したトラックバックのみ表示されます。