Adapt highlighting of objects - Revision history

A WASSERMANN at 15:05, 24 February 2015

2015-02-24T15:05:29Z

← Older revision		Revision as of 15:05, 24 February 2015
Line 48:		Line 48:
	c.highlight = function(){		c.highlight = function(){
	infobox.innerHTML = this.board.mousePosRel.toString();		infobox.innerHTML = this.board.mousePosRel.toString();
	infobox.style.left = (~~100~~+0)+'px';		infobox.style.left = (this.board.mousePosRel[0]+0)+'px';
	infobox.style.top = (~~100~~+0)+'px';		infobox.style.top = (this.board.mousePosRel[0]+0)+'px';
	infobox.style.display = 'block';		infobox.style.display = 'block';
	}		}

A WASSERMANN at 15:04, 24 February 2015

2015-02-24T15:04:56Z

← Older revision		Revision as of 15:04, 24 February 2015
Line 48:		Line 48:
	c.highlight = function(){		c.highlight = function(){
	infobox.innerHTML = this.board.mousePosRel.toString();		infobox.innerHTML = this.board.mousePosRel.toString();
	infobox.style.left = (~~this.board.~~100+0)+'px';		infobox.style.left = (100+0)+'px';
	infobox.style.top = (~~this.board.~~100+0)+'px';		infobox.style.top = (100+0)+'px';
	infobox.style.display = 'block';		infobox.style.display = 'block';
	}		}

A WASSERMANN at 15:04, 24 February 2015

2015-02-24T15:04:28Z

← Older revision		Revision as of 15:04, 24 February 2015
Line 32:		Line 32:
	var infobox = document.getElementById('myinfobox');		var infobox = document.getElementById('myinfobox');
	JXG.Line.prototype.highlight = function(){		JXG.Line.prototype.highlight = function(){
			var pos = this.getMousePosition
	infobox.innerHTML = this.board.mousePosRel.toString()+'<hr noshade>'+this.name;		infobox.innerHTML = this.board.mousePosRel.toString()+'<hr noshade>'+this.name;
	infobox.style.left = (this.board.mousePosRel[0]+0)+'px';		infobox.style.left = (this.board.mousePosRel[0]+0)+'px';
Line 47:		Line 48:
	c.highlight = function(){		c.highlight = function(){
	infobox.innerHTML = this.board.mousePosRel.toString();		infobox.innerHTML = this.board.mousePosRel.toString();
	infobox.style.left = (this.board.~~mousePosRel[0]~~+0)+'px';		infobox.style.left = (this.board.100+0)+'px';
	infobox.style.top = (this.board.~~mousePosRel[1]~~+0)+'px';		infobox.style.top = (this.board.100+0)+'px';
	infobox.style.display = 'block';		infobox.style.display = 'block';
	}		}

Michael at 14:36, 20 February 2013

2013-02-20T14:36:16Z

← Older revision		Revision as of 14:36, 20 February 2013
Line 116:		Line 116:
	</source>		</source>

	[[Category:~~Examples~~]]		[[Category:Austragungsstueberl]]

A WASSERMANN at 19:21, 18 December 2009

2009-12-18T19:21:37Z

← Older revision		Revision as of 19:21, 18 December 2009
Line 67:		Line 67:
	left:0px;		left:0px;
	top:0px;		top:0px;
			width:50px;
	background-color:#ffff88;		background-color:#ffff88;
	padding:5px;		padding:5px;

A WASSERMANN at 19:20, 18 December 2009

2009-12-18T19:20:59Z

← Older revision		Revision as of 19:20, 18 December 2009
Line 7:		Line 7:
	left:0px;		left:0px;
	top:0px;		top:0px;
			width:50px;
	background-color:#ffff88;		background-color:#ffff88;
	padding:5px;		padding:5px;

A WASSERMANN at 19:16, 18 December 2009

2009-12-18T19:16:57Z

← Older revision		Revision as of 19:16, 18 December 2009
Line 64:		Line 64:
	display:none;		display:none;
	position:absolute;		position:absolute;
			left:0px;
	top:0px;		top:0px;
	~~left:0px;~~
	background-color:#ffff88;		background-color:#ffff88;
	padding:~~10px~~;		padding:5px;
			text-align:center;
	/* Cross-browser opacity:*/		/* Cross-browser opacity:*/
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';		-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	filter: alpha(opacity=50);		filter: alpha(opacity=70);
	opacity:.5;		opacity:.7;
	"		"
	></div>		></div>
Line 89:		Line 90:
	var infobox = document.getElementById('myinfobox');		var infobox = document.getElementById('myinfobox');
	JXG.Line.prototype.highlight = function(){		JXG.Line.prototype.highlight = function(){
	infobox.innerHTML = this.board.mousePosRel.toString();		infobox.innerHTML = this.board.mousePosRel.toString()+'<hr noshade>'+this.name;
	infobox.style.left = (this.board.mousePosRel[0]+0)+'px';		infobox.style.left = (this.board.mousePosRel[0]+0)+'px';
	infobox.style.top = (this.board.mousePosRel[1]+0)+'px';		infobox.style.top = (this.board.mousePosRel[1]+0)+'px';
	infobox.style.display = 'block';		infobox.style.display = 'block';
			this.board.renderer.highlight(this); // highlight the line

	}		}
	JXG.Line.prototype.noHighlight = function(){		JXG.Line.prototype.noHighlight = function(){
	infobox.style.display = 'none';		infobox.style.display = 'none';
			this.board.renderer.noHighlight(this); // dehighlight the line
	}		}

Line 108:		Line 112:
	infobox.style.display = 'none';		infobox.style.display = 'none';
	}		}
			</source>

	~~</source>~~
	[[Category:Examples]]		[[Category:Examples]]

A WASSERMANN at 18:47, 18 December 2009

2009-12-18T18:47:17Z

← Older revision		Revision as of 18:47, 18 December 2009
Line 35:		Line 35:
	infobox.style.top = (this.board.mousePosRel[1]+0)+'px';		infobox.style.top = (this.board.mousePosRel[1]+0)+'px';
	infobox.style.display = 'block';		infobox.style.display = 'block';
			this.board.renderer.highlight(this); // highlight the line

	}		}
	JXG.Line.prototype.noHighlight = function(){		JXG.Line.prototype.noHighlight = function(){
	infobox.style.display = 'none';		infobox.style.display = 'none';
			this.board.renderer.noHighlight(this); // dehighlight the line
	}		}

A WASSERMANN at 18:42, 18 December 2009

2009-12-18T18:42:49Z

← Older revision		Revision as of 18:42, 18 December 2009
Line 32:		Line 32:
	JXG.Line.prototype.highlight = function(){		JXG.Line.prototype.highlight = function(){
	infobox.innerHTML = this.board.mousePosRel.toString()+'<hr noshade>'+this.name;		infobox.innerHTML = this.board.mousePosRel.toString()+'<hr noshade>'+this.name;
	infobox.style.left = (this.board.mousePosRel[0]~~-parseInt(infobox.style.width)~~+0)+'px';		infobox.style.left = (this.board.mousePosRel[0]+0)+'px';
	infobox.style.top = (this.board.mousePosRel[1]+0)+'px';		infobox.style.top = (this.board.mousePosRel[1]+0)+'px';
	infobox.style.display = 'block';		infobox.style.display = 'block';
Line 43:		Line 43:
	c.highlight = function(){		c.highlight = function(){
	infobox.innerHTML = this.board.mousePosRel.toString();		infobox.innerHTML = this.board.mousePosRel.toString();
	infobox.style.left = (this.board.mousePosRel[0]~~-parseInt(infobox.style.width)~~+0)+'px';		infobox.style.left = (this.board.mousePosRel[0]+0)+'px';
	infobox.style.top = (this.board.mousePosRel[1]+0)+'px';		infobox.style.top = (this.board.mousePosRel[1]+0)+'px';
	infobox.style.display = 'block';		infobox.style.display = 'block';

A WASSERMANN at 18:42, 18 December 2009

2009-12-18T18:42:07Z

← Older revision		Revision as of 18:42, 18 December 2009
Line 5:		Line 5:
	display:none;		display:none;
	position:absolute;		position:absolute;
	~~right~~:0px;		left:0px;
	top:0px;		top:0px;
	background-color:#ffff88;		background-color:#ffff88;
Line 32:		Line 32:
	JXG.Line.prototype.highlight = function(){		JXG.Line.prototype.highlight = function(){
	infobox.innerHTML = this.board.mousePosRel.toString()+'<hr noshade>'+this.name;		infobox.innerHTML = this.board.mousePosRel.toString()+'<hr noshade>'+this.name;
	infobox.style.~~right~~ = (this.board.mousePosRel[0]+0)+'px';		infobox.style.left = (this.board.mousePosRel[0]-parseInt(infobox.style.width)+0)+'px';
	infobox.style.top = (this.board.mousePosRel[1]+0)+'px';		infobox.style.top = (this.board.mousePosRel[1]+0)+'px';
	infobox.style.display = 'block';		infobox.style.display = 'block';
Line 43:		Line 43:
	c.highlight = function(){		c.highlight = function(){
	infobox.innerHTML = this.board.mousePosRel.toString();		infobox.innerHTML = this.board.mousePosRel.toString();
	infobox.style.~~right~~ = (this.board.mousePosRel[0]+0)+'px';		infobox.style.left = (this.board.mousePosRel[0]-parseInt(infobox.style.width)+0)+'px';
	infobox.style.top = (this.board.mousePosRel[1]+0)+'px';		infobox.style.top = (this.board.mousePosRel[1]+0)+'px';
	infobox.style.display = 'block';		infobox.style.display = 'block';