Map with German administrative districts - Revision history

Michael: works in 0.98

2013-08-07T13:16:10Z

works in 0.98

← Older revision		Revision as of 13:16, 7 August 2013
Line 24:		Line 24:
	fillColor:col,		fillColor:col,
	strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.3});		strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.3});
	JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ ~~return function(){g~~.~~highlight()~~; ~~document~~.~~getElementById~~('~~landkreis~~')~~.innerHTML=g.name~~;}~~;})(c[i])~~, c[i]);		JXG.addEvent(c[i].rendNode, 'mouseover', function(){c[i].nohcol = c[i].visProp.fillcolor; c[i].setAttribute({fillColor: 'yellow'});}, c[i]);
	JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ ~~return function~~(){~~g.noHighlight();};})(~~c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseout', function(){c[i].setAttribute({fillColor: c[i].nohcol});}, c[i]);
	c[i].hasPoint = function(){return false;};		c[i].hasPoint = function(){return false;};
	};		};
Line 58:		Line 58:
	fillColor:col,		fillColor:col,
	strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.3});		strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.3});
	JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ ~~return function(){g~~.~~highlight()~~; ~~document~~.~~getElementById~~('~~landkreis~~')~~.innerHTML=g.name~~;}~~;})(c[i])~~, c[i]);		JXG.addEvent(c[i].rendNode, 'mouseover', function(){c[i].nohcol = c[i].visProp.fillcolor; c[i].setAttribute({fillColor: 'yellow'});}, c[i]);
	JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ ~~return function~~(){~~g.noHighlight();};})(~~c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseout', function(){c[i].setAttribute({fillColor: c[i].nohcol});}, c[i]);
	c[i].hasPoint = function(){return false;};		c[i].hasPoint = function(){return false;};
	};		};

A WASSERMANN at 15:54, 16 January 2010

2010-01-16T15:54:10Z

← Older revision		Revision as of 15:54, 16 January 2010
Line 16:		Line 16:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(360/len*i,0.4,1.0), // fill color		col = JXG.hsv2rgb(360/len*i,0.7,1.0), // fill color
	scol = '#333333', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width
Line 50:		Line 50:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(360/len*i,0.4,1.0), // fill color		col = JXG.hsv2rgb(360/len*i,0.7,1.0), // fill color
	scol = '#333333', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width

A WASSERMANN at 15:53, 16 January 2010

2010-01-16T15:53:28Z

← Older revision		Revision as of 15:53, 16 January 2010
Line 16:		Line 16:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(360/len*i,0.5,1.0), // fill color		col = JXG.hsv2rgb(360/len*i,0.4,1.0), // fill color
	scol = '#333333', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width
Line 23:		Line 23:
	{name:info[path[2]][2],		{name:info[path[2]][2],
	fillColor:col,		fillColor:col,
	strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.7});		strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.3});
	JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);
	JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);
Line 50:		Line 50:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(360/len*i,0.7,1.0), // fill color		col = JXG.hsv2rgb(360/len*i,0.4,1.0), // fill color
	scol = '#333333', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width
Line 57:		Line 57:
	{name:info[path[2]][2],		{name:info[path[2]][2],
	fillColor:col,		fillColor:col,
	strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.7});		strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.3});
	JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);
	JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);

A WASSERMANN at 15:52, 16 January 2010

2010-01-16T15:52:13Z

← Older revision		Revision as of 15:52, 16 January 2010
Line 16:		Line 16:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(360/len*i,0.7,1.0), // fill color		col = JXG.hsv2rgb(360/len*i,0.5,1.0), // fill color
	scol = '#333333', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width

A WASSERMANN at 17:33, 14 December 2009

2009-12-14T17:33:13Z

← Older revision		Revision as of 17:33, 14 December 2009
Line 37:		Line 37:
	Vervielfältigung, Verbreitung und öffentliche Zugänglichmachung, auch auszugsweise, mit Quellenangabe gestattet.		Vervielfältigung, Verbreitung und öffentliche Zugänglichmachung, auch auszugsweise, mit Quellenangabe gestattet.
	===The JavaScript code===		===The JavaScript code===
	The data has been downloaded in ArcView/shape format from [http://www.geodatenzentrum.de/geodaten/gdz_rahmen.gdz_div?gdz_spr=deu&gdz_akt_zeile=5&gdz_anz_zeile=4&gdz_user_id=0 Bundesamt für Kartographie und Geodäsie]. Then, using [http://shapelib.maptools.org/ shapelib] and [http://ftp.intevation.de/users/bh/pyshapelib/ pyshapelib] the file was converted to JavaScript, see [http://jsxgraph.uni-bayreuth.de/ajax/krs.js].		The data has been downloaded in ArcView/shape format from [http://www.geodatenzentrum.de/geodaten/gdz_rahmen.gdz_div?gdz_spr=deu&gdz_akt_zeile=5&gdz_anz_zeile=4&gdz_user_id=0 Bundesamt für Kartographie und Geodäsie]. Then, using [http://shapelib.maptools.org/ shapelib] and [http://ftp.intevation.de/users/bh/pyshapelib/ pyshapelib] the file was converted to JavaScript, see [http://jsxgraph.uni-bayreuth.de/ajax/krs.js krs.js].
	The shape data from this file is displayed using the following JSXGraph code.		The shape data from this file is displayed using the following JSXGraph code.
	<source lang="javascript">		<source lang="javascript">

A WASSERMANN at 17:28, 14 December 2009

2009-12-14T17:28:46Z

← Older revision		Revision as of 17:28, 14 December 2009
Line 16:		Line 16:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(~~160~~/len*i,0.7,1.0), // fill color		col = JXG.hsv2rgb(360/len*i,0.7,1.0), // fill color
	scol = '#333333', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width
Line 50:		Line 50:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(360/len*i,0.7,0.9), // fill color		col = JXG.hsv2rgb(360/len*i,0.7,1.0), // fill color
	scol = '#~~999999~~', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width
	hcol = '#ffff00'; // highlight color		hcol = '#ffff00'; // highlight color
Line 57:		Line 57:
	{name:info[path[2]][2],		{name:info[path[2]][2],
	fillColor:col,		fillColor:col,
	strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.4});		strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.7});
	JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);
	JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);

A WASSERMANN at 17:27, 14 December 2009

2009-12-14T17:27:56Z

← Older revision		Revision as of 17:27, 14 December 2009
Line 16:		Line 16:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(~~240~~/len*i,0.8,1.0), // fill color		col = JXG.hsv2rgb(160/len*i,0.7,1.0), // fill color
	scol = '#333333', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width
Line 23:		Line 23:
	{name:info[path[2]][2],		{name:info[path[2]][2],
	fillColor:col,		fillColor:col,
	strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.9});		strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.7});
	JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);
	JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);

A WASSERMANN at 17:27, 14 December 2009

2009-12-14T17:27:18Z

← Older revision		Revision as of 17:27, 14 December 2009
Line 16:		Line 16:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(~~180~~/len*i,0.7,1.0), // fill color		col = JXG.hsv2rgb(240/len*i,0.8,1.0), // fill color
	scol = '#333333', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width
Line 23:		Line 23:
	{name:info[path[2]][2],		{name:info[path[2]][2],
	fillColor:col,		fillColor:col,
	strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:1.0});		strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.9});
	JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);
	JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);

A WASSERMANN at 17:26, 14 December 2009

2009-12-14T17:26:39Z

← Older revision		Revision as of 17:26, 14 December 2009
Line 16:		Line 16:
	function createCurve(path) {		function createCurve(path) {
	var i = c.length,		var i = c.length,
	col = JXG.hsv2rgb(180/len*i,1.0~~,0.9~~), // fill color		col = JXG.hsv2rgb(180/len*i,0.7,1.0), // fill color
	scol = '#~~999999~~', // stroke color		scol = '#333333', // stroke color
	sw = 1, // stroke width		sw = 1, // stroke width
	hcol = '#ffff00'; // highlight color		hcol = '#ffff00'; // highlight color

A WASSERMANN at 17:26, 14 December 2009

2009-12-14T17:26:05Z

← Older revision		Revision as of 17:26, 14 December 2009
Line 23:		Line 23:
	{name:info[path[2]][2],		{name:info[path[2]][2],
	fillColor:col,		fillColor:col,
	strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:0.8});		strokeColor:scol,strokeWidth:sw,highlightFillColor:hcol,fillOpacity:1.0});
	JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseover', (function(g){ return function(){g.highlight(); document.getElementById('landkreis').innerHTML=g.name;};})(c[i]), c[i]);
	JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);		JXG.addEvent(c[i].rendNode, 'mouseout', (function(g){ return function(){g.noHighlight();};})(c[i]), c[i]);