[greasemonkey-users] Re: draggable div

[webmas...@phpecono.com]

Hi edzep Thx for your script i think we can get it to work ... I know some 
jquerry are not compatible with GM so that's probably why UI was not 
working ... 
I tryed integrating your script but there seems to be an error somewhere 
... mind to take a look?

// ==UserScript==
// @name CF Informer by CyberSee
// @namespace http://**CENSORED**
// @description Critical Fusion
// @include *kabam*
// ==/UserScript==

var isdrag = false;
var x, y, tx, ty;

document.addEventListener('​mouseup', function(e) {isdrag=false}, true);

document.addEventListener('​mousedown', function(e) {
     var fobj = e.target;
     if (fobj.className=="dragme") {
         isdrag = true;
         tx = parseInt(refTradePanel.style.​left+0); // must have been 
 orking
         ty = parseInt(refTradePanel.style.​top+0); // with different  udge 
numbers
         x = e.clientX;
         y = e.clientY;
         }
     }, true);

document.addEventListener('​mousemove', function(e) {
     if(isdrag) {
         var setX = tx + e.clientX - x;
         var setY = ty + e.clientY - y;

         refTradePanel.style.left = setX + "px";
         refTradePanel.style.top  = setY + "px";
         }
     }, true);

// Verssion
var version = "1.0.1"; 
window.addEventListener("load", function load(event){

var centerdiv = document.createElement("div");
var dramiscenter, newElement;

centerdiv.innerHTML = '<div class="dragme" style="border:1px solid black; 
height:410px; width:200px; left:8px; opacity:0.7; background-color:#000000; 
z-index:3000; position:absolute; top:100px; color:#FFFFFF;"><span 
style="cursor:move; font-family:verdana; font-size:11px;">Drag 
me</span><iframe style="height:400px; width:200px; left:8px; opacity:0.7; 
background-color:#000000;" 
src="http://**CENSORED**/cf.php";></iframe></div>';
dramiscenter = document.getElementById('sitemap');

if (dramiscenter) {dramiscenter.parentNode.insertBefore(centerdiv, 
dramiscenter.nextSibling);}

}, false);







On Thursday, 22 March 2012 12:54:52 UTC-4, edzep wrote:
>
> I'm not the best person to be giving out code samples, but, I've got a 
> draggable div, and this may help. Not sure if there's another way, and, 
> I know nothing of jquery, but, this uses listeners for mouseup, 
> mousedown, and mousemove. The div created elsewhere, and is styled with 
> a class named "dragme", and I have previously stored a reference to the 
> div in refTradePanel.
>
>    -- Ed
>
> var isdrag = false;
> var x, y, tx, ty;
>
> document.addEventListener('​mouseup', function(e) {
>      isdrag=false
>      }, true);
>
> document.addEventListener('​mousedown', function(e) {
>      var fobj = e.target;
>      if (fobj.className=="dragme") {
>          isdrag = true;
>          tx = parseInt(refTradePanel.style.​left+0); // must have been 
> working
>          ty = parseInt(refTradePanel.style.​top+0); // with different 
> fudge numbers
>          x = e.clientX;
>          y = e.clientY;
>          }
>      }, true);
>
> document.addEventListener('​mousemove', function(e) {
>      if(isdrag) {
>          var setX = tx + e.clientX - x;
>          var setY = ty + e.clientY - y;
>
>          refTradePanel.style.left = setX + "px";
>          refTradePanel.style.top  = setY + "px";
>          }
>      }, true);
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"greasemonkey-users" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/greasemonkey-users/-/lmSunigApW8J.
To post to this group, send email to greasemonkey-users@googlegroups.com.
To unsubscribe from this group, send email to 
greasemonkey-users+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/greasemonkey-users?hl=en.