MyBoxEu.js - API Tester

MyBoxEuBoxViewer

MyBoxEuBoxViewer - Methods

#	Return	Method
1	=	MyBoxEuBoxViewer.toString();
3	=	MyBoxEuBoxViewer.getBoxProperties();
2	=	MyBoxEuBoxViewer.setRotationSpeed();
3	=	MyBoxEuBoxViewer.setBoxSize();
4	=	MyBoxEuBoxViewer.displayBoxContent();

MyBoxEuBoxViewer - View

MyBoxEuBoxViewer - Sample Code

var oMyBoxEuBoxViewerOptions = {
    "container" : "divMyBoxEuBoxViewer",
    "resourceFolder" : "res-MyBoxEu",
    "location" : "Bochum",
    "callback" : onMyBoxEuBoxViewerEvent
};

var oMyBoxEuBoxViewer = new MyBoxEuBoxViewer(oMyBoxEuBoxViewerOptions);

function onMyBoxEuBoxViewerEvent(oEvent) {

    switch (oEvent.id) {
    case oMyBoxEuBoxViewer.EVENT_LOADED:
        console.log(oMyBoxEuBoxViewer.toString() + " is ready");
        break;
    default:
        window.alert(MyBoxEuBoxViewer.toString() + ": unknown MyBoxEuBoxViewer event id: " + oEvent.id);
    }
}

MyBoxEuMapViewer

MyBoxEuMapViewer - Methods

#	Return	Method
1	=	MyBoxEuMapViewer.toString();
2	=	MyBoxEuMapViewer.reset();
3	=	MyBoxEuMapViewer.getBoxesIdList();
4	=	MyBoxEuMapViewer.getBoxProperties("");
5	=	MyBoxEuMapViewer.resetBoxesColor("");
6	=	MyBoxEuMapViewer.focus("");
7	=	MyBoxEuMapViewer.setBoxColor("", "");
8	=	MyBoxEuMapViewer.popup("", "I am a popup above a box with <button onclick="window.alert('inculding interactive buttons')">any</button> HTML content.");

MyBoxEuMapViewer - View

MyBoxEuMapViewer - Sample Code

var oMyBoxEuMapViewerOptions = {
    "container" : "divMyBoxEuMapViewer",
    "resourceFolder" : "res-MyBoxEu",
    "location" : "Bochum",
    "callback" : onMyBoxEuMapViewerEvent
};

var oMyBoxEuMapViewer = new MyBoxEuMapViewer(oMyBoxEuMapViewerOptions);

function onMyBoxEuMapViewerEvent(oEvent) {

    switch (oEvent.id) {
    case oMyBoxEuMapViewer.EVENT_LOADED:
        console.log(oMyBoxEuMapViewer.toString() + " is ready");
        break;
    case oMyBoxEuMapViewer.EVENT_BOX_SELECTED:
        console.log(oMyBoxEuMapViewer.toString() + ": user has selected box " + oEvent.box);
        break;
    case oMyBoxEuMapViewer.EVENT_POPUP_CLOSED:
        console.log(oMyBoxEuMapViewer.toString() + ": user has closed popup");
        break;
    default:
        window.alert(oMyBoxEuMapViewer.toString() + ": unknown MyBoxEuMapViewer event id: " + oEvent.id);
        break;
    }
}