Passing objects in javascript

Question

I want to pass an object in javascript. But i am getting an error javascript:callbackCredits(1,dotsContainer_credits); is undefined

My code is as follows:

var dotSlideCredits = {
    show : 3,                       
    width : 430,  
    functionName : "callbackCredits",       
    title: "title",
    itemId: "#s_credit"
}

var test = {
     data[]
}

$(document).ready(function(){
   dynamicList(dotSlideCredits);
}

 function dynamicList(dotSlide){
            var divItems = "dotsContainer_"+dotSlide.title;
        test.data.push({title: dotSlide.title+[i], callBack:  "javascript:"+dotSlide.functionName+"("+i+","+divItems+");"});
 }


 function callbackCredits(current, container){
    var prev = $("#previousCredit").val();
    slideShow(current, prev, container);       
    $("#previousCredit").attr("value", current);
 }

looking at the code up there i cant find where you set dotSlide.functionName ... that could be a problem ;) — NakedLuchador
– NakedLuchador, Commented Dec 13, 2011 at 10:25
also i am assuming that test.data is a valid array and declared — NakedLuchador
– NakedLuchador, Commented Dec 13, 2011 at 10:32
dotSlide.functionName is present on my code.. I just forgot to put it above... See my revision — newbie
– newbie, Commented Dec 13, 2011 at 10:37
callBack: "javascript:"+dotSlide.functionName+"("+i+","+divItems+");"}) is my code because i have another code that inserts this callback in an <a href> — newbie
– newbie, Commented Dec 13, 2011 at 10:39
see my solution and instead of adding the whole function to your object you could add something like that : function(x,y){ callBackCredits(x,y);} // ... ( make sure to rename the vars ;) ) then leave the function in your code so your href still works :) ... ill edit my solution too :) — NakedLuchador
– NakedLuchador, Commented Dec 13, 2011 at 10:42

NakedLuchador · Accepted Answer · 2011-12-13 10:44:43Z

1

what i would do probably is something like that :

var dotSlideCredits = { 
    show : 3,                        
    width : 430,                         
    itemId: "#s_credit",
    functionName: function(current, container){
      callbackCredits(current,container);
    }
}

function callbackCredits(current, container) { var prev = $("#previousCredit").val();
slideShow(current, prev, container);
$("#previousCredit").attr("value", current); }

and then simply call dotSlide.functionName(i,divItems);

(not tested bout should be something close to that)

edited Dec 13, 2011 at 10:44

answered Dec 13, 2011 at 10:28

NakedLuchador

9916 silver badges14 bronze badges

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

1 Comment

NakedLuchador Over a year ago

i am guessing the problem is the string around "javascript: .... " the code is expecting a function and is getting a string but i am not 100% sure

paulslater19 · Accepted Answer · 2011-12-13 10:29:00Z

1

Are you sure the callBack property isn't a function? It probably should be

E.g.:

test.data.push({
    title: dotSlide.title+[i], 
    callBack: function () {
        dotSlide.functionName(i,divItems);
    }
});

does that make sense?

answered Dec 13, 2011 at 10:29

paulslater19

5,9171 gold badge30 silver badges25 bronze badges

Comments

Álvaro González · Accepted Answer · 2011-12-13 11:20:38Z

0

I think the error message is pretty descriptive. You've added a bogus "javascript:" prefix to your function name. Remove it.

answered Dec 13, 2011 at 11:20

Álvaro González

147k45 gold badges282 silver badges378 bronze badges

Collectives™ on Stack Overflow

Passing objects in javascript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related