Style OffsetX/Y ??

JScript kode 

 /***********ZenLib*************
 **
 * By: Jakob - "Saebekassebil"
 * Last modified: 20/08-2008
 **
 ******************************/
 
 window.onload = function()
 {
 
     /* SETTINGS START */
 
     var opacityValue = "0.5" // Opacity for drag objects. Set to 1.0 for no opacity.
     var cursorValue = "move" // Cursor for drag objects. Set to auto for normal cursor.
     var regExpClassName = "dragAble"; // The classname that makes an object dragable.
     var showMenu = true; // If this is set to true, a menu will be showed when Ctrl + click.
 
     /* SETTINGS END */
 
     var dragTarget = null;
     var dragState = false;
     var mouse_x = 0;
     var mouse_y = 0;
     var offset_x = 0;
     var offset_y = 0;
     var i = 0;
     var initTargets = new Array();
     var arrayIndex;
     var ctrlDown = false;
 
     function in_array(haystack, needle)
     {
         for(var x in haystack)
         {
             if(haystack[x][0] == needle[0])
                 return x;
         }
 
         return -1;
     }
 
     function getTarget(element)
     {
         if(!element.target.id)
             return;
 
         var target = document.getElementById(element.target.id);
 
         var regPat = new RegExp(regExpClassName);
         if(!regPat.test(target.className))
             return;
 
         arrayIndex = in_array(initTargets, Array(target.id, 0));
         if(arrayIndex == -1)
         {
             initTargets.push(Array(target.id, 0));
             arrayIndex = initTargets.length-1;
         }
 
         target.style.position = "absolute";
         target.style.zIndex = "1";
         target.style.opacity = opacityValue;
         target.style.filter = "alpha(opacity="+(opacityValue*100)+")";
         target.style.cursor = cursorValue;
         if(initTargets[arrayIndex][1] == 0)
         {
             target.style.left = target.offsetLeft + "px";
             target.style.top = target.offsetTop + "px";
             var someLeft = target.style.left;
             var someTop = target.style.top;
             offset_x = mouse_x - (someLeft.substr(0, (someLeft.length-2)));
             offset_y = mouse_y - (someTop.substr(0, (someTop.length-2)));
         }
         else
         {
             var someLeft = target.style.left;
             var someTop = target.style.top;
             offset_x = mouse_x - (someLeft.substr(0, (someLeft.length-2)));
             offset_y = mouse_y - (someTop.substr(0, (someTop.length-2)));
         }
 
         initTargets[arrayIndex][1] = 1;
         return target;
     }
 
     function resetDrag()
     {
         dragTarget.style.cursor = "auto";
         dragTarget.style.opacity = "1.0";
         dragTarget.style.filter = "alpha(opacity=100)";
         dragTarget.style.zIndex = "0";
         dragTarget = null;
         dragState = false;
         offset_x = 0;
         offset_y = 0;
     }
 
     function doDrag(element)
     {
         dragTarget.style.left = (mouse_x - offset_x) + "px";
         dragTarget.style.top = (mouse_y - offset_y) + "px";
     }
 
     function getMouseXY(element)
     {
         if(document.all)
         {
             mouse_x = element.clientX+document.body.scrollLeft;
             mouse_y = element.clientY+document.body.scrollTop;
         }
         else
         {
             mouse_x = element.pageX;
             mouse_y = element.pageY;
         }
     }
 
 
     if(!document.addEventListener) // IE
     {
         document.addEventListener = function(type, handler)
         {
             document.attachEvent('on'+type, function(e)
             {
                 e.target = e.srcElement;
                 return handler(e);
             });
         }
     }
 
     document.addEventListener('mousedown', function(e)
     {
         if(ctrlDown == false)
             dragTarget = getTarget(e);
         else if(ctrlDown == true && showMenu == true)
             alert("Menu!");
         if(dragTarget)
         {
             dragState = true;
         }
 
     }, false);
 
     document.addEventListener('mousemove', function(e)
     {
         getMouseXY(e);
         if(dragState)
         {
             doDrag(e);
         }
 
     }, false);
 
     document.addEventListener('mouseup', function(e)
     {
         if(dragState)
         {
             resetDrag();
         }
 
     }, false);
 
     document.addEventListener('keydown', function(e)
     {
         if(window.event) // IE
         {
             keynum = e.keyCode;
         }
         else if(e.which)
         {
             keynum = e.which;
         }
 
         if(keynum == 17)
         {
             ctrlDown = true;
         }
     }, false);
 
     document.addEventListener('keyup', function(e)
     {
         if(window.event) // IE
         {
             keynum = e.keyCode;
         }
         else if(e.which)
         {
             keynum = e.which;
         }
 
         if(keynum == 17)
         {
             ctrlDown = false;
         }
     }, false);
 }

Ps. Nice side, og hvor gammel er du. Det lyder på din blog, som om du lige er blevet konf.

Kode 

function showimmenu(id) {
var c = document.getElementById(id);
if(c.style.display != "block"){
	for (var i = 1; i<=16; i++) {
		if (document.getElementById('immenu'+i)) {document.getElementById('immenu'+i).style.display='none';}
	}
if (c) {c.style.display='block';
---->
var immenuX = 30; // NqTips X offset//
var immenuY = -60; // NqTips Y offset//

  offsetX : immenuX,
  offsetY : immenuY,

	this.style.left = (this.offsetX) + "px";
	this.style.top = (this.offsetY) + "px";
	<----
	
}
}else{
c.style.display = "none";
}
}

JScript kode 

 function getMouseXY(element)
     {
         if(document.all)
         {
             mouse_x = element.clientX+document.body.scrollLeft;
             mouse_y = element.clientY+document.body.scrollTop;
         }
         else
         {
             mouse_x = element.pageX;
             mouse_y = element.pageY;
         }
     }

JScript kode 

 function getMouseXY(element)
         {
             if(document.all)
             {
                 mouse_x = element.clientX+document.body.scrollLeft;
                 mouse_y = element.clientY+document.body.scrollTop;
             }
             else
             {
                 mouse_x = element.pageX;
                 mouse_y = element.pageY;
             }
         }
         
         function showimmenu(id) 
         {
             var c = document.getElementById(id);
             if(c.style.display != "block")
             {
                 for (var i = 1; i<=16; i++) 
                 {
                     if (document.getElementById('immenu'+i)) {document.getElementById('immenu'+i).style.display='none';}
                 }
                 if (c) {c.style.display='block';
 
                 var immenuX = 30; // NqTips X offset/
                 var immenuY = 60; // NqTips Y offset//
                 
                 this.offsetX = mouse_x + immenuX;
                 this.offsetY = mouse_y - immenuY;
 
 
                 this.style.left = (this.offsetX) + "px";
                 this.style.top = (this.offsetY) + "px";
                 }
             }
             else
             {
                 c.style.display = "none";
             }
         }

HTML kode 

 <body onmousemove="getMouseXY(this)">

Kode 

div.immenu{
	cursor: pointer;
	padding: 3px;
	border: 1px solid #666666;
	border-right-width: 2px;
	border-bottom-width: 2px;
	display: none;
	background: #000000;
	color: #FFFFFF;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	position: absolute;
	z-index: 1000;
}

Kode 

$backpack[$i] = '<img src="'.$backpackimage_image['Image'].'" border="0" title="'.$navnT.'<br />'.$armor[$t].$dmg[$t].$money[$t].$rage[$t].$chakra[$t].$strenght[$t].$agility[$t].$charisma[$t].$skill[$t].'
<br /><div id=showbackpackmenu><br />(Click to show menu)</div>" onclick=javascript:showimmenu("immenu'.$i.'"); /><div id="immenu'.$i.'" class="immenu">LOL'.$i.'</div>';

Kode 

<table class="inv_backpack_table" cellspacing="5">
          <tr>
            <td><?php echo $backpack[1]; ?></td>
            <td><?php echo $backpack[2]; ?></td>
            <td><?php echo $backpack[3]; ?></td>
            <td><?php echo $backpack[4]; ?></td>
            <td><?php echo $backpack[5]; ?></td>
            <td><?php echo $backpack[6]; ?></td>
            <td><?php echo $backpack[7]; ?></td>
            <td><?php echo $backpack[8]; ?></td>
          </tr>
          <tr>
            <td><?php echo $backpack[9]; ?></td>
            <td><?php echo $backpack[10]; ?></td>
            <td><?php echo $backpack[11]; ?></td>
            <td><?php echo $backpack[12]; ?></td>
            <td><?php echo $backpack[13]; ?></td>
            <td><?php echo $backpack[14]; ?></td>
            <td><?php echo $backpack[15]; ?></td>
            <td><?php echo $backpack[16]; ?></td>
          </tr>
        </table>

Kode 

function getMouseXY(element)
{
if(document.all)
{
mouse_x = element.clientX+document.body.scrollLeft;
mouse_y = element.clientY+document.body.scrollTop;
}
else
{
mouse_x = element.pageX;
mouse_y = element.pageY;
}
}

function showimmenu(id)
{
var c = document.getElementById(id);
if(c.style.display != "block")
{
for (var i = 1; i<=16; i++)
{
if (document.getElementById('immenu'+i)) {document.getElementById('immenu'+i).style.display='none';}
}
if (c) {c.style.display='block';

var immenuX = 30; // NqTips X offset/
var immenuY = 60; // NqTips Y offset//

this.offsetX = mouse_x + immenuX;
this.offsetY = mouse_y - immenuY;


this.style.left = (this.offsetX) + "px";
this.style.top = (this.offsetY) + "px";
}
}
else
{
c.style.display = "none";
}
}