E-PARLOR : FreeMindFlashBrowser

HomePage :: Blog :: Gallery :: Library :: Forum :: Categories :: Index :: Changes :: Comments :: Login

FreeMindFlashBrowser


本サイトでは、MindMap の表示に FreeMindFlashBrowser を利用してます。


ダウンロード後に解凍すると、下記のようなサンプルページが参照できます。


◆本サイトでは Wikka を利用してますので、js+html 形式では不都合があります。
 いくつか方法はありますが、Wikka本体のFlash表示機能(actions/flash.php)をちょっと改造することにしました。




flashobject.js ソース

/*
 * FlashObject embed
 * by Geoff Stearns (geoff@deconcept.com, http://www.deconcept.com/)
 *
 * v1.1.1 - 05-17-2005
 *
 * writes the embed code for a flash movie, includes plugin detection
 *
 * Usage:
 *
 *    myFlash = new FlashObject("path/to/swf.swf", "swfid", "width", "height", flashversion, "backgroundcolor");
 *    myFlash.write("objId");
 *
 * for best practices, see:
 *  http://blog.deconcept.com/2005/03/31/proper-flash-embedding-flashobject-best-practices/
 *
 */


var FlashObject = function(swf, id, w, h, ver, c) {
    this.swf = swf;
    this.id = id;
    this.width = w;
    this.height = h;
    this.version = ver;
    this.align = "middle";

    this.params = new Object();
    this.variables = new Object();

    this.redirect = "";
    this.sq = document.location.search.split("?")[1] || "";
    this.bypassTxt = "<p>Already have Macromedia Flash Player? <a href='?detectflash=false&"+ this.sq +"'>Click here if you have Flash Player "+ this.version +" installed</a>.</p>";
   
    if (c) this.color = this.addParam('bgcolor', c);
    this.addParam('quality', 'high'); // default to high
    this.doDetect = getQueryParamValue('detectflash');
}

var FOP = FlashObject.prototype;

FOP.addParam = function(name, value) { this.params[name] = value; }

FOP.getParams = function() { return this.params; }

FOP.getParam = function(name) { return this.params[name]; }

FOP.addVariable = function(name, value) { this.variables[name] = value; }

FOP.getVariable = function(name) { return this.variables[name]; }

FOP.getVariables = function() { return this.variables; }

FOP.getParamTags = function() {
    var paramTags = "";
    for (var param in this.getParams()) {
        paramTags += '<param name="' + param + '" value="' + this.getParam(param) + '" />';
    }
    return (paramTags == "") ? false:paramTags;
}

FOP.getHTML = function() {
    var flashHTML = "";
    if (navigator.plugins && navigator.mimeTypes.length) { // netscape plugin architecture
        flashHTML += '<embed type="application/x-shockwave-flash" src="' + this.swf + '" width="' + this.width + '" height="' + this.height + '" id="' + this.id + '" align="' + this.align + '"';
        for (var param in this.getParams()) {
            flashHTML += ' ' + param + '="' + this.getParam(param) + '"';
        }
        if (this.getVariablePairs()) {
            flashHTML += ' flashVars="' + this.getVariablePairs() + '"';
        }
        flashHTML += '></embed>';
    } else { // PC IE
        flashHTML += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="' + this.width + '" height="' + this.height + '" name="' + this.id + '" align="' + this.align + '">';
        flashHTML += '<param name="movie" value="' + this.swf + '" />';
        if (this.getParamTags()) {
            flashHTML += this.getParamTags();
        }
        if (this.getVariablePairs() != null) {
            flashHTML += '<param name="flashVars" value="' + this.getVariablePairs() + '" />';
        }
        flashHTML += '</object>';
    }
    return flashHTML;   
}

FOP.getVariablePairs = function() {
    var variablePairs = new Array();
    for (var name in this.getVariables()) {
        variablePairs.push(name + "=" + escape(this.getVariable(name)));
    }
    return (variablePairs.length > 0) ? variablePairs.join("&"):false;
}

FOP.write = function(elementId) {
    if(detectFlash(this.version) || this.doDetect=='false') {
        if (elementId) {
            document.getElementById(elementId).innerHTML = this.getHTML();
        } else {
            document.write(this.getHTML());
        }
    } else {
        if (this.redirect != "") {
            document.location.replace(this.redirect);
        } else if (this.altTxt) {
            if (elementId) {
                document.getElementById(elementId).innerHTML = this.altTxt +""+ this.bypassTxt;
            } else {
                document.write(this.altTxt +""+ this.bypassTxt);
            }
        }
    }       
}

/* ---- detection functions ---- */
function getFlashVersion() {
    var flashversion = 0;
    if (navigator.plugins && navigator.mimeTypes.length) {
        var x = navigator.plugins["Shockwave Flash"];
        if(x && x.description) {
            var y = x.description;
               flashversion = y.charAt(y.indexOf('.')-1);
        }
    } else {
        result = false;
        for(var i = 15; i >= 3 && result != true; i--){
               execScript('on error resume next: result = IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.'+i+'"))','VBScript');
               flashversion = i;
           }
    }
    return flashversion;
}

function detectFlash(ver) {    return (getFlashVersion() >= ver) ? true:false; }

// get value of query string param
function getQueryParamValue(param) {
    var q = document.location.search || document.location.href.split("#")[1];
    if (q) {
        var detectIndex = q.indexOf(param +"=");
        var endIndex = (q.indexOf("&", detectIndex) > -1) ? q.indexOf("&", detectIndex) : q.length;
        if (q.length > 1 && detectIndex > -1) {
            return q.substring(q.indexOf("=", detectIndex)+1, endIndex);
        } else {
            return "";
        }
    }
}

/* add Array.push if needed */
if(Array.prototype.push == null){
    Array.prototype.push = function(item) { this[this.length] = item; return this.length; }
}


mindmaps.html ソース

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MINDMAPS</title>
<script type="text/javascript" src="flashobject.js"></script>
<style type="text/css">
   
    /* hide from ie on mac \*/
    html {
        height: 100%;
        overflow: hidden;
    }
   
    #flashcontent {
        height: 100%;
    }
    /* end hide */

    body {
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #9999ff;
    }

</style>
</head>
<body>
   
    <div id="flashcontent">
        Flash plugin or Javascript are turned off.
        Activate both  and reload to view the mindmap
    </div>
   
    <script type="text/javascript">
        // <![CDATA[
        var fo = new FlashObject("visorFreemind.swf", "visorFreeMind", "100%", "100%", 6, "#9999ff");
        fo.addParam("quality", "high");
        fo.addParam("bgcolor", "#ffffff");
        fo.addVariable("openUrl", "_blank");
        fo.addVariable("initLoadFile", "freeMindFlashBrowser.mm");
        fo.addVariable("startCollapsedToLevel","5");
        fo.write("flashcontent");
        // ]]>

    </script>
</body>
</html>
:


CategoryMindMap

There are no comments on this page. [Add comment]

1999-2006 The E-PARLOR Project. All right reserved. :: Valid XHTML 1.0 Transitional :: Valid CSS :: Powered by Wikka Wakka Wiki 1.1.6.1
Page was generated in 0.1494 seconds