Drag Drop Tooltip als Anker benutzen - javarea.de Forum powered by javarea.de

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87:

<html>
<head>

<style type="text/css" media="screen">
<!--
#image_top
{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}
//-->
</style>

<script language="JavaScript" type="text/javascript">
<!--
/**
*
*           © Autor René Marscheider
*       © E-Mail: webmaster@janaserver.de
*          © http://www.janaserver.de/
*  © Bitte entfernen Sie diesen Vermerk nicht!
*
**/

function top_image()
{
	var imageW = 20; // Bild width, in pixels
	var imageH = 40; // Bild height, in pixels

	if (window.innerWidth)
	{
		var hori    = 'left';
		var vert    = 'top';
		var imgX    = 30;
		var imgY    = 20;

		with (window)
		{
			var innerW  = innerWidth;
			var innerH  = innerHeight;
			var offsetX = pageXOffset;
			var offsetY = pageYOffset;
		}
	}
	else
	{
		var hori    = 'pixelLeft';
		var vert    = 'pixelTop';
		var imgX    = 20;
		var imgY    = 20;

		with (document.body)
		{
			var innerW  = clientWidth;
			var innerH  = clientHeight;
			var offsetX = scrollLeft;
			var offsetY = scrollTop;
		}
	}

	var posX = (innerW + offsetX) - (imageW + imgX);
	var posY = (innerH + offsetY) - (imageH + imgY);

	with (document)
	{
		eval('getElementById(\'image_top\').style.' + hori + ' = ' + posX);
		eval('getElementById(\'image_top\').style.' + vert + ' = ' + posY);
	}

	setTimeout('top_image();', 10);
}

onload = top_image;
//-->
</script>

</head>
<body>

<div id="image_top">
  <a href="#top"><img src="./topimage.gif" border="0" width="20" height="40" title="nach oben" alt="nach oben"></a>
</div>

</body>
</html>