Met als doel een zo werkbaar mogelijke website te maken, kwam ik vandaag op het idee om de Hand Tool te porten naar een webpagina met behulp van Javascript.
Behalve voor mouse gestures in Opera wordt het slepen van de rechtermuisknop nergens op grote schaal voor gebruikt. En aangezien een muis gebruikt wordt om mee te navigeren, vond ik het wel handig om de functionaliteit ervan uit te breiden voor websites.
Hoe zit het idee achter de Hand Tool op een webpagina in elkaar?
Je houdt je rechtermuisknop ingedrukt op een willekeurige plek op de pagina. Eenmaal je de muis meer dan een vooraf bepaalde afstand verplaatst, wordt de functionaliteit van het contextmenu uitgeschakeld en vervangen door een sleepmogelijkheid. Zodoende pak je de pagina daadwerkelijk vast, en kan je er alle kanten mee uit (naargelang de grootte van de pagina natuurlijk).
Staat de pagina waar je hem wilt hebben, dan laat je de rechtermuisknop los. Zo simpel is het.
Probeer het maar eens op m’n website uit als je wil, voor de feedreaders onder ons.
De achterliggende code wijst zichzelf uit, je hoeft deze slechts te kopiëren en plakken/integreren/aanpassen naar eigen wens.
In Safari werkt het helaas niet, firefox wel. Maar erg handig vind ik het nog niet, omdat je ook nog met het rechtermuisknop-menu zit. Zou het niet net zo als met photoshop met spatie+muis kunnen?
Ik had dit script getest in IE6, IE7, FF, Swift en Opera. Juist die laatste kwam dwars te liggen bij mij. Kga Safari voor Windows dus moeten installeren.
Bedankt voor de bugmelding.
M’n eerste gedacht was om Alt + Muis te gebruiken (Spatie heeft in FF dezelfde functie als de Page Down toets), maar bij het testen van m’n script begon ik het ambetant te vinden om telkens met m’n linkerhand naar dat toetsenbord te reiken.
Vandaar dat ik het met Muis + een minimum sleepafstand heb gedaan.
Ik had ook gedacht aan een opt-in boodschap.
Dus dat er bij zowel alt+klik én rechtermuisknop+sleep een boodschap verschijnt met de vraag als de gebruiker deze functionaliteit wil activeren – gecombineerd met 2 radiobox elementen naast elkaar, waarbij de laatst gebruikte methode default geselecteerd wordt. Maar het lijkt me overkill om daarvoor een cookie aan te wenden.
Dit was wel in me opgekomen, maar als niemand iets ziet in deze sleep-functionaliteit dan wil ik niet al teveel moeite doen bij het scripten daarvan.
Nice, zeker verder afwerken.
Wel lastig om te doen met een trackpad!
Werkt helaas niet in Firefox 2.0 onder Ubuntu Linux.
@Wolfr, @Peter: Ik geloof dat er een major rewrite zal moeten gebeuren!
De spatiebalk als trigger, de linkermuisknop om de pagina te verslepen.
Kan wel handig zijn. goed idee