How to find JS function name?

Question

I have implemented on a website a picture gallery that does not allow (it seems) the auto sliding. So at the moment I have to push on a button to see the next picture. My purpose is to catch the function that allows to move to the next picture and to set a timeout to go to the next picture automatically.

How can I get the JS function name using Google Chrome developer tools?

Thank you

UPDATE

This is the Gallery script: http://tympanus.net/Development/ScatteredPolaroidsGallery/ I would like to implement auto sliding on it

Kind of a broad question... Have you tried looking at the element? At the JS code on the page? — Lix, Jun 24 '14 at 08:43
Consider triggering fake click events, as if the user was pressing the button themselves. — Alnitak, Jun 24 '14 at 08:43
@lorenzo83, you may possibly try debugging in the web browser console, press F12 and go to `script` tab, keep an eye on the method call stack — , Jun 24 '14 at 08:51
Possible duplicate: http://stackoverflow.com/questions/7338193/using-chrome-how-to-find-whos-binded-to-an-event — Ionuț G. Stan, Jun 24 '14 at 09:10
The auto sliding it's uncontrollable: if you push the cirlces while is sliding the timeout will change or the sliding can stop — qwerty, Jun 25 '14 at 13:17

Krzysztof Safjanowski · Answer 1 · 2014-06-26T13:16:04.463

1

source for code proposal from: https://github.com/codrops/ScatteredPolaroidsGallery/issues/4

(function() {
    function autoSliding(timeout) {
        var self = this;
        clearTimeout(self.timeOut);
        self.timeOut = setTimeout(function() {
            self._navigate('next');
        }, timeout);
    }

    new Photostack( document.getElementById( 'photostack-1' ), {
        afterShowPhoto: function(context) {
            autoSliding.call(context, 3000)
        },
        afterNavigate: function(context) {
            autoSliding.call(context, 3000)
        }
    });

    new Photostack( document.getElementById( 'photostack-2' ), {
        afterShowPhoto: function(context) {
            autoSliding.call(context, 3000)
        },
        afterNavigate: function(context) {
            autoSliding.call(context, 3000)
        }
    });
}())

edited Jun 26 '14 at 13:16

answered Jun 24 '14 at 10:53

Krzysztof Safjanowski

7,292
3
35
47

please, provide proof on jsfiddle - as I have tested it on Photostack – Krzysztof Safjanowski Jun 24 '14 at 13:29
Strange – the same version but code is different from https://github.com/codrops/ScatteredPolaroidsGallery – Krzysztof Safjanowski Jun 24 '14 at 14:36
I've changed the script and it works (I have used only a part of the code to avoid auto start!). Anyway the auto sliding it's uncontrollable: if you push the cirlces while is sliding the timeout will change. Ideas? – qwerty Jun 25 '14 at 12:53
I've edited code to make autosliding more predictable. I also added IFEE to avoid global scope polluting with helper variable and method – Krzysztof Safjanowski Jun 25 '14 at 14:15
I can't make it work...I've tried with 2 galleries, if you start both and then you push randomly on the circles galleries stop. – qwerty Jun 25 '14 at 20:19
One more edition and proof of concept: http://safjanowski.pl/stackoverflow/scattered/ – Krzysztof Safjanowski Jun 26 '14 at 13:05
It is not working, after pushing circles it stops (also on your proof) – qwerty Jun 27 '14 at 22:46

score 0 · Answer 2 · answered Jun 24 '14 at 09:43

0

This should do the work

$('.navigate-next').click();

Or for auto scroll

setInterval(function(){$('.navigate-next').click();},1000);

Change 1000 for whatever you wish

answered Jun 24 '14 at 09:43

Moti Korets

3,738
2
26
35

score -1 · Answer 3 · answered Jun 24 '14 at 08:51

-1

If you are allowed to use jquery in your code, then, you can use $._data() method.

syntax is $._data($("selector of the element")[0], "events")

This will return an Object of all events bounded to that element. Then get the click event and call the handler attribute of the click event.

answered Jun 24 '14 at 08:51

Bharath

519
4
7

No, this'll only return the events that _were bound with jQuery_. If the slider used some other API then `$._data()` will be useless. – Alnitak Jun 24 '14 at 08:57
Yes if they use other libraries this will be useless, thats why i mentioned that "if you are allowed to use jquery in your code" – Bharath Jun 24 '14 at 09:00
If he can use jQuery he'd be far better off with `$('#button').trigger('click')` than futzing about with the internals of jQuery's list of bound event handlers, and the above `.trigger` call would work even if the slider used some other API. – Alnitak Jun 24 '14 at 09:04

How to find JS function name?

3 Answers3