Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Client-side Scripting _ Getting a randomized link button to target an iframe

Posted by: bibliovore Aug 5 2024, 07:04 PM

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>

Posted by: coothead Aug 6 2024, 04:33 AM

Hi there bibliovore,


and welcome to these forums. IPB Image


Check out the attachment to see a working example.

Attached File  bibliovore.zip ( 2.41k ) Number of downloads: 133




coothead

Posted by: coothead Aug 6 2024, 09:26 AM

Hi there bibliovore,


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

Attached File  bibliovore_revised.zip ( 2.45k ) Number of downloads: 130



coothead

Posted by: bibliovore Aug 6 2024, 07:33 PM

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!

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)