function that has parameters in javascript/jquery won't work

Question

I have values in my function but it says it isn't defined.

This is my code:

<img onload="getFullnameDetails(263,225)" src="'+getBaseURL()+'js/check/no-image.png" rel="fullname" />

function getFullnameDetails(mainHeight,upperstyle){
setTimeout("fullnameCenter(mainHeight,upperstyle)",2000);
}

function fullnameCenter(mainHeight,upperstyle){
    var distOfMainAndUpper = 38;
    var mainHalfHeight = 131.5;
    var imageHeight = jQuery("img[rel='fullname']").height(); //there is a delay
    var imageHalfHeight = imageHeight/2;
    var fromImageTopToMainHalf = mainHalfHeight - imageHeight;
    var position = imageHalfHeight+fromImageTopToMainHalf-distOfMainAndUpper;
    jQuery(".test1").css("bottom",position+"px");
}

It says here that mainHeight is not defined. Why is this happening. This happens on this line: setTimeout("fullnameCenter(mainHeight,upperstyle)",2000);

Thanks in advance ;)

Andre Pena · Accepted Answer · 2011-08-08 01:29:27Z

2

Try this

function getFullnameDetails(mainHeight,upperstyle){
    setTimeout(function() {fullnameCenter(mainHeight,upperstyle);},2000);
}

answered Aug 8, 2011 at 1:29

Andre Pena

59.7k53 gold badges213 silver badges257 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dennis · Accepted Answer · 2011-08-08 01:33:19Z

1

When you set a timeout, it runs in the global scope so mainHeight and upperstyle are no longer in scope. You are better off using an anonymous function and providing the parameters:

setTimeout(function() {
    fullnameCenter(mainHeight,upperstyle);
}, 2000);

answered Aug 8, 2011 at 1:33

Dennis

32.7k12 gold badges66 silver badges79 bronze badges

Comments

ygaradon · Accepted Answer · 2011-08-08 01:34:41Z

0

  var imageHeight = jQuery("img[rel='fullname']").height(); //there is a delay

you get the jquery image object and it not work! and let me tel you a secret you don't need the delay try this:

var imageHeight = jQuery("img[rel='fullname']")[0].height;

you see that i added the "[0]" after the jquery selector it will return the html image element and not the image jquery object.

answered Aug 8, 2011 at 1:34

ygaradon

2,2983 gold badges22 silver badges27 bronze badges

Collectives™ on Stack Overflow

function that has parameters in javascript/jquery won't work

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related