jQuery parse object to a secondary function

Question

I am trying to parse $(this) to a function called by another function but without much luck. Essentially my question is; is it possible and if so, how?

Code is as follows:

Initial Call

$('.playform').on('click', playForm);

Primary Function

function playForm(e){
    ...snip...
TweenLite.to($('.video'), 1, {css:{'height':win.h+'px'}, ease:Power4.easeInOut, onComplete:showForm});
    ...snip...
}

Secondary Function

function showForm{
   $('.video #youtube').append('<iframe class="show-form" src="'+$('.playform').attr('href')+'"></iframe>');
}

As I am going to be using more than one form, I wanted to automate this process but I cant seem to

Things I have tried so far but to no avail

Declared $(this) as a variable
Tried to give the functions parameters

What do you mean by "parse" ?

Mohammed Joraid
– Mohammed Joraid

2014-02-12 02:05:38 +00:00
Commented Feb 12, 2014 at 2:05 — Mohammed Joraid
– Mohammed Joraid, Commented Feb 12, 2014 at 2:05
He probably means "to pass a variable to another function"

Tim Vermaelen
– Tim Vermaelen

2014-02-12 02:21:50 +00:00
Commented Feb 12, 2014 at 2:21 — Tim Vermaelen
– Tim Vermaelen, Commented Feb 12, 2014 at 2:21

VIDesignz · Accepted Answer · 2014-02-12 02:29:35Z

1

Step 1

$('.playform').on('click', function(){
    var whichVid = $(this);
    playForm(whichVid);
});

Step 2

function playForm(e){
    TweenLite.to($('.video'), 1, {css:{'height':win.h+'px'}, ease:Power4.easeInOut, onComplete:showForm(e)});

}

Step 3

function showForm(e){
 $('.video #youtube').append('<iframe class="show-form" src="'+e.attr('href')+'"></iframe>');
}

Alternatively you could establish a global variable before step 1 and then set the value on the click event like

var window.whichVid = '';

$('.playform').on('click', function(){
    window.whichVid = $(this);
    playForm();
});

function playForm(){
    TweenLite.to($('.video'), 1, {css:{'height':win.h+'px'}, ease:Power4.easeInOut, onComplete:showForm()});

}

function showForm(){
 var thisVid = whichVid.attr('href');
 $('.video #youtube').append('<iframe class="show-form" src="'+ thisVid +'"></iframe>');
}

edited Feb 12, 2014 at 2:29

answered Feb 12, 2014 at 2:21

VIDesignz

4,8133 gold badges30 silver badges38 bronze badges

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

3 Comments

VIDesignz Over a year ago

@TimVermaelen That's what I thought but I ignored my instincts x)

Tim Vermaelen Over a year ago

deleted my comment since you changed it, just mentioning ... :) also .prop('href') is more correct ^^ and another thing, since e is usually used as an event it becomes misleading since you are using e for this

Joshua Over a year ago

thanks heaps. the first option was the one that I got to work. @VIDesignz

whale_steward · Accepted Answer · 2014-02-12 02:29:20Z

0

you could put it like this (not tested) :

(function($){
    var global_this;

    function palyform(e){
        global_this = $(this)
        ...
    }

    function showform(e){
        // do shomething with global_this
        ...
    }

    $('.playform').on('click', playForm);
}(jQuery);

answered Feb 12, 2014 at 2:29

whale_steward

2,2882 gold badges26 silver badges40 bronze badges

Collectives™ on Stack Overflow

jQuery parse object to a secondary function

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related