page test

var labelType, useGradients, nativeTextSupport, animate;

(function() {
var ua = navigator.userAgent,
iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
typeOfCanvas = typeof HTMLCanvasElement,
nativeCanvasSupport = (typeOfCanvas == ‘object’ || typeOfCanvas == ‘function’),
textSupport = nativeCanvasSupport
&& (typeof document.createElement(‘canvas’).getContext(‘2d’).fillText == ‘function’);
//I’m setting this based on the fact that ExCanvas provides text support for IE
//and that as of today iPhone/iPad current text support is lame
labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? ‘Native’ : ‘HTML’;
nativeTextSupport = labelType == ‘Native’;
useGradients = nativeCanvasSupport;
animate = !(iStuff || !nativeCanvasSupport);
})();

var Log = {
elem: false,
write: function(text){
if (!this.elem)
this.elem = document.getElementById(‘log’);
this.elem.innerHTML = text;
this.elem.style.left = (500 – this.elem.offsetWidth / 2) + ‘px’;
}
};

//init Hypertree
var ht = new $jit.Hypertree({
//id of the visualization container
injectInto: ‘infovis’,
//canvas width and height
width: w,
height: h,
//Change node and edge styles such as
//color, width and dimensions.
Node: {
dim: 9,
color: « #f00 »
},
Edge: {
lineWidth: 2,
color: « #088 »
},
onBeforeCompute: function(node){
Log.write(« centering »);
},
//Attach event handlers and add text to the
//labels. This method is only triggered on label
//creation
onCreateLabel: function(domElement, node){
domElement.innerHTML = node.name;
$jit.util.addEvent(domElement, ‘click’, function () {
ht.onClick(node.id, {
onComplete: function() {
ht.controller.onComplete();
}
});
});
},
//Change node styles when labels are placed
//or moved.
onPlaceLabel: function(domElement, node){
var style = domElement.style;
style.display = »;
style.cursor = ‘pointer’;
if (node._depth style.fontSize = « 0.8em »;
style.color = « #ddd »;

} else if(node._depth == 2){
style.fontSize = « 0.7em »;
style.color = « #555 »;

} else {
style.display = ‘none’;
}

var left = parseInt(style.left);
var w = domElement.offsetWidth;
style.left = (left – w / 2) + ‘px’;
},

onComplete: function(){
Log.write(« done »);

//Build the right column relations list.
//This is done by collecting the information (stored in the data property)
//for all the nodes adjacent to the centered node.
var node = ht.graph.getClosestNodeToOrigin(« current »);
var html = »

» + node.name + «

Connections:« ;
html += »

« ;

node.eachAdjacency(function(adj){

var child = adj.nodeTo;

if (child.data) {

var rel = (child.data.band == node.name) ? child.data.relation : node.data.relation;

» + child.name + » » + »
(relation: » + rel + « )

« ;
}
});
html += »

« ;
$jit.id(‘inner-details’).innerHTML = html;
}
});
//load JSON data.
ht.loadJSON(json);
//compute positions and plot.
ht.refresh();
//end
ht.controller.onComplete();
}

L'eau et les médicaments

Une réflexion pertinente sur la présence de résidus médicamenteux dans nos rivières

page test

» + node.name + «

» + node.name + «

Articles similaires