« ココログでのWEBで動くFreeMindの設置の仕方(正規JavaApplet版) | トップページ | FreeMindの開発状況 »

ココログでのWEBで動くFreeMindの設置の仕方(Flash版)

先日のJavaApplet版を校了する直前、トラックバック先のコメントでFlash版の存在がある事が発覚。

あまりにもガックリ来たので、次の日にこれを書いています。

参考Blogへのトラックバックができないみたいなので、URLを貼っておきます。

http://www.eastriver.jp/gonchan/blog/archives/2005/06/freemind_webflash.html

  1. FreeMindの掲示板のスレッドにある、http://www.efectokiwano.net/mm/freeMindFlashBrowser.zipをダウンロードします。
  2. 以下のファイル以外をココログのコントロールパネルから、マインドマップを保存する予定のフォルダにアップロードする。

    Ws000083

  3. 以下のようになっている事を確認する。

    Ws000084

  4. 以下のhtmlをブログにコピーする。(もちろん、htmlモードで)
    <script type="text/javascript" src="http://あなたのサイト名/アップロードしたフォルダ名/flashobject.js"></script>
    <script language="javascript">
    function giveFocus()
        {
          document.visorFreeMind.focus(); 
        }
    </script>
       
    <div id="flashcontent" onmouseover="giveFocus();">
         Flash plugin or Javascript are turned off.
         Activate both  and reload to view the mindmap
    </div>

    <script type="text/javascript">
        // <![CDATA[
        // for allowing using http://.....?mindmap.mm mode
        function getMap(map){
          var result=map;
          var loc=document.location+'';
          if(loc.indexOf(".mm")>0 && loc.indexOf("?")>0){
            result=loc.substring(loc.indexOf("?")+1);
          }
          return result;
        }
        var fo = new FlashObject("http://あなたのサイト名/アップロードしたフォルダ名/visorFreemind.swf", "visorFreeMind", "100%", "100%", 6, "#9999ff");
        fo.addParam("quality", "high");
        fo.addParam("bgcolor", "#a0a0f0");
        fo.addVariable("openUrl", "_blank");
        fo.addVariable("startCollapsedToLevel","3");
        fo.addVariable("maxNodeWidth","200");
        //
        fo.addVariable("mainNodeShape","elipse");
        fo.addVariable("justMap","false");
        fo.addVariable("initLoadFile",getMap("http://あなたのサイト名/アップロードしたフォルダ名/FreeMindで作ったmm ファイル名"));
        fo.addVariable("defaultToolTipWordWrap",200);
        fo.addVariable("offsetX","left");
        fo.addVariable("offsetY","top");
        fo.addVariable("buttonsPos","top");
        fo.addVariable("min_alpha_buttons",20);
        fo.addVariable("max_alpha_buttons",100);
        fo.addVariable("scaleTooltips","false");
           
        fo.write("flashcontent");
        // ]]>
    </script>
  5. 青字の部分は、以下の要領で取得したURLを記述する。

    Ws000082

    Ws000081

以下がその結果です。

注意点!!!

  • ファイル名に日本語は使用できません。英語名に直してください。
  • FreeMindを操作するボタンが見づらく、かつ大きさによっては"FIT"ボタンをクリックしないと全体像が見えないので、簡単な操作方法を添えるのを忘れずに。

Flash plugin or Javascript are turned off. Activate both  and reload to view the mindmap

|

« ココログでのWEBで動くFreeMindの設置の仕方(正規JavaApplet版) | トップページ | FreeMindの開発状況 »

パソコン・インターネット」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/450247/8712076

この記事へのトラックバック一覧です: ココログでのWEBで動くFreeMindの設置の仕方(Flash版):

« ココログでのWEBで動くFreeMindの設置の仕方(正規JavaApplet版) | トップページ | FreeMindの開発状況 »