MouseWheelBodyScroll mit Mootools

Alex1980

Neuer Clubber

Posts: 3

Location: Deutschland

Occupation: Fachinformatiker System Integration / Hostmaster

1

Saturday, February 10th 2007, 9:09am

Jetzt kann man mit dem Mausrad scrollen und via der mootools Library zur einer anderen Seite springen (oder auch eine andere Funktion ausloesen).

Downloaden:

MouseWheelBodyScroll Demo Download

Online Demo

Das Geheimnis steckt in der Implementation der Mouse Funktion:

Source code

var activeFrameIndex = 1;
var maxFrameIndex    = 7;

//funktion registriert mausrad und schaltet delta hoch oder abwaerts
function getNewFrameIndex( wheelDelta ) {
    if ( ( wheelDelta < 0 ) &amp;&amp; ( activeFrameIndex > 1 ) ) {
        activeFrameIndex--;
    } else if ( ( wheelDelta > 0 ) &amp;&amp; ( activeFrameIndex < maxFrameIndex ) )  {
        activeFrameIndex++;
    }
    return activeFrameIndex;
}

function handle( delta ) {
    var s = delta + ": ";
    var activeFrameName = "content" + getNewFrameIndex( delta );
    panel.clearTimer().toElement($(activeFrameName));
}

function wheel( event ) {
        var delta = 0;
        if ( !event ) event = window.event;
        if ( event.wheelDelta ) {
                delta = event.wheelDelta/120;
                if ( window.opera ) delta = -delta;
        } else if ( event.detail ) {
                delta = -event.detail/3;
        }
        if ( delta ) handle( delta );
}

//event listener starten
if ( window.addEventListener ) window.addEventListener( 'DOMMouseScroll', wheel, false );
window.onmousewheel = document.onmousewheel = wheel;

Go to the top of the page

casvil

Moderator

Posts: 373

Location: NRW

Occupation: Fachinformatiker AE

2

Sunday, February 11th 2007, 3:19pm

Ich konnte auch schon vorher mit meinem Mausrad scrollen, und unter FF sogar mit Mousegestures mit der Maus die Seite verlassen, schliessen etc.

Also schlechte Werbung?

This post has been edited 1 times, last edit by "casvil" (Feb 11th 2007, 3:20pm)

Go to the top of the page

Alex1980

Neuer Clubber

Posts: 3

Location: Deutschland

Occupation: Fachinformatiker System Integration / Hostmaster

3

Monday, February 12th 2007, 6:53pm

es geht nicht um ob man mit dem mausrad im browser scrollen kann. es geht um was man mit dem mausrad macht wenn man auf einer seite ist die keinen scrollbalken haben soll und das mausrad irgendwie anders eingesetzt werden kann.

meine implementation funktioniert in alle 3 browser. eine lange recherche im netz ergab nichts aehnliches also dachte ich mir "bau doch mal eine beispielseite".

Go to the top of the page

Jockel

Ehrenmitglied mit Auszeichnung

Posts: 3,223

Location: 5<<0xE|5<<6|5>>2<<4

4

Monday, February 12th 2007, 7:07pm

Hallo!

Es gibt mehr als nur 3 Browser...

mfg

Jockel

P = NP.

Go to the top of the page

Alex1980

Neuer Clubber

Posts: 3

Location: Deutschland

Occupation: Fachinformatiker System Integration / Hostmaster

5

Monday, February 12th 2007, 7:14pm

Sicherlich gibt es mehr als 3 Browser aber die meisten Leute haben IE, FF oder Opera.

Aus zeitlichen Gruenden konnten folgende Browser nicht gestested werden:

1x
Science Traveller International

Air Mosaic Demo
Sprynet

AllWorld Explorer
G.O. International Air Service

Amaya
W3C

Arachne
xChaos

ArcWeb
Stewart Brodie

Ariadna
Advanced Multimedia System Design

AtomNet
Change 7

AWeb
AmiTrix

Beonex
Ben Bucksch

Bobby
Center for Applied Special Technology

Bohemian Net Browser
BohemianNet

BrownIE
Compunet

Browse2000
1st Choice Software

CAB
Alexander Clauss

Cello
Thomas Bruce

Charlie
Mundial Avenue

ChiBrow
KCS & Associates

Chimera
University of Nevada Las Vegas

Contiki
Adam Dunkels

Custom Browser
LION

Cyberdog
Apple Computer, inc.

CyberGate
BlackSun Interactive

Cyber Passage
Sony

DigiCams
DigiBand

DOSLynx
University of Kansas

DR-WebSpyder
Caldera

ELinks
Mikulas Patocka, the ELinks team

Emacs-W3
William M. Perry

Emissary
Attachmate

Flock
Flock

FreeWebBrowser
Yellow Tree Services

Galahad
Jean van Waterschoot

goAnywhere!
Mikey LeBeau

Grail
Corporation for National Research Initiatives

GrassHopper MDI Explorer
Santrim Software

HandWeb
Smartcode Software

HexaBit Junior
HexaBit

Home Page Reader
IBM

HotJava
Sun Microsystems

I-comm
Talent Communications

I-O-D-4 - The Web Stalker
Escape

I-View
EnReach Technology

iBrowse
Omnipresence International

iCab
Alexander Clauss & iCab Company

Internet Plus
Dean Software Design

Internet WorkHorse
MarketNet

KidNet Explorer
Resource Communications

KidSafe Explorer
Arlington Technology

LIS Web Browser
Lahman Internet Services

Links
Mikulas Patocka

Lynx
Distributed Computing Group

MacLynx
Olivier Gutknecht

MacWeb
TradeWave (EINet)

MacWWW (Samba)
CERN

MathBrowser
MathSoft

Microviet First Explorer
Microviet

Minuet
University of Minnesota

Mosaic
National Center for Supercomputing Applications

Mosaic
QuarterDeck

Mosaic
SpryNet

Mosaic
Spyglass

Mozilla, incl. Firefox
The Mozilla Foundation

Multilingual Mosaic
Accent Software

MultiWeb Viewer
MultiSource

MyBrowser
Softorange

Navigator
Netscape Communications Corporation

NCompass
ExCITE

NeoPlanet
NeoPlanet

Net-Tamer
Net-Tamer

NetCaptor
Stilesoft

NetCruiser
Netcom

NetForKids
WebData Communications

Net M@anager
Virtual Innovations

Netomat
Maciej Wisniewski

NetPositive
Be, Inc.

NetSentry
Natdat

NetShark
InterCon

NetShift
NetShift Software

Nuthin' But Net
PAKSoft Productions

Off By One
Home Page Software

OmniWeb
OmniGroup

PowerBrowser
Oracle

ProStream Browser
PS Group

pwWebSpeak Plus
The Productivity Works

Pythia
Appian Interactive

QuickScape
Quickscape

Safari
Apple Computer, Inc.

Santa's Browser
Branded Browser Technologies

SimulBrowse
Seaglass Software

SiteKiosk
ProVisio GmbH

SlipKnot
MicroMind

Softerm Plus
Softronics

SuperHighway Browser
Frontier Technologies

Surfin' Annette
SpyCatcher

SurfMonkey
MediaLive

Talking Browser
WeMedia

Talva Document Explorer
Talva

Tango Multilingual
Alis Technologies

The Other Browser-Emailer
Pixelogic

UdiWWW
Bernd Richter

Video On Line Browser
Video On Line

Voyager
VaporWare

WannaBe
David T. Pierson

Web-O-Matic Digital Browser
Circle Group Internet, Inc.

Web SurfACE
ToolPool

Web-Talkit
Grover Industries

WebExplorer
IBM

WebProwler
MacroByte

WebRacer
Software Savvy

Websurfer
NetManage

WebTV Viewer
WebTV Networks

WebView
South Pacific Information Services

WebWhacker
Blue Squirrel

Wildcat Navigator
Harmony International

WinWEB
TradeWave (EINet)

WorldWideWeb (Nexus)
Tim Berners-Lee

Go to the top of the page

Jockel

Ehrenmitglied mit Auszeichnung

Posts: 3,223

Location: 5<<0xE|5<<6|5>>2<<4

6

Monday, February 12th 2007, 7:24pm

Hallo!

Damit ist bewiesen, dass du Cut and Paste beherrschst - trotz alledem ist es immer wieder ein Armutszeugnis, wie Leute etwas anpreisen, dass nur unter einer Plattform oder einem Teil der existierenden Browser oder was auch immer funktioniert. Immer wieder ist es frustrierend, Webseiten zu besuchen, die NUR für drei Browser benutzbar sind - natürlich benutzt man selbst den vierten.

Und eine kleine Anmerkung: Verwende Cut And Paste nur, wenn es notwendig ist - als Beweis deiner Intelligenz kann dies nicht wirklich dienen.

mfg

Jockel

P = NP.

Go to the top of the page

edMoo

Neuer Clubber

Posts: 1

7

Thursday, September 11th 2008, 6:50pm

RE: MouseWheelBodyScroll mit Mootools

Quoted from "Alex1980"

Jetzt kann man mit dem Mausrad scrollen und via der mootools Library zur einer anderen Seite springen (oder auch eine andere Funktion ausloesen).

Downloaden:

MouseWheelBodyScroll Demo Download

Online Demo

Das Geheimnis steckt in der Implementation der Mouse Funktion:

Source code

var activeFrameIndex = 1;
var maxFrameIndex    = 7;

//funktion registriert mausrad und schaltet delta hoch oder abwaerts
function getNewFrameIndex( wheelDelta ) {
    if ( ( wheelDelta < 0 ) &amp;&amp; ( activeFrameIndex > 1 ) ) {
        activeFrameIndex--;
    } else if ( ( wheelDelta > 0 ) &amp;&amp; ( activeFrameIndex < maxFrameIndex ) )  {
        activeFrameIndex++;
    }
    return activeFrameIndex;
}

function handle( delta ) {
    var s = delta + ": ";
    var activeFrameName = "content" + getNewFrameIndex( delta );
    panel.clearTimer().toElement($(activeFrameName));
}

function wheel( event ) {
        var delta = 0;
        if ( !event ) event = window.event;
        if ( event.wheelDelta ) {
                delta = event.wheelDelta/120;
                if ( window.opera ) delta = -delta;
        } else if ( event.detail ) {
                delta = -event.detail/3;
        }
        if ( delta ) handle( delta );
}

//event listener starten
if ( window.addEventListener ) window.addEventListener( 'DOMMouseScroll', wheel, false );
window.onmousewheel = document.onmousewheel = wheel;

Hi Alex,

It's very a cool way to navigate

.

I wanted to add some extra mootools features but came across with some incompability with other mootools versions. Which version is the mootools.js you are using? or Did you modify the library? Im kind of newbie on mootools. Thanks hope you can give me some help.

regards

Ed.

Go to the top of the page

Leiche

Neuer Clubber

Posts: 9

Location: Deutschalnd

Occupation: Fachinformatiker

8

Friday, September 12th 2008, 8:36am

Hallo!

Jockel? Bist du eigentlich selber Webentwickler und hast du überhaupt eine Ahnung, was du von dem Jungen verlangst. Die meisten Sachen laufen nich auf allen Browsern! Warum auch? Es wäre ein viel zu grosser aufwand, etwas zu programmieren, obwohl der eine Browser vielleicht nur 5 Nutzer hat und keiner dieser Leute je deine Seite besuchen wird. Wer nicht einen der Mainstreambrowser nutzt ist selber schuld. Man kann halt nicht verlangen, dass Programme auf allen Systemen bzw. Webapplikationen auf allen Browsern laufen, dass würde nämlich in einer jahrelangen Arbeit enden und das nur für die kleinsten Programme.

Gruß Leiche

Go to the top of the page

Jockel

Ehrenmitglied mit Auszeichnung

Posts: 3,223

Location: 5<<0xE|5<<6|5>>2<<4

9

Friday, September 12th 2008, 9:12am

Hallo Leiche! Ja, ich habe schon ziemlich große Webanwendungen entwickelt und weiß, was ich verlange. Warum sollte ich das nicht wissen? Hinterlasse ich irgendwie den Eindruck nicht zu wissen, wovon ich rede? Allerdings habe ich den Eindruck, dass du nicht ganz weißt, wovon du redest. Eine Webanwendung zu entwickeln, die unter 99% der aktuellen Browser anständig läuft, bedeutet nicht eine "jahrelange Entwicklung"szeit. Aber Grundsätzlich: Mein letzter Beitrag ist über 1,5 Jahre alt. Es stellt sich mir die Frage, ob diese "Leiche"nfledderei notwendig ist ... Viele Grüße, Jockel

P = NP.

Go to the top of the page

Mike1990

Neuer Clubber

Posts: 84

Location: Deutschland

Occupation: Azubi

10

Friday, September 12th 2008, 12:50pm

Ich kann in dem Falle Leiche nur zustimmen. Jockel wenn es wirklich so wäre wie du sagst und man beim Programmieren darauf achten soll das die Programme überall laufen dann sag mir mal warum es so ziemlich viele Programme gibt die unter Windows aber unter anderen Betriebssystemen nicht laufen?
Das ist Quasi das gleiche wie mit den Browsern nur im Größeren Maße.
Wenn die Programmierer Programme für alle Betriebssysteme entwickeln können die Web Entwickler auch anfangen Internet Seiten für alle Browser zu programmieren.

Ich persönlich bin der Meinung das bei den ganzen Browser kompatibilitäten ziemlich schwer ist auf jeden Browser lauffähig zu machen. Deshalb beschränke ich mich bei meinen Internet Seiten auf Firefox, Internet Explore und Chrome (Da dieser einen schnellen zuwachs kriegt).

Persönlich finde ich auch das alle Browser mit der Kompatibilität an einen Strand ziehen sollen um die Programmierung im Web stark zu erleichtern.

Mfg

Mike1990