FAQ Database Discussion Community


Html using # for iframe paths

javascript,jquery,html,angularjs,iframe
I have an angular app with routing where different paths look like example.com/#/route1, example.com/#/route2, etc. When using links within the same page, it does not cause a reload of the page. I intend to support multiple apps like this by allowing them to run inside an iframe while I handle...

Edit Sagepay inframe CSS

css,iframe,sagepay
I'm currently using the Sagepay inframe on a few sites. The problem is that the inframe is not responsive and I would like to make it as responsive as possible considering it's in a iframe. Is there a way to change the template or edit the template with my own...

Update iframe src attribute dynamically with JavaScript

javascript,html,iframe
I'm trying to update an iframe on a page using JavaScript, but it's not working. This example seems pretty straightforward, but the page is not loading the iframe with the new page once I click the button. I'm doing this all locally. <html> <body> <script> function changeIframeSrc() { document.getElementById('myFrame').src =...

Removing X-Frame-Options being added automatically only in Login page

c#,asp.net,asp.net-mvc,iis,iframe
I am developing an ASP.NET MVC application which needs to be loaded inside an iframe in another website. But the login page just won't appear inside the iframe because an Header is being sent in the response X-Frame-Options which is set to SAMEORIGIN. Browser is not displaying the page in...

How can I make two iframes fit the width of the page?

html,css,iframe,width
My issue is that I have two iframes on the page, one for a persistent side menu and one for main body content. I want the side menu to take up roughly 12% of the screen (just personal choice) and then the content to fit the rest of the page...

using an iframe within a

html,iframe
Is it possible to put an iframe within a form like this? I have tried the following but it does not work: <form action = "etc"> <iframe> <input type="text" name="text1">Input<br> <input type="text" name="text1">Input<br> <input type="text" name="text1">Input<br> <input type="text" name="text1">Input<br> </iframe> <input type="submit"> </form> But I suspect this is not the...

Remove focus from Iframe on page load

javascript,jquery,iframe
I have an Iframe embedded like this: <iframe id="foo" src="http://www.something.com" style="width: 90%; height: 300px"></iframe> Each time the page loads focus gets lost from the top of the page and switches to this Iframe that is in the footer.I was wondering how can i remove the focus from this and make...

selection menu for iframe src using javascript

javascript,html,iframe,selection,src
I found out how to use javascript to change the iframe src, but when I made a selection menu that allows you to choose the url to load in, it only loads the first option in the menu, even when you select a different url. I got it to work...

Div Height is 0px on a Responsive Iframe

html,css,iframe
Just stuck on the issue below where I have a responsive iframe on a page that also requires content to appear beneath the iframe, however the container thats wrapping the iframe has a height of 0px. I've tried clear:both & overflow:auto/hidden at various positions however neither appear to work, nor...

Detect iframe dynamically using jQuery?

javascript,jquery,iframe
Inorder to check if an iFrame is currently open you can use: if (window!=window.top) { /* I'm in a frame! */ } But what if I want to get an alert when an iFrame opens? How can I allow JS to automatically detect an iFrame has been opened on the...

styles css in embeded souncloud player

css,iframe,styles,embed,soundcloud
I am trying to make a small site I use embed code to display soundcloud music in webpage. however, I want to remove the orange button play and the player down my iframe . I am researching I found that I could do it with css, just hidden buttons ....

Moving through mutiple iFrames using XPath & C#

c#,html,iframe,xpath,selenium-webdriver
I need to get a data element out of a table, which is nested within two iframes. The frames appear as: <iframe id="appContent" frameborder="0" name="appContentFrame" src="/controller.aspx" style="height: 0px; width: 1319px;"> //.... <iframe id="childFrame" frameborder="0" src="javascript:"";" onload="AjaxDocument.registerFrames('childFrame');" name="childFrame"> I am trying to select both of the frames by using: driver.SwitchTo().Frame("appContent"); driver.SwitchTo().Frame("childFrame");...

Which Refer will be send in this example? (Webbrowser Html) [duplicate]

html,iframe
This question already has an answer here: javascript iframe link referrer 3 answers Lets assume i have a page with a iframe. The page is www.something.de and the iframe contains another page. <iframe scrolling="no" style="border: 0; width: 250px; height: 250px;"src="//otherurl.com/something.php"></iframe> <a href="//www.thirdpage.de" target="_blank" class="headline">A</a> the iframed page has a...

Deep nested iFrames inside jQuery UI tabs stay hidden in Internet Explorer

jquery,css,user-interface,iframe
I've got a web application that uses iframes to load various panels into view. At times, there are jQuery UI tabs in use to bring panels to the forefront while hiding others that are not in use. In this specific instance, one of the iframes contains jQuery UI tabs, which...

Yii1 - HtmlPurifier removes allowfullscreen attribute

php,regex,iframe,yii,htmlpurifier
I am using below configuration to clean the input from user in my Yii project using its inbuilt support for HtmlPurifier array( 'URI.AllowedSchemes' => array( 'http' => true, 'https' => true, ), "HTML.SafeEmbed" => true, 'HTML.TargetBlank' => true, "HTML.SafeIframe" => true, "Filter.YouTube" => true, 'URI.SafeIframeRegexp' => '%^(https?:)?//(www\.youtube(?:-nocookie)?\.com/embed/|player\.vimeo\.com/video/)%' ), Example:- <iframe...

Using JS variable in Html

javascript,html,iframe
I need to access a javascript variable inside a html iFrame. Below I will mention the code which I have implemented so far. <script type="text/javascript"> var sessionState = '<%=statusCookie%>' console.log("======JS sessionState=========="+sessionState); </script> <iframe id="rpIFrame" src="http://localhost:8080/playground/rpIFrame.jsp?session="+sessionState> </iframe> Here the console log prints the sessionState value correctly. But once I append it...

Why Google Tag Manager puts both display:none AND visibility:hidden on iframe?

html,css,iframe,google-tag-manager
If you take a look at the <noscript> part of the Google Tag Manager embed code, you'll notice something like: <noscript><iframe style="display:none;visibility:hidden" src="//www.googletagmanager.com/..." height="0" width="0"></iframe></noscript> I can understand why style="display:none" would be important (it will hide the element such that it takes up zero space in the layout and yet...

Live Preview Iframe

javascript,node.js,mongodb,iframe
I am building a site in node.js that allows users to have a custom page that can be edited in a dashboard. I would like this dashboard to have a live preview (similar to the way Shopify does it) in an iframe, where every time the user makes changes, the...

Limiting a Web Worker's resources and permissions

javascript,html5,security,iframe,web-worker
I am creating a web platform that will host third party applications. In order to make that secure, I need foreign scripts to run in isolated environments. In HTML5, that came down to 2 options: Iframes Web Workers They can both prevent access to the main thread* and DOM, but...

No full screen button on Youtube player embed on iframe

iframe,youtube
i use an iframe to embed code where there is a youtube player and some html but the problem is that the full screen button is not present on the youtube player. Iframe used : http://jsfiddle.net/94150148/8rmbv7mk/ <iframe src="http://www.webvideoproduction.fr/v/vga/230415y.html" width="523" height="880" style="border-width: 0; overflow: hidden; width: 100%;"></iframe> Do you have a...

Unable to pass responsive css to page which calls in Iframe tag in other responsive page

html,css,iframe,responsive-design
I have designed a responsive page that includes a pagination block through an iframe tag but the responsive CSS is not applying for the iframe block and its content. I have passed the CSS from main page to the iframe page, but it not applying responsive CSS....

iframe just before unload event

javascript,jquery,html,iframe
I need to capture an event which should be triggered just before the content of the iframe disappears. I have been trying to accomplish something like this $iframe = $('iframe'); $iframe.beforeunload(function () { debugger; }); OR $iframe = $('iframe'); $iframe.unload(function () { debugger; }); I have even tried binding it...

Embed D3.js with iframe

javascript,html,iframe,d3.js
I'm trying to create an iframe from JavaScript and embed D3 with in the iframe.like this var iDiv = document.createElement('div'); iDiv.id = 'block'; document.getElementsByTagName('body')[0].appendChild(iDiv); var target = document.getElementById("pp12"); var container=d3.select("#block").append("svg") .attr("width", 200) .attr("height", 200) .style("border", "1px solid black"); var iframe = document.createElement('iframe'); iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(iDiv); document.body.appendChild(iframe);...

Comet streaming: XHR streaming and Forever iFrame still possible in 2015?

iframe,xmlhttprequest,streaming,comet
I know I should probably use WebSockets or Server-Side Events, but what happened to the Comet Streaming techniques that involved writing chunked data from a server to either an iFrame or as a response to a xmlHttpRequest? I have stumbled upon multiple demos but none of them work as intended...

Cross-Domain iFrame Tracking with Google Analytics

html,ruby-on-rails,ruby-on-rails-3,iframe,google-analytics
I have a site (rails 3.2) that displays 3rd party news articles within an iframe. One page contains one iframe. I have Google Analytics setup. For this I use segment.io. The tracking script is in the head section of the container page. We have no affiliation with the 3rd party...

How can I resize my iframe keeping the ratio?

css,iframe,youtube
I tried resizing an iframe on my webpage but only the width becomes larger. The CSS I added is: iframe { min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%; } But this only resizes the width. How can I resize also the height to maintain the propertion of the youtube...

Hide iframe if src is http:// without link

javascript,jquery,html,iframe
I need to hide the iframe if the src is "http://". What I tried to do: <script type="text/javascript"> if ( $('iframe[src][src="http://"]') ) document.getElementById('iframe').style.display='none'; else document.getElementById('iframe').style.display='block'; </script> and html <iframe id="iframe" src="url" ></iframe> ...

dynamic variables in an iframe

javascript,html5,iframe,geolocation
I am trying to use HTML5 geocoding to pass dynamic lat and long into an iframe. This is as far as I can get. I can't quite get the lat and lon to work into the iframe src. How do I pass the variables into the iframe properly? <!DOCTYPE html>...

refresh iframe from a .php in a separate iframe

javascript,php,iframe
I have a page that is built with 7 different iframes: <iframe id="leftframe" src="structure/leftbar.php"></iframe> <iframe id="headerframe" src="structure/header.php"></iframe> <iframe id="menuframe" src="structure/menu.php"></iframe> <iframe id="timerframe" src="structure/times.php"></iframe> <iframe id="settingsframe"></iframe> <iframe id="contentframe" name="contentframe"></iframe> <iframe id="chatframe" src="chat/index.php"></iframe> I have...

sublime-scroll plugin is not scrolling as expected (iframe event catching issue)

javascript,jquery,iframe,javascript-events
I want to read mouse position from an iframe. I am doing it with this implementation: $($("#sublime-scroll-iframe").contents()[0], window).find('body').bind("mousedown", function(e) { console.log("x:" + (e.pageX) + ", y:" + e.pageY); } ); My working example: http://jsfiddle.net/s37e1ro0/1/ but I can't make it to work with demux's sublime-scroll js script. Output is window coordinates...

Can I set a style conditional on window size?

javascript,html,css,iframe,less
I've set a style for an iframe that is a youtube video: iframe { width: 450px !important; height: 253px !important; } But if the window is resized to small size, then the left margin disappears and there is room for the original size of the iframe. Is it possible to...

Local URL is added

php,iframe,echo,soundcloud
So, I'm trying to do this to echo all my Soundcloud tracks stored in my database (by URL). When the last echo is called, the URL is: /End/public/https://api.soundcloud.com/tracks/121291880&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_rep I don't want the "/End/public/". Why is this happening? In the first echo (echo $musicArray[0]['url'];), the URL is correct (without /End/public). End...

How does this site hide the iframe scrollbar?

html,css,iframe,scrollbar
I'm trying to reproduce how this mobile emulator site renders a page in an iframe without scrollbars. I've tried copying all the CSS for the iframe and .frame-scroller containers, but no luck. I'm viewing on OSX Chrome. Can anybody explain how these guys are doing it, or suggest a CSS-only...

Selenium WebDriver: unable to locate element inside iframe using TinyMCE editor

java,selenium,iframe,selenium-webdriver
Maybe my question is similar to this Selenium WebDriver NoSuchElementException: Unable to locate element however I still can't find required element. The element itself looks: body id="tinymce" class="mceContentBody" contenteditable="true" onload="window.parent.tinyMCE.get('compose_295_composeEditor').onLoad.dispatch();" dir="ltr" style="overflow: auto;"> the iframe containing this element is: body id="tinymce" class="mceContentBody" contenteditable="true"...

Dynamically Adding HTML into an iFrame - Javascript

javascript,jquery,html,iframe
I'm attempting to dynamically create an iFrame and add HTML into it from the current document. The iFrame gets created successfully, but when the function gets to the point where it needs to add the HTML in, it doesn't do it. Here's my code: function createiFrame(min, max, key) { console.log("Max-Width",...

Changing the global scope in JS

javascript,iframe,window
Say i have an Iframe running inside of a parent window. I have a single script loaded inside the Iframe and I want that script to have access to the variables inside of its parent. Rather than saying window.parent.X all the time, is it possible to just declare: window= window.parent;...

Integrating iframe like a div with scroll

html,css,iframe
Firstly here's the fiddle I am trying to integrate a iframe like a div, I know how do this if this was a normal iframe but this iframe has a slider inside it. As a result there are two scroll bars appearing on the right side. HTML code: <div class="container">...

How to prevent iFrame actions from causing outer page to scroll to it

javascript,iframe,browser,scroll
First, I know there are many questions about this phenomenon but none of the workarounds given so far would help in the situation I have here. Environment: My code is in the Outer iFrame inside a page I don't control. It's sized to fit all my content so no scrolling...

Hide top of content from external source in iframe?

html,css,iframe
I have som html that looks something like this... html <div class="container"> <div class="left-col"> </div> <div class="right-col"> <iframe src="external-site" border="0" scroll="no"> </div> </div> css: .container {overflow:hidden;} .right-col iframe {margin-top:-100px;} I wanted to hide the 100 first top pixels of external site that is shown in the iframe. It seems to...

Prevent parent page from scrolling when mouse is over embedded iframe

css,html5,iframe,scroll,mousewheel
...without limiting the scroll inside the iframe or the need to specifically name the scrollable elements. I have a google-map-like widget that can be embedded in 3rd party websites in the form of an iframe embed code. When people use mouse wheel over my widget I want only the content...

How can I open a newWindow with whatever is in src?

javascript,jquery,html,iframe
I have an iFrame where I am pushing some html files. But when the iFrame is loaded I show a button which on click I want to open that html from src in a new window. So my code looks like this: <div class="btn"></div> <div class="player-container"> <div class='page-title'></div> <iframe id="iframe"...

Getting selected text inside any iframe on page

javascript,iframe
I'm trying to use pure Javascript (no jQuery) to loop through each iframe on a page, then check to see if any of the iframes contain highlighted (selected) text. Then display an alert showing the highlighted text. The kicker is... the ID's of the iframes will not be known ahead...

iFrame doesn't scroll when using tab key on Chrome

javascript,jquery,html,css,iframe
I have a web application which is embedded inside an iFrame. For one of our HTML page we have lots of textboxes, and the content is quite big, so that one has to scroll down to navigate through the content. When we navigate through the textboxes by using the tab...

Why the height of iframe in percentage is not working in my case?

html,css,iframe
I have a page which is 100% of the browser height. The page has 3 iframe: id_iframe_top, id_iframe_middle_left and id_iframe_middle_right. id_iframe_top is on top and has a width of 100%. id_iframe_middle_left and id_iframe_middle_right are side by side; id_iframe_middle_left has a width of 30% and id_iframe_middle_right has a width of 70%....

Javascript - Change iframe src with switch

javascript,html,iframe
I've been struggling with this for two days now. I've been asked to build a sort of log in page. It doesn't have to provide any actual security, it's purpose is just to direct people to different sites based on the code they enter. I've got the switch working and...

Use in iframe (1) to load page into iframe (2)

html,iframe
I am setting up an iframe styled page. I have iframes for each piece of my page (header, menu, sidebar, content, etc). My menu iframe had links in it; <ul id="workMenuItems" style="display:none"> <li><a target="contentframe" href="work/courier.php" id="hrefcourier">Courier</a></li> <li><a target="contentframe" href="work/scout.php" id="hrefscout">Scout</a></li> <li><a target="contentframe" href="work/hunt.php" id="hrefhunt">Bounty Hunt</a></li> <li><a...

Export HTML table from an iframe to CSV

javascript,jquery,html,table,iframe
I'm trying to look for a script (with no progess) that could export an HTML table that I am able to get from an iframe. The table is inside the iframe and I can get and display its contents on my parent document. <script type="text/javascript"> function myFunction() { var myIFrame...

How to loop iframes using jquery?

jquery,loops,iframe,settimeout,setinterval
I have two iframes. When the page loads, iframe1 gets loaded after 8 seconds, and I need to show iframe2 replacing iframe1 on an indefinite loop. I tried the following code and set the timeout as 8 seconds and 10 seconds, but iframe1 changes within 2 seconds. function preview() {...

iframe cutting off at bottom of page

javascript,html,css,iframe
I have a page with an iframe that displays an image and comments. I don't want anyone to be required to click in the iframe and scroll to see all the content. I've set the height of the iframe to 2500px in hopes that I would only have to scroll...

Please help me: modify iframe content

php,jquery,iframe,self-modifying
I want to modify iframe of this source http://www.mtel.ba/imenik/index.php I want to hide and choose one selected default value from list. <div class="menu-list"> <select name="administrative_unit_id"> <option value="" selected="selected">Svi gradovi</option> <option value='262'>Banja Luka (051)</option><option value='301'>Bijeljina (055)</option> I want to made phone book for one city. is it possible? and how? I...

Braintree Hosted Fields Example

iframe,braintree,pci-compliance
I am trying to get my head round the Hosted Fields framework of Braintree. It has been released just a few days ago and is still in beta. I looked at the docs. I'm getting the overall idea but it would be nice to have some sort of small working...

Scrolling a parent document from within an iframe

javascript,html,iframe
I have two documents like this: http://mydomain/nsobd.html <html> <body> <p name="parentElem" id="parentElem">No sign of Big Dave</p> <iframe src="http://subdomain.mydomain/nsobd2.html"></iframe> </body> </html> http://subdomain.mydomain/nsobd2.html <html> <body> <a href="???" id="childLink">No sign of Big Dave</a> </body> </html> What I want, is when someone clicks the childLink in the iframe, the parentElem scrolls into view. I...

using php and mysql to display a specific URL in iFrame V2

php,mysql,iframe
I´m new to SQL and PHP, and need assistance for below problem. i have an SQL database, with , for example, "username, password, nationality, class", what i want to do is, a simple PHP or SQL query that will check the user's class field from database and display corresponding URL...

IFRAME won't display 100% height in IE8, but fine in IE11 and Firefox

html,css,internet-explorer,iframe,internet-explorer-8
I have a HTML page with an iframe in a div. The iframe height should be 100% of the available window height. This displays as expected in IE11 and Firefox, but in IE8 the iframe remains at a fixed size, regardless of the window size or the iframe content. When...

IFrame Resizable, but not Draggable with JQuery

javascript,jquery,html,iframe
I have an iframe displaying "iframetarget.html" (for now just a blank red page for testing purposes). I want to be able to resize it, as well as drag it around without constraint. I used JQuery to make it resizable, and this worked. Then, I added .draggable, and it fails to...

How to leave a button clicked while navigating in a site

javascript,jquery,html,css,iframe
I have 3 buttons linked to an iframe below them, when I clicked them they change the iframe content to a google map. I want the button to stay on clicked state (selected) while I see the selected map in the iframe, how can I achieve that? #container { width:...

CKEditor loses content when removed from DOM and added again

iframe,ckeditor
Context CKEditor is a rich text editor that uses an iframe with an editable body. I have a situation where I need to temporarily remove an element containing a CKEditor instance from my page, then add it back some arbitrary amount of time later. Problem Unfortunately, this seems to cause...

iframe-resizer: cannot disable autoResize

javascript,iframe,iframe-resizer
I'm using https://github.com/davidjbradshaw/iframe-resizer and I want to disable iFrame height auto-resize. I added autoResize:false, but it doesn't work: when I resize window width, iFrame height changes. This is my code: <iframe id="myIFrame" frameborder="0" height="940" scrolling="no" width="100%" src="http://example.com"></iframe> <script type="text/javascript" src="js/iframeResizer.js"></script> <script>iFrameResize({log:true, autoResize: false},'#myIFrame');</script> What am I doing wrong? Thanks...

HTML Auto Height Adjust [closed]

html,iframe
Beginner here and could use a little help. I need to have my HTML document to auto adjust to the height of the page given. Here is what I have written so far. <marquee height="900px" Width="791px" style="border:none" behavior="scroll" direction="up" scrollamount="3"> <iframe src="http://www.icclos.net/signage/SignageRoomScheduleFormatted.htm" style="border:none" height="2400" width="791" scrolling="no" border="no"/> </marquee> Please advise...

jQuery mobile - generating html dynamically not working with iframe

jquery,html,jquery-mobile,iframe,overlay
First things first here is my js $(document).ready(function(){ $('<a>Launch</a>').attr({'href':'#popupBasic','data-rel':'popup','data-transition':'pop','class':'ui-btn ui-corner-all ui-shadow ui-btn-inline'}).appendTo('body') $("<div></div>").attr({'data-role':'popup', 'id':'popupBasic'}).appendTo('body') $('#popupBasic').html('<iframe src="http://www.example.org"></iframe>') }); Through testing I have narrowed the problem down to the iframe. For whatever reason when I use jQuery to create the...

AngularJS module split among iFrames within single page

javascript,html,angularjs,iframe
I have a webapp with 1 module, 5 pages and 5 controllers. Each HTML page declare the same ng-app. The pages are loaded within widgets in a web portal; that is, each page is loaded within an iFrame in the portal. The 5 controllers use the same service, but because...

How to invoke a function in iframe using JS?

javascript,html,iframe
How to invoke a function in iframe using JS or how to even target the iframe? I've tried using document.getElementByID("myIframe"), but it didn't seem to work. Below is a basic form of the HTML: <html> <head> <script> function runFunction() { var win = document.getElementByID("myIframe"); } </script> </head> <body onload="runFunction()"> <iframe...

Is it possible to have CSP only apply to the parent frame, not any iframes?

html,iframe,sandbox,content-security-policy
If I have a webpage with CSP set to: default-src 'self'; img-src * Or similar, and I have an iframe like such: some legal content <iframe sandbox="allow-scripts" srcdoc="&lt;script>alert('arbitrary code')&lt;/script>"></iframe> Is it possible to allow the code in the iframe to disobey the parent frame's CSP and allow inline scripts/styles, content...

Modal Dialog JQuery IE 9-11 Print Issue

javascript,jquery,iframe,printing,modal-dialog
I am trying to convert a large old IE 8 system to current browsers. Once of the issues I am fixing is the showModalDialog, due to it not working on Chrome since 37 and becoming more obsolete. The method that I am using is: http://extremedev.blogspot.co.uk/2011/03/windowshowmodaldialog-cross-browser-new.html $.showCustomModal = function(options) { var...

Unsure if website has been hacked with iframe

javascript,html,security,iframe
My website seems to be loading code which doesn't actually exist on my server. I know the problem is server-side because I've tested with other computers... The code seems to load a header and then put's my real website inside an iframe, strangely there are no ads or redirects which...

Changing class based on iframe src

javascript,jquery,html,css,iframe
So I have this menu: <div class="default"><a href="/link/link1.html" target="change_frame">Text 1</a></div> <div class="default"><a href="/link/link2.html" target="change_frame">Text 2</a></div> <div class="default"><a href="/link/link3.html" target="change_frame">Text 3</a></div> And this iFrame: <iframe src="splash.html" id="change_frame" name="change_frame" style="border-width:0;" width="100%" height="100%" frameborder="0"...

Refresh a Servlet by another Servlet

java,servlets,iframe,refresh
I have to create a little webshop for a school-project, but entered in to a problem during the process by updating/refreshing the Servlets. Description: I created an index.html file which includes two servlets via iframes, the left side for Navigation-Servlet and on the right the Controller-Servlet does something to show...

Change content iframe youtube

jquery,iframe
I want to hide right menu of youtube player with jQuery $('iframe').contents().find Here is jsfiddle but it doesn't work How to change <ul class="html5-context-menu yt-uix-button-menu" with style z-index:10...

How can i adjust my iframe [duplicate]

javascript,jquery,html,css,iframe
This question already has an answer here: Auto-Fit iFrame Height 2 answers I'm trying to adjust my iframe with one scrollbar and auto height the iframe but i dont know how. How can i do that?. The code is here <style type="text/css"> html { height: 100%; } body {...

Iframe not passing url parameters

html,variables,url,iframe,parameters
I am loading a web page inside an iframe. If I load the page without the iframe I using the same url it works as expected. However if the iframe loads the url it doesn't work. I have tried googling it and all I can seem to find is how...

“Referer” header is missing when user clicks on a link from inside an iframe that overrides a newtab in Chrome

iframe,google-chrome-extension,http-headers,http-referer
Question Is it an expected behavior of a browser acting like that? Related Chromium bug https://code.google.com/p/chromium/issues/detail?id=492761 Steps create an empty extension for Chrome put a newtab override into manifest.json: "chrome_url_overrides": {"newtab": "newtab.html"} create newtab.html (chrome-extension://<extension_id>/newtab.html), create an iframe and load some page into it, e.g. https://<some_page>.com/ put a link to...

Chrome Dev Tools console - select frame programatically

javascript,google-chrome,iframe,console,google-chrome-devtools
Using the Chrome Dev Tools console, I'm trying to select an element inside an iframe on the page. Is there a way to do this programatically without having to select the frame in the frames dropdown in order to set the console context to that frame first? Assuming the target...

Resizing HTML widget in Jive

javascript,iframe,jive
In JiveX I have a HTML widget that uses javascript to check to see if the logged in user is a member of a permission group. This causes the widget to render in an iframe. The JS conditionally hides / shows content but this happens after the iframe has rendered...

enable & disable input

javascript,jquery,iframe
I have a button that its disabled. But I need that when I click on my iFrame turns enabled and refresh the web page. This is my button: <input class="" id="deshacer" type="button" value="Deshacer cambios" disabled/> I try with this, but doesn't works: $("#probando").on('click', function () { $("#deshacer").attr("disable", false); }); This...

Access jQuery from iframe with another domain

jquery,iframe,cors
Okay, I have a big problem today. I've just created a site with an iframe with src="somedomain.com/somepage.html", but I don't know the way to access the jQuery, which the somepage.html includes. I know of CORS, but I can also run functions in iframe with parent page. So is there any...

Access DOM elements data document->Iframe ->Iframe->method chrome extension

javascript,google-chrome,iframe,google-chrome-extension
I'm trying to access some data from an iframe nested within an iframe, from developers console: Object.keys(document.getElementById("contentBody"). contentDocument.getElementById('rawContent'). contentDocument.defaultView.window.messages) ["29c736c0ed25463c8436f4990ab6c6ec.zip", "235819a8cf11488e83f0336603b71711.zip", "66c9260590834d9698568c8a676ef406.zip", "fae95e31cb424cd6ad21302217ef2cdc.zip", "f554f712141047aa9aa24f765073e305.zip", "e5c41819578240e0868f43ab6301aeb3.zip"] That's what I expect back, but I've tried to get that...

Title attribute tooltips and iframes

html,css3,iframe
I would like to know if you can stylise a title attribute while keeping its' native ability to break the borders of an iframe.

Dynamic youtube iframe in javascript and jQuery

javascript,jquery,iframe,youtube-api,youtube-api-v3
I'm going crazy, trying to fix this and it wont work the way I want it to work,ahhh I feel like a child :/ var videoID; var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); videoID = sessionStorage.getItem("key"); var onYouTubeIframeAPIReady = function(){ player = new YT.Player('player',...

How to run a javascript function onload?

javascript,jquery,html,iframe
http://8animetv.co.vu/ Basically my problem is that when I open a post link on its own it just loads an ugly site. What this site does is that it loads the video posts to the right in a list and when you click on the video title it loads the post...

Change a value with a drop down list

javascript,jquery,html,iframe
I have an iFrame that I need to change just one parts of the elements value iframe src="http://www.twitch.tv/USERNAME"/ So the idea is that the user will select a name from a dropdown list and that will change the iFrame USERNAME to the correct user name: So: Steve is selected in...

Document won't load into iframe with changed, but proper, name

javascript,html,google-chrome,iframe
What I'm trying to achieve is being able to load contents of href in to one of three iframes, by changing thier names via java. The problem is: Chrome will always load contents into first iframe, ignoring it's name change, this problem does not occur in Firefox. function change_name() {...

Binding an action to an element inside an iframe using jQuery

javascript,jquery,iframe
Suppose the generic structure of my web page looked like this. Where I had an iframe that self contained a page. #maindocument <html> ... <iframe ...> #document <html> ... <form ..> <input class ="button"...> ... If I have a JS file called maindocument.js how can I attach an action to...

Stop auto-play video

javascript,html,css,iframe,video
I am playing a video with in iframe. which is in auto play mode. I want to make it play on click. Can I get any help in this? <iframe width="896" height="424" src="http://link.brightcove.com/services/player/bcpid1956333307001?bckey=AQ~~,AAABxzD3Y9k~,w_VmDmf4kc-gzMlyacBFjrfIduWxlrSQ&amp;bctid=4235240679001" id="video"></iframe> ...

Is it possible to switch to Sling Selector Script based on page property

java,iframe,aem,sling,sightly
In an AEM Sightly component, which has two modes; gallery and directory. The directory view is implemented with a selector (/apps/mi-proj/people_list/directory.html). By default the component renders in a gallery mode (using people_list/people_list.html). Users would like the ability to choose which view is shown by default. In either cases, users can...

XUL iframe firefox addon, how to change the src within the iframe?

javascript,firefox,iframe,firefox-addon,xul
I am developing a firefox addon, in my settings page dialog.xul i have an iframe where i load different settings pages page1.xul page2.xul page3.xul Iframe : <vbox flex="1"> <iframe id="iframe" src="chrome://xxx/content/page1.xul" flex="1"></iframe> </vbox> Within the iframe i need to navigate from page2.xul to page3.xul with the code in page2.xul My...

How to embed Soundcloud in HTML?

html,iframe,soundcloud
I want to embed a sound cloud in my html and below is link of the track file. https://soundcloud.com/aviciiofficial/preview-avicii-vs-lenny How to make this display in my webpage like embedding YouTube video?...

How to raise a seek to event for a Flash MediaElement using iframe?

flash,iframe,mediaelement,flashvars
How can a seek event be raised to a Flash MediaElement, starting from an embed code with defaults flashvars. Such as: <embed id="me_flash_0" name="me_flash_0" play="true" loop="false" quality="high" bgcolor="#000000" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="//www.macromedia.com/go/getflashplayer" src="/dl/player/Fallback/flashmediaelement.swf"...

Is there any way to set IFrame's height dynamic?

html,iframe
<div class="LHSChunk" style="width:690px;float:left;"> <div class="DetailComments" runat="server" id="CommentVisible"> <iframe id="iframeComments" runat="server" scrolling="no" frameborder="0" style="width: 700px; height: 400px; visibility: visible;"></iframe> </div> </div> Here I wanted to set my iframe's height as dynamic one based on the page displayed in iframe. For your info I'm using same domain page in iframe....

Can't pickup id on element inside of div of Iframe

vb.net,iframe,getelementbyid
Using this Html... from http://www.ebay.com/itm/261901470624?ssPageName=STRK:MESELX:IT&_trksid=p3984.m1558.l2649 <div id="ds_div"> Yada Yada Yada. </div> I have tried to capture it using these two methods... Method 1. (Gave me a null exception) TextBoxDetails.Text = WebBrowser1.Document.GetElementById("ds_div").InnerText Method 2. (No errors, no output) Dim PageElement3 As HtmlElementCollection = WebBrowser1.Document.GetElementsByTagName("div") For Each CurElement As HtmlElement In PageElement3...

Insert iframe/object in popup issue

iframe,popup
Good evening, I have an issue with inserting an iframe or object in a popup created like that: //Version 1 function fShowPop() { var oPopup = window.createPopup(); oPopup.document.body.innerHTML = '<iframe id="ifrmPop" src="<myLink>"></iframe>'; oPopup.show(15, 150,200, 200, document.body); } //Version 2 function fShowPop() { var oPopup = window.createPopup(); oPopup.document.body.innerHTML = '<object data="<myLink>"...

Is it posible to load a responsive iframe within a non-responsive site?

javascript,html,css,iframe
Before you mark this as duplicated, let me tell you that this is not about making an iframe rescalable, and I'm not expecting this kind of answers: Making an iframe responsive My problem is easy to explain: I got a site without the meta viewport tag and a width of...

Zoom the image inside iframe by default

html,iframe
I have an image inside iframe. Document onload, the image seems to be in default state which is not helping to read the content in the image. All need is to Zoom the image by default. Now, it is happening when we click on the image. But I need this...

Using jQuery to Popup iFrame from URL

javascript,jquery,html,jquery-mobile,iframe
I have inherited some code and I am trying to add an enhancement that will open a popup style iframe with the URL. The way the code is laid out is there are different tab-panes within the html window and in the "content" tab it displays information in the #post-body...

Iframe not loading fully within horizontal scrolling Div

html,css,iframe,widget,horizontal-scrolling
I am trying to put a iframe within a horizontal scrolling div so that users can scroll across and see the Instagram posts. The issue that I am having with this is when the page loads it cuts off what ever is larger than the div. How do I load...

Passing $data variable to iframe from controller in CodeIgniter

javascript,php,codeigniter,iframe
I want to display a page in iframe. This page contains email contents since I am building an inbuilt email system. But the CSS of the email contents are overriding my CSS styles. Now this page gets some data from $data variable which I Pass through controller. To avoid getting...

set a dynamic iframe src with loader link options?

javascript,jquery,html,iframe
i want to make we webpage that contain an iframe witch will have a dynamic Src. So The Scr will be fixed from the beginning in the webpage link. So when someone will visit the webpage (where it is the iframe), will click on this Link: Link: http://"somedomain.com/ But what...

Greasemonkey iframe content access jQuery

javascript,jquery,html,css,iframe
I had the wrong impression that using Greasemonkey would allow me unrestricted access to iframe's elements as jQuery selectors.. The HTML page example: <html> <body> <div id='content'> //Here is the first iframe <iframe src='bla.php'> <html> <body> <div id='content2'> //Here another iframe is inserted <iframe src='bla2.php'> //Here some simple elements <div...

Iframe does not show scrollbar

html,css,angularjs,iframe,ionic
Can't seem to make the iframe appear with a scroll-bar. Go to https://billiving-qa.azurewebsites.net/accountant email: qa@billiving.com pass: 111111 Reload the list with F5, then click new invoice on the right side. The content is lengthy but doesn't show the scroll-bar. My css uses the following: .frm { position: fixed; width: 100%;...

How to embed with iframe python.org?

html,iframe
I have: <iframe src="https://www.python.org/" width="900" height="900"> </iframe> But I get a blank screen on both Firefox and Chrome. I can embed a map from google maps using similar markup, and it works on both browsers. I am a beginner, so I suppose I am missing something obvious. What is it?...

Working with Iframes and PHP [closed]

php,iframe
I have several questions about php content in Iframe. I want to create some navigation links and target the Iframe. Is there an easy way to do? Do you think I can only do this with Ajax or Ahah ? This is what I ve tried so far, but it...