< HOME / 掲示板 / JavaScript質問板 / 過去ログ / 一覧 / ツリー式リンクを別窓で開くようにしたいです。

	検索用語を入力 検索フォームを送信
	Web www.tagindex.com

---

0   名前： ００８ ： 2006/02/07 22:35  ［URL］

よろしくお願いいたします。

質問というよりお願いなのですが、参照URLのページのリンク先が別窓で
開くようにしたいです。

参照ページは、TreeBookmarkGeneratorというフリーソフトを使って
IEのブックマークをツリー式のHTMLリンクページに変換し、
そこにスタイルシートを挿入しています。

■タレント
┣■ブログ
┃┣ 加藤ローサ
┃┣ 吉岡美穂
┃┗ 眞鍋かをり
┗優香

と、いう風に誘導線も表示できたらと思います。

私の技量ではアプリケーションの編集は出来ませんし、
かといってジャバスクリプトの編集もまったくわかりません。
こちらのサイトでHTMLを勉強してコツコツとサイトを作っている程度です。

別窓表示や誘導線表示もタグで一つ一つ手作業で挿入すれば出来るのは
解るのですが大変です。その方法だとリンク集の更新ごとにその作業が
発生してしまいます。

そこで、ジャバスクリプト部分を上書きすることでその作業を自動化できる
んじゃないかなと思い、お願いにあがりました。

■タレント（４）←これ
┣■ブログ（３）
┃┣ 加藤ローサ
┃┣ 吉岡美穂
┃┗ 眞鍋かをり
┗優香

と、いう風にフォルダの中のファイル数が表示されるようにもしたいです。

筋違いのお願いかもしれませんがどうぞよろしくお願いいたします。

---

1   名前： 匿名希望 ： 2006/02/07 22:35

そのスクリプトでどうやってリンクをジャンプしているか分からないと何とも・・・

自分の力量に余ることなら諦めるのも一つの勇気だと思いますよ。

---

2   名前： ００８ ： 2006/02/07 22:35

匿名希望さんお返事ありがとうございます。

サイトで公開するリンク集を作る際IEのエクスポートがHTMLファイルなのを
思い出し、最初はそのファイルにスタイルシートを挿入する形で編集しよう
かなと思いました。

そのあともっと見やすいように変換してくれるフリーウェアがありそうな
気がしてこのフリーソフトを見つけました。それにスタイルシートを上書き
して見た目は最善の形に出来たと思います。

しかし、そこで壁になったのが質問内容の件なのです。
リンク集ページをフレーム内に設置予定なので困りました。

ベースリンクを別窓にしたりしましたが下の階層をひらくリンクにも適用
してしまい駄目でした。エディターの機能を使ってターゲット部分を挿入
してもいいのですがスクリプト部分で設定できないかなと思いました。

＞自分の力量に余ることなら諦めるのも一つの勇気だと思いますよ。

そうかもしれません・・・

＞実際に迷惑を被るのは利用者なんだから・・・

スクリプト機能を切っている人が困るということでしょうか。
このお返事を読んで一ページで表示したリンク集ページも別に用意しようと
思いました。

申し訳ありませんが引き続きよろしくお願いいたします。

---

3   名前： 匿名希望 ： 2006/02/07 22:35

＞実際に迷惑を被るのは利用者なんだから・・・

すみません。この一文は言いすぎたと思って編集してしまいました。ご容赦。

> 申し訳ありませんが引き続きよろしくお願いいたします。

ですから、どうやってリンクを生成しているのですか？
普通にa要素か何かで書いてあるんでスか？
location.hrefで飛ばしているのですか？
その辺の仕組みがはっきりしないと、こちらからはアドバイスできかねます。

---

4   名前： ００８ ： 2006/02/07 22:35

再度お返事ありがとうございます。

ちぐはぐな説明になったらすみません。

＞ですから、どうやってリンクを生成しているのですか？
＞普通にa要素か何かで書いてあるんでスか？

リンク部分のソースは以下のような形です。

<DIV ID="display40" STYLE="display:none">
&#160; &#160; &#160;&#160; &#160; &#160;&#160; &#160; &#160;&#160; &#160; &#160;<A HREF="http://harrypotter.warnerbros.co.jp/main/homepage/home.html">ハリー・ポッター</A><BR>
</DIV>

これはa要素で書かれているということにあたるんでしょうか？

＞location.hrefで飛ばしているのですか？

すみません。わかりません。

文字数オーバーになる為、スクリプトのソース部分を次の返信に載せます。

---

5   名前： ００８ ： 2006/02/07 22:35

<SCRIPT LANGUAGE="JavaScript">
<!--
//――――――――――――――――――――――――――――――――――――――
// 作成者:るび〜 ACCESS R ttp://www5e.biglobe.ne.jp/~access_r/
//――――――――――――――――――――――――――――――――――――――

//――――――――――――――――――――――――――――――――――――――
// ユーザが設定する部分はここから！！
//――――――――――――――――――――――――――――――――――――――
//画像のファイル名を指定して下さい
//(閉まっているフォルダが、folder1.gif・開いているフォルダが、folder2.gifとなります。
imagefile = new Array("folder1.gif", "folder2.gif");
//――――――――――――――――――――――――――――――――――――――
// ユーザが設定する部分はここまで！！
//――――――――――――――――――――――――――――――――――――――
//画像をキャッシュします
image = new Array(imagefile.length);
for(count = 0; count < (imagefile.length - 1); count++){
image[count] = new Image();
image[count].src = imagefile[count];
}

function ImageChange(id){
if(window.document.images[id].src.indexOf(imagefile[0]) != -1){
window.document.images[id].src = imagefile[1];
}else{
window.document.images[id].src = imagefile[0];
}
}

function Display(id){
if(document.all){
if(document.all.item(id).style.display == "block"){
document.all.item(id).style.display = "none";
}else if(document.all.item(id).style.display == "none"){
document.all.item(id).style.display = "block";
}
}else if(document.getElementById){
if(document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display = "none";
}else if(document.getElementById(id).style.display == "none"){
document.getElementById(id).style.display = "block";
}
}
}
//-->
</SCRIPT>

ページのスクリプト部分です。素人考えでこれをどうにかしたらいいのかな
と思っていたのですが、見当はずれな質問だったようでしたら申し訳ありま
せん。提示しないといけない情報をまだ提示できていないのかもしれません。

そもそもお願いのような編集はできないのかもしれませんね。

もし出来そうでしたら宜しくお願いします。

---

6   名前： Z ： 2006/02/07 22:35

>>0のご質問を読むと、ご自分のインターネットエクスプローラにおける「お気に入り」メニューの編集、とうけとれました。
　だとすると、それはインターネットエクスプローラのいわゆるカスタマイズの方法について知りたいということになりますから、それはここで質問される内容ではないと思います。

　インターネットエクスプローラのユーザーサイト（があるとすれば、ですが）でご質問されたほうがよろしいかと思います。

>>2のご質問については出力したHTMLデータをWWWで一般公開する際には、というように読み取れましたが、ツリー式メニューのソースがどうなっているか分からないと回答は難しいと思います（>>3のご回答どおりです）。
　一番無難なのは、エクスポートしたお気に入りをテキスト編集して、OL要素（またはUL要素）とLI要素の組み合わせによるリスト形式メニューにしてしまうことでしょうけれど、それだと自動化にはならないでしょうし。
　出力されたデータソースを提示できれば、適切なアドバイスが得られるかもしれません（ただしここはメーカーのサポートセンターではありませんから過度な期待はしないでください）。

　スクリプトを使う際、それとリンクの方法の注意点としては下記のとおりです。

http://nekoshiki.poke1.jp/guidline/script.html
http://nekoshiki.poke1.jp/guidline/window.html
http://nekoshiki.poke1.jp/guidline/link.html

追記）
　この書き込みをしている間に>>4と>>5が書き込まれたようですので、補足しておきます。

>>これはa要素で書かれているということにあたるんでしょうか？
　a要素による「ごく普通の」リンク方法ですね。

http://www.scollabo.com/banban/html/ref_a.html
http://bakera.jp/html/reference/inline.html#a

　ところで、そのスクリプトの作者の方は何かおっしゃってますか？（配布元サイトなどで）

---

7   名前： ００８ ： 2006/02/07 22:35  ［URL］

Zさんお返事ありがとうございます。

＞出力されたデータソースを提示できれば、適切なアドバイスが得られる
＞かもしれません

出力されたデータソースは、一番目の質問記事の参照URLのページのみです。
スタイルシートは自分で入れました。

http://008-01.com/zero_zero_eight/000/TreeBookmark01.htm

＞（ただしここはメーカーのサポートセンターではありませんから過度な
＞期待はしないでください）。

承知しています。皆さんの善意に甘えることが出来ればと思い質問させて
いただきました。お願いします。お願いします。という気持ちのみです。

お返事をいただけるだけでもうれしいです。
ありがとうございます。

追記

＞ところで、そのスクリプトの作者の方は何かおっしゃってますか？
＞（配布元サイトなどで）

プログラムとジャバスクリプトの製作者は別でして、プログラムのほうは
自己責任で再配布、改造などOKの旨が説明文に書かれていました。
スクリプトのほうは、その方のサイトを拝見しましたが特に注意事項は
書かれていませんでした。

---

8   名前： 匿 ： 2006/02/07 22:35

> <A HREF="http://harrypotter.warnerbros.co.jp/main/homepage/home.html">ハリー・ポッター</A>

target属性つければ良いだけではないでしょうか。
何かご自分で試してみて、不具合でもありましたか？

---

9   名前： Z ： 2006/02/07 22:35

>>0のご質問は、「自動化」したい、とのことですから、>>8の「target属性つければ」というのは、「どこを編集すればtarget属性がつくという出力データが得られるか」ということを知りたい、ということになるかと思います。

　ただ、「別窓を開く」ことは、別窓を開きたくないという閲覧者にとっては負担となります。そのため”非推奨”となったことに留意した方がよろしいでしょう。

http://car.s35.xrea.com/better/target.php

　いずれにしろ、>>6で注意点として資料を紹介しましたが、>>0のリンク先データはJavaScriptが使えない（または使わない）環境だとリンクとしては機能しません。
　また、CSSに対応するブラウザですとStyle属性が「display:none」となっているため、ユーザースタイルシートなどでその設定をnone以外の値にしないとリンクが表示されないということになるでしょう。
　だとすれば、そのリストを別に用意すると>>2でおっしゃってますが、そもそも普通のリストだけ用意（リストとして書き出すようなプログラムを探すか作るなど）すれば二度手間にならないような気もいたしますが、いかがでしょうか。
＃スクリプトに依存したページ作りが批判されるのは、こういうことが普通に行われる（対応しない環境のことを忘れるか知らないまま構築される）からです。

---

10   名前： ００８ ： 2006/02/07 22:35

匿さん、Zさんお返事ありがとうございます。
Zさんには昨日に続けてのお返事本当にありがとうございます。

以前からこちらの掲示板を拝見していてアクセシビリティの重要さはいくら
か自分なりに理解できていると思います。現在製作中のサイトもシンプルで
扱い安いという点を第一に考えて一からタグ打ちで作っています。

こちらの掲示板を拝見していてスクリプトを切っている人が思ったよりたく
さんいるということや、リンク先の別窓での表示が非推奨なのも知りました。

私自身、スクリプトは切っていませんが、リンク先が別サイトでもないのに
別窓で開いたり、小ウィンドウが開いたり、ウィンドウサイズが変更された
りするのは好きじゃありません。

今回の問題はリンク集ページをフレーム内に設置することから発生していま
すが、フレームを多用するというのが好まれていない事も承知しています。

サイト制作上で解らずにアクセシビリティを落とすことはあるかも知れませ
んが、知っている範囲内ではそれを落とすことのないように作って行きたい
と思っています。

＞そもそも普通のリストだけ用意（リストとして書き出すようなプログラム
＞を探すか作るなど）すれば二度手間にならないような気もいたしますが、
＞いかがでしょうか。

リンク数が膨大になると一ページ形式だととても上下に長いページになるの
と、目当てのリンク先を探すのが大変になると思い色々探していたらツリー
式を見つけました。リンク集ページを二つ作る手間はソフトで変換してスタ
イルシートを当てはめるだけですのでそれほど大変ではないです。

＞別窓を開きたくないという閲覧者にとっては負担となります。

そこで、基本ターゲットをTOPにしようと思います。それとあわせて、
ヤフー！の様に別窓で開く様のリンクを付加できたらいいなと思いました。

■タレント
┣■ブログ
┃┣ 別 加藤ローサ
┃┣ 別 吉岡美穂
┃┗ 別 眞鍋かをり
┗ 別 優香
　 ↑
　テキストやイメージ

文章を書くのが苦手なためお返事確認後からお返事を返すまで時間がかかり
ますがご容赦ください。文章が変なところもあるかもしれませんが宜しくお
ねがいします。

---

---

TAG indexについて - ご利用について - プライバシーポリシー - 一言フォーム - 広告掲載 - お問い合わせ

［レンタルサーバー by XREAサーバー］

- ホームページ作成を支援する タグインデックス Webサイト -
Copyright (C) 1997-2008 TAG index. All Rights Reserved.