[jQuery] Re: continuous action while mouseover

[Rick Faircloth]

Yeah, Karl… that was pretty sad.

Where’d you say got that BS in education?

 

:o)

 

Rick

 

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Jonathan Sharp
Sent: Wednesday, October 17, 2007 4:18 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: continuous action while mouseover

 

It's ok Karl, we all have our days sometimes that doesn't make sense.

 

You beat me to the post. Also take a look at the jdNewsScroll
(http://jdsharp.us/jQuery/plugins/jdNewsScroll/) that has code to start/stop
the scrolling of news items based upon the mouse entering/leaving. Hope this
helps some. 

 

Cheers,

-js

 

On 10/17/07, Karl Swedberg <[EMAIL PROTECTED]> wrote: 

Yikes, you'd never be able to tell from my post below that I used to teach
English. Sorry if it confused anyone. Here is what I meant to write (with
corrections inside the asterisks): 


 

Jonathan Sharp created a plugin that *does* something very similar to what
you're going for here. Maybe you can grab some ideas *from* it?

 

--Karl

 

On Oct 17, 2007, at 3:38 PM, Karl Swedberg wrote:





Hi Alexandre, 


 

Jonathan Sharp created a plugin that doesn't something very similar to what
you're going for here. Maybe you can grab some ideas for it?


 

http://jdsharp.us/jQuery/plugins/AutoScroll/

 


 

--Karl

_________________

Karl Swedberg

www.englishrules.com <http://www.englishrules.com/> 

www.learningjquery.com <http://www.learningjquery.com/> 


 

 

 

On Oct 17, 2007, at 12:59 PM, Alexandre Plennevaux wrote:






 

Hi friends,


 

i was wondering: how can i trigger an action while the mouse stays on a
specific area of the screen?


 

i tried the following code: it works ONCE (when the mouseover event is
triggered) but not continuously, while the mouse i over my "active" zone.


 

var centerX = $('#datascape').width()/2;

stepX = 240;

var $datascapeViewport = $('#ds-viewport');

$datascapeViewport.css({position: 'relative',left: 0+'px'})

.bind('mouseover',function(e){

var minX = $(this).width();

minX=-minX;

var maxX = 0;

var newLeft = 0;

var Position = $(this).offset();

if (e.pageX >= centerX) {

newLeft = Position.left-stepX;

} else

{

newLeft = parseInt(Position.left) + stepX;

}

//alert("\nposition.left="+Position.left
+"\nnewLeft="+newLeft+"\nstepX="+stepX);

newLeft = -newLeft;

if ((newLeft<maxX) && (newLeft>minX)) {

$(this).animate({left: newLeft+'px'},1000);

}

});


 

just for background, i'm trying to have a very wide image scroll
horizontally according to the mouse position on the X axis, center being no
scroll, left position meaning scroll image right, and invertedly. 


 


 

Thanks for your insight!


 

Alexandre


 

Ce message Envoi est certifié sans virus connu.

Analyse effectuée par AVG.

Version: 7.5.488 / Base de données virus: 269.14.13/1074 - Date: 16/10/2007
14:14