IFrame for IOS in JS

Question

I'm new to IOS Js, i want to add two button to the below iFrame. Then get the click of those buttons. Any help will be appreciated.

                var iframe = document.createElement("IFRAME");
                iframe.setAttribute("src", 'data:text/plain,');
                document.documentElement.appendChild(iframe);
                window.frames[0].window.alert('Please select the area multiplier');
                iframe.parentNode.removeChild(iframe);

If there is any other way to make an iFrame or if i can add a drop down in the iFrame and get the selected item of the drop down. Please let me know

Rhys Bradbury · Answer 1 · 2016-03-09T12:48:35.877

0

When it comes to positioning, general ui widgets have a look at Bootstrap.
W3 have a brilliant tutorial section on bootstrap, you'll be surprised what comes out of the box these days.

Why are you using an iframe?

Heres a few tips which can simplify your code:

var iframe = document.createElement("IFRAME");
             iframe.setAttribute("src", 'data:text/plain,');
             document.documentElement.appendChild(iframe);

If you're using jQuery you could:

var iframe = $('<iframe src="data:text/plain,"></iframe>');
$(document).appendChild(iframe);
iframe.contentWindow.targetFunction().alert('please select the area multiplier');

edited Mar 09 '16 at 12:48

answered Mar 09 '16 at 11:06

Rhys Bradbury

1,699
13
24

Also check out this question (http://stackoverflow.com/questions/251420/invoking-javascript-code-in-an-iframe-from-the-parent-page) – Rhys Bradbury Mar 09 '16 at 12:46
Still no solution mate :( – gurmandeep Mar 09 '16 at 16:01
Please structure your question better, Ive tried to point you in some direction, but this question is not clearly defined at all. – Rhys Bradbury Mar 14 '16 at 14:03
Hey Rhys, i got it figured and worked with other divs and frames. Thanks for your help mate.. – gurmandeep Mar 21 '16 at 05:18
Please post the answer, so we can help others who find this page :) – Rhys Bradbury Mar 23 '16 at 17:54
Sure, Please find the answer below – gurmandeep Mar 28 '16 at 06:18

score 0 · Accepted Answer · answered Mar 28 '16 at 06:19

Well i have used a series of divs

 var mainCan=document.getElementById("cont");
 var mainCategoryDiv;
 mainCategoryDiv && mainCategoryDiv.parentNode.removeChild(mainCategoryDiv);
 mainCategoryDiv = document.createElement("div");
 mainVarS(mainCategoryDiv, "position", "absolute", "left", "0px", "top", "0px", "width", 645 + "px", "height", 700 + "px", "backgroundColor", "rgba(32,32,97,0.6)");
 mainCan.parentNode.appendChild(mainCategoryDiv);

IFrame for IOS in JS

2 Answers2