知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

Wikiとしたらば掲示板を連動させたいのですが

特定数(数百)のLivedoor Wikiの記事内容を基に、これに対応するスレッドをしたらば掲示板の方にそれぞれ立てて、Wikiとスレッドをうまく連動させたサイトを作成しようとしています。

Wiki側にスレッドURLを添付では味気ないので、できればiframeで掲示板を表示させたり、Wiki表示とともに別窓に開いてあげたりユーザーの使いやすい連動性を試していきたいです。

何か、いい、おもしろいアイデアはないでしょうか?

尚、別窓・iframeに関して
別窓:
iframe:
を見つけましたので書いておきます。

Wikiとしたらば掲示板の連動性を高めてほしいという要望も含めて質問してみました。よろしくお願いします。

2006-10-25 07:54の質問
したらば  javascript  フリーエリア  wiki  
したらば
「したらば掲示板」のホームページです
rentalbbs.livedoor.com/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2006-11-04 04:08:25ベスト
例えば,「したらば助け合い掲示板」
と連携させたいとします。

まずフリーエリアに以下のようなコードを書いておきます。

<script type="text/javascript"><!--
  Event.observe(window, "load", loadBBS, false);

  function loadBBS() {
    var bbs_base_url =
      "http://jbbs.livedoor.jp/bbs/read.cgi/computer/10298/";

    document.getElementsByClassName("deco").each(function(e){
      if(e.innerHTML && e.innerHTML.match("bbs:[0-9]*")) {
        var thread = e.innerHTML.match("bbs:([0-9]*)")[1];
        var ifr = document.createElement("iframe");
        ifr.setAttribute("src", bbs_base_url + thread);
        Element.setStyle(ifr,
          { "height":"200px", "width":"400px" });
        e.appendChild(ifr);
      }
    });    
  }
//-->
</script>

すると,wikiの本文に

-bbs:1161068327

という形式でスレッド番号を書けば,そこに iframe で該当スレッドが表示されるようになります。

上のコードをちょっといじれば,別の掲示板を表示させたり,表示する窓の大きさや表示方法を色々カスタマイズできると思います。

別窓で開いたり,ajax風味なインターフェイスにしたりすることも (ちょっと大変ですが....) 不可能ではありません。がんばれば相当自由なことが出来るはずなので,色々試してみて下さい。ちなみに prototype.js も利用可能です。


(上記のコードはMac firefox & safariでのみ動作確認)
回答レベル : 回答

勢いでこういう話題のまとめwiki作りました。
-livedoor wiki + Javascript/DOM/Ajaxまとめ
http://wiki.livedoor.jp/wiki_exgrammar/d/FrontPage

nabokov7さんは確か"livedoorウィキとかの中の人(のひとり)"でしたね。フリーエリアの実験で、何回もシステムに負担をかけますが(実際何回かフリーズしましたしw)まあご愛嬌でwお願いします。

又何か裏技があるけど、公式に出すほどじゃないなとかありましたら、誰でも書き加えられるWikiなのでどんどん書き加えてもらえるとうれしいです。

僕はWin+IEな人なので、これじゃMac firefox & safariじゃ動かんぞでもいいので何か気づいた事があればこれからも教えて下さいね。

1.

2006-10-26 09:08:13
別窓を開けることはできませんが、
URLをそのまま記入するかわりに[[スレッドタイトル>スレッドURL]]のウィキの記号を使うという手があると思いますが、いかがでしょうか?
余談ですが、別窓を開けることができるウィキの記号があれば、それはそれで便利だなと私も思いました。
回答レベル : アドバイス
Ads By Google

コメント(4)

2006-10-27 09:46:36

創作同人wikiのハルさん、回答ありがとう。
上にも書いた14693の質問は大変参考になりました。あのように別窓で対象URLを開けるには開けるんですよ。左並びの枠内ですがフリーエリアでiframeで表示することもできます。
もちろんURLに[[スレッドタイトル>スレッドURL]]とやるリンクがwikiらしいといえばwikiらしいのですが、もう少し親和的な連携ができないのかなということです。

たとえばフリーエリアの位置や大きさを決められたり、各ページごとでフリーエリアを定義つけられたり、したらば専用の枠を設定するとwiki本文(+広告スペース)の下にでも対象のしたらば掲示板を貼り付けられるようなエリアを作ったりと、そういうことができたらなと思ってます。

これに近いことを今の規定内でできないかなと思いまして。
どっかにフリースペースを借りて上下フレームわけしてその中でそれぞれ対象のwikiとスレッドを呼び出すとかしかないのですかね。

#2.  nabokov7
2006-11-04 18:54:33

>>2
最後の行の

 e.appendChild(ifr);
のところ,このままだと元の"-bbs:..." が箇条書きで残ってしまうので,
e.parentNode.replaceChild(ifr, e);
の方がいいかな

2006-11-06 17:30:14

>nabokov7
CSSの件共々ありがとうございます。
なるほど、フリーエリアだけという使用説明だったのでそれ以外には反映できないのかなと思ってましたら、DOMでフリーエリア以外にタグを挿入できるわけですね!
(まあクライアントレベルで、開いた段階で逐一動的挿入されているだけだと思いますが、見た目はわかりませんよね)

それならホントに色々できそうですね。
今日ちょっと時間がないですが、明日にでもコードを動かしてみます。
ありがとうございます。

2006-11-07 13:44:11

>nabokov7さん
環境はIE6+Win98ですが、動きました。

PS
narrow bandの環境ですが、bbs:1161068327が1瞬というよりかなり丸見えで、トリックが丸分かりですwまあご愛嬌というところですかね。

>他の環境の方
testして不具合とか出た方は、ご報告下さると助かります。

>nabokov7さん
50ナレあげたいのですが、解決積みにして注意を引かなくなると嫌なので、このまま未解決にしておきます。10ナレですみませんが宜しくお願いします。
引き続きいろんなWiki+したらばの使い勝手をよくするテクニックを募集します。
nabokov7さんを始め、またなにかありましたら宜しくお願いします。WikiにおけるDOMのおもしろ技に関しては新しい質問TOPICを作った方が他の方に分かりやすいでしょうかね?

トラックバック(2)

トラックバックURL: