Mouse Gesture UserScript

**rock_galore** · 06-02-2009, 01:05 PM

Originally Posted by Kyrax

Meow!

Nice.

Originally Posted by Kyrax

Maybe we should get someone to work on a mouse gesture extension (instead of a userscript).

What would you like it to do?
This would make a working extension out of the content script:
manifest.json

Code:

{
  "content_scripts": [
    {
      "js": [
        "content_script.js"
      ], 
      "matches": [
        "http://*/*",
        "https://*/*"
      ]
    }
  ], 
  "description": "Mouse gestures for chrome", 
  "name": "mouse-gestures", 
  "toolstrips": [
    "toolstrip.html"
  ],
  "version": "0.1"
}

toolstrip.html

Code:

<html>
	<body>
		<div id="button" class="toolstrip-button">
		  Waiting for input
		</div>
	</body>
</html>

content_script.js

Code:

// ==UserScript==
// @name Mouse Gestures for Google Chrome
// @author vhanla
// @namespace http://www.codigobit.net/ 
// @version 1.0
// @description Allows to use mouse gestures for navigating through pages
// @include *
// @exclude
// ==/UserScript==

var posx = 0;
var posy = 0;
var estado = false; 
var gestdown = function(event) {
if (event.which)
button = (event.which < 2) ? "LEFT" :
((event.which == 2) ? "MIDDLE" : "RIGHT");
if (button =="RIGHT"){ 
estado=true;
posx=event.clientX;
posy=event.clientY;
document.oncontextmenu = new Function("return false")
}
}
var gestup = function(event) { 
if (estado){
estado=false;
if(event.clientX+25<posx){ 
window.history.back(); 
}
else if(event.clientX-25>posx){ 
window.history.forward();
}
else if(event.clientY-25>posy){
window.open();
}
else if(event.clientY+25<posy){
window.close();
}
else void(document.oncontextmenu=null)
}

}
window.addEventListener("mousedown", gestdown, false);
window.addEventListener("mouseup", gestup, false);

That was easy, but probably not what you meant. ;-)

**Kyrax** · 06-02-2009, 01:18 PM

Yea a meant with a little more features.
My favorite mouse gesture extension is firegestures [ http://www.xuldev.org/firegestures/ ]

You can even code your own jscript functions and bind them to a movement.

The only part about making a "firegesture clone" that i'm not sure about would be the green line that is traced on screen..

Overall.. sounds like an interesting challenge !

**rock_galore** · 06-02-2009, 02:10 PM

Well, you could, but you don`t want to ;-), add a JS-Vector-Library, inject a canvas element an draw on it.

For binding user-functions to the content script we`ll need localstorage i think.

**Kyrax** · 06-02-2009, 02:38 PM

Let's make it a community project !

But yeah.. we'll need local storage for any sort of configuration.
I don't want to ask users to copy and paste XML anymore.

**rock_galore** · 06-02-2009, 03:45 PM

Originally Posted by Kyrax

we'll need local storage for any sort of configuration.
I don't want to ask users to copy and paste XML anymore.

It will come via HTML5-integration, we have a video-tag now so it won`t take that long i think.

**Kyrax** · 06-02-2009, 05:19 PM

Let's hope it's not limited to gears and that it respects HTML5 standards.

**rock_galore** · 06-02-2009, 06:34 PM

I´m sure it will.
http://dev.chromium.org/developers/d...ns/apiwishlist

**sam.forry** · 06-06-2009, 08:53 PM

Great! The lack of gestures has caused me to shun Chrome... Shunned no more!

Does anyone have ideas for creating a gesture to open a clicked link in a new tab? This is probably my most used gesture, but I can't figure out how to get the url from the clicked link...

**alinescoo** · 06-16-2009, 06:32 AM

Did someone improve/pack this into a crx file ?

**devilslackey** · 06-16-2009, 07:15 AM

I've packaged it. Although I'm wondering what the toolstrip portion was for because it works just fine without (I hate the toolstrip

). Credit goes to rock_galore for posting the manifest and content script...all I did was package it.

http://sharesend.com/fqvr5

LinkBack

Thread Tools

Display

Similar Threads

Chrome Mouse Gestures?

Back / forward buttons on mouse

Posting Permissions