Getting a randomized link button to target an iframe Options

[bibliovore]

Hello,

I'm trying to make a trivia game. Ideally, I have a main webpage containing a button and, on top of the button, an iframe. Clicking the button sends you to a randomized webpage that would contain a question, without ever having to leave the main webpage.

I'm having two problems with my code so far. (1) The button sends my iframe link to my main webpage (i.e. I click the button and I now have my main webpage, with my main webpage again in the iframe), and (2) the button only seems to work on the first click.

Here's my code, thank you!

CODE

<iframe src="/contact" name="A" width="500" height="250"></iframe>

======

<script>

var sites = [

'/capfriendly',

'/capfriendly',

'/capfriendly'

];

function randomSite() {

var i = parseInt(Math.random() * sites.length);

iframe.src= sites[i];

}

</script>

<a href="#" target="A" onclick="randomSite();">BUTTON</a>

[coothead]

Hi there bibliovore,

and welcome to these forums.


Check out the attachment to see a working example.

 bibliovore.zip ( 2.41k ) Number of downloads: 91

coothead

[coothead]

Hi there bibliovore,

to avoid page repeating on button click use
this revised attachment instead of the first...

 bibliovore_revised.zip ( 2.45k ) Number of downloads: 99

coothead

[bibliovore]

Thank you so much, that's amazing!

I can't figure out how to get it to work in my Weebly website (I'm not particularly knowledgeable in web design), but I think I found a Youtube vid that will help.

Thanks again!