jQuery - easing

Question

0.00/5 (No votes)

See more:

Can you help me please. I'm trying to add the easing function to the $.scrollTo part of this block of code. So far all I get is errors, I can achieve easing when function(){ is not tagged onto the end. Thank you in advance

<script type="text/javascript"> 
function scrollToTopB(){	
$.scrollTo('0px', 800, function() {
$("#box1").animate({'width':'500px','height':'1278px'},500, function() {
document.getElementById('main').height="1278";
});
})
}
</script>

Note - I also have these in the head

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.scrollTo.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>

Posted 25-Jun-10 5:47am

Jimtiger

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

TheyCallMeMrJames · Answer 1 · 2010-06-25T06:16:00

To make sure you elements are all created and the script is not running before the page load you should wrap your entire code block in a 'document ready' section.

<script type="text/javascript"> 
$(function(){
 ...your code here
});
</script>

If this doesn't fix it, what are the errors you're getting?

Jimtiger · Answer 2 · 2010-06-25T07:10:00

I'm a little confused. You mentioned I should wrap my entire code block in a 'document ready' section. I also have three similiar blocks of code but with different heights. Do they also get wrapped in the document ready section?
More info - The function scrollTopTopS(){ is what I trigger with my swf using AS2. With your document ready section how does flash trigger the function? Could you give an example.

Here's my current script. Maybe you can spot an error.

<script type="text/javascript"> 
function scrollToTopS(){
$.scrollTo('0px', 800, {easing:'easeOutQuad'}, function() {
$("#flash").animate({'width':'500px','height':'800px'},500, function() {
document.getElementById('main').height="800";
});
})
}
</script>

Forgive my lack of intelligence on the above. This is my third week of jquery and more indepth html use. I mainly use flash timeline & AS2 although I'm trying to broaden my script knowledge.
Many Thanks

Jimtiger · Answer 3 · 2010-06-25T07:28:00

Solution 3

Hello James.
Just to let you know I've got it working with your help.
Many Thanks.

Posted 25-Jun-10 7:28am

Jimtiger

Comments

TheyCallMeMrJames 25-Jun-10 21:43pm

No worries, glad I could help. the idea is that when you work with jQuery you have a little mutual agreement in place: you promise to make sure the DOM is loaded before you call jQuery, and it promises to work as expected across browsers ;o) In re-reading your original code I am seeing that you weren't actually making the call there, just defining a function. In reality, if you don't have anything calling that code until the document is fully loaded, you don't have to worry about things. I'm glad it seemed to point you in the right direction.

jQuery - easing

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0