Update iframe clicking button jquery and array

Question

I have setup an iframe on my page and would like it to update when clicking on a next button.

I have an array of urls which I want to be called when the next button is clicked.

The next button should load the next url in the iframe.

I am stuck at how do i always call the next index position each time i click the next button?

If my answer below has helped you, please be sure to click the checkmark to the left of it so it's green, marking it as the answer. — Adam Terlson
– Adam Terlson, Commented Sep 16, 2011 at 15:28

Adam Terlson · Accepted Answer · 2011-09-16 14:59:21Z

1

var pos = 0;
var urlArray = [...]; //Put your array of URLs here
$('#next').click(function() {
    if (pos == urlArray.length)
        pos = -1; //Reset it back to the beginning so it'll loop and not throw an exception.
    $('#youriframe').attr('src', urlArray[++pos]); //note the pre increment (++)
});

answered Sep 16, 2011 at 14:59

Adam Terlson

12.7k4 gold badges46 silver badges63 bronze badges

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

1 Comment

J P Over a year ago

This solution worked well for me. I'm now adding to the if statement so that the position decrements when clicking on previous.

Collectives™ on Stack Overflow

Update iframe clicking button jquery and array

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related