JSFiddle - React, Tailwind, and code Playground

by tucado

HTML

<section id="menu">
                <iframe id="button1" src="http://content.captive-portal.com/buttons/w8/mode/demo1/button.html" target="_top" frameset frameborder=0 scrolling="no"></iframe>
                <iframe id="button2" src="http://content.captive-portal.com/buttons/w8/mode/demo1/button.html" target="_top" frameset frameborder=0 scrolling="no"></iframe>
            </section>

CSS

iframe {float:left; width:200px; height:160px; margin:14px;}

JavaScript

/* HOW DO I SET A TARGET FOR AN IFRAME FROM THIS PAGE OR JS FILE. NOT INSIDE THE ACTUAL IFRAME WHICH I CAN'T CONTROL? */




function () {
    $("#button1").on('click', function(){
         window.location = "http://www.google.com/";    
    });
    $("#button2").on('click', function(){
         window.location = "http://www.apple.com/";    
    });    
};