Menu
  • HOME
  • TAGS

styles css in embeded souncloud player

css,iframe,styles,embed,soundcloud

CSS you are writing on your CSS file wont effect content of iFrame. Solutions: Do you really need an iFrame? Cant it be done using modal window or something like that? Add CSS you want to add using JS/JQuery $('iframe').load( function() { $('iframe').contents().find("head") .append($("<style type='text/css'> .my-class{display:none;} </style>")); }); ...

Div Height is 0px on a Responsive Iframe

html,css,iframe

Set .prodYoutube {position: relative;... rather than position:absolute

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

jquery,css,user-interface,iframe

While this fix worked when placed in the _toggle event of jquery-ui-1.9.2.custom.js, you should be able to place this in your own "on tab select" event, which should also get the (event, ui) arguments. Drill down from the tab down to the third level iframe, and trigger a resize. Oddly,...

Can I set a style conditional on window size?

javascript,html,css,iframe,less

Yes, using media queries: @media (min-width: 768px) { iframe { width: 450px !important; height: 253px !important; } } The above rule will only apply if the window is at least 768px wide. There are a bunch of other things you can put on the media query to choose what it...

Title attribute tooltips and iframes

html,css3,iframe

It's not possible to style the title attribute, it's comes from the browser/OS. Some people use tricks like making a pseudo element with the content of the title attribute, but this would have the same limitations as anything else inside the iframe and would not break out....

enable & disable input

javascript,jquery,iframe

Use this: $("#probando").on('click', function () { $("#deshacer").prop("disabled", false); }); (prop instead of attr, and disabled instead of disable)...

Scrolling a parent document from within an iframe

javascript,html,iframe

Since you're trying to communicate between two domains, the short answer is you can't. You can't because of restrictions put in place at the browser level to prohibit cross-site-scripting. For instance, imagine I registered the domain superwinningcontest.com and sent out links to people's emails. When they loaded up the main...

Update iframe src attribute dynamically with JavaScript

javascript,html,iframe

Just remove The form tags <html> <body> <script> function changeIframeSrc() { document.getElementById('myFrame').src = "test2.html"; } </script> <button onclick="changeIframeSrc()">Click here</button> <iframe id="myFrame" src="test1.html"></iframe> </body> </html> ...

Change content iframe youtube

jquery,iframe

You can't access cross domain origin iframe content. Browsers will block direct access like this: http://screencast.com/t/PIJj3iARU1z

Using JS variable in Html

javascript,html,iframe

Try this: <script type="text/javascript"> window.onload=function(){ var sessionState = '<%=statusCookie%>' document.getElementById("rpIFrame").src = "http://localhost:8080/playground/rpIFrame.jsp?session="+sessionState } </script> <iframe id="rpIFrame"></iframe> ...

Iframe not passing url parameters

html,variables,url,iframe,parameters

It seems to be working for me: <iframe scrolling="no" src="http://www.angry-android.com/chartTest.html?start=2014-05-01&end=2014-06-01" frameBorder="0" width=315 height=200></iframe> ...

iframe-resizer: cannot disable autoResize

javascript,iframe,iframe-resizer

That looks like a bug, try setting resizeFrom to 'child' and see if that fixes it. If it does raise a bug on GitHub.

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

javascript,jquery,iframe,javascript-events

$(document).ready(function() { $.sublimeScroll({ top: 60, // px to top bottom: 40, // px to bottom scrollWidth: 200, // Width of scrollbar removeElements: 'script', fixedElements: 'header.top, footer.bottom', contentWidth: 860, // Scroll viewport width minWidth: 800 // Min width of window to display scroll }); $("#sublime-scroll-overlay").css('display', 'none'); var sscIfBody = $($("#sublime-scroll-iframe").contents()[0],...

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

javascript,iframe,browser,scroll

Maybe there are some other ways to solve this issue, but one pretty straightforward solution is to take troublesome iframes out of the natural layout of the site by positioning them as fixed. Then the only remaining challenge may be to force them to behave as if they were part...

Access jQuery from iframe with another domain

jquery,iframe,cors

You cannot access a child frame from a different domain. It's a security reason. If you could access data inside a child frame that is in a different domain, it would be easy enough to simulate fake pages.

Please help me: modify iframe content

php,jquery,iframe,self-modifying

If the site is on the cross domain use proxy page. Create a new PHP page like that <?php echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>'; //insert jquery here $file = file_get_content('http://www.mtel.ba/imenik/index.php'); echo $file; echo "<script>"; echo "";//jQuery script here echo "</script>"; Then insert this page as iframe...

iframe cutting off at bottom of page

javascript,html,css,iframe

Is the iframe on the same domain? It is not a good idea to give a pixel size to a variable size iframe. This is a solution for a dynamic size: <script type="text/javascript"> function resizeIframe(iframe) { iframe.height = iframe.contentWindow.document.body.scrollHeight + "px"; } </script> and on you iframe in the html:...

Refresh a Servlet by another Servlet

java,servlets,iframe,refresh

Instead of using Iframes to put together the different parts of your site, use dynamic include in your servlets. This will allow you to build the response page server side and therefore dynamically change what is included in a page. When you log in you send the authentication request to...

Iframe not loading fully within horizontal scrolling Div

html,css,iframe,widget,horizontal-scrolling

You have a max-width: 100% on that iframe somewhere which messes your things up. Try removing it or, overriding by setting it to default which is max-width: 0...

Hide iframe if src is http:// without link

javascript,jquery,html,iframe

If you want to hide iframes with only src="http://", you can do this with jQuery and some regex. Note: In Chrome, the src of "http://" is reported as "http:". In Safari and Chrome on iOS it is reported as "http:/". To account for this difference a simple regex can be...

Braintree Hosted Fields Example

iframe,braintree,pci-compliance

I work at Braintree and was one of the developers on the Hosted Fields team. Glad to see so many people using it! I made a GitHub repo that should answer your question. Basically, you have to set up Braintree on the server, create a client token, and then pass...

How to embed with iframe python.org?

html,iframe

You can use HTTP Header Field X-Frame-Options, <meta http-equiv="X-Frame-Options" content="SAMEORIGIN"> There are three possible values for X-Frame-Options: DENY - The page cannot be displayed in a frame, regardless of the site attempting to do so. SAMEORIGIN - The page can only be displayed in a frame on the same origin...

Live Preview Iframe

javascript,node.js,mongodb,iframe

I wouldn't build it entirely on Node.js I would rather use the power of the modern client-side Javascript and move some logic there with persisting some of the data coming from the server. This way I can lower the number of requests and make my script more flexible. Two libraries...

set a dynamic iframe src with loader link options?

javascript,jquery,html,iframe

u can access to the search atribute, of the location object it contains the querystring, then process it to get wath u want, for your test string specifically (http://"somedomain.com/?s=specified_source_of_the_iframe), this works: function setIframe() {//I used a diferent function name ! check it! :) var s = location.search; s = s.replace('?s=',...

Javascript - Change iframe src with switch

javascript,html,iframe

Here is the working version. I did fixes in two places: return false from the submit handler, otherwise form submits and refreshes itself the submit button should be of type="submit" otherwise handler won't be called <!doctype html> <html> <head> <meta charset="utf-8"> <title>Luther Automotive Display Ad Login</title> <style type="text/css"> body {...

Stop auto-play video

javascript,html,css,iframe,video

try: <iframe src="http://link.brightcove.com/services/player/bcpid1956333307001?bckey=AQ~~,AAABxzD3Y9k~,w_VmDmf4kc-gzMlyacBFjrfIduWxlrSQ&amp;bctid=4235240679001&autoStart=false&width=896&height=424" id="video"></iframe> referenced from here...

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

iframe,xmlhttprequest,streaming,comet

In our experience, XHR Streaming is still working properly on all browsers. You can see it working in any of our demos, after switching off WebSockets. Do like this: Go to http://demos.lightstreamer.com/StockListDemo_Basic/ Click on the top-left "S" icon to expand the widget and see the transport state; you should see...

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

javascript,jquery,html,iframe

src is an attribute, you can read it with attr: $('#iframe').one('load', function(){ $('.btn').show(); }); $('.btn').on('click', function(){ window.open($("#iframe").attr("src")); }) ...

Iframe does not show scrollbar

html,css,angularjs,iframe,ionic

You have hidden scrollbars in ionic.app.css: ::-webkit-scrollbar { display: none; } I don't know if it is possible to override this style so probably you have to remove it. Similar question....

Local URL is added

php,iframe,echo,soundcloud

Try to add the whole src of your soundcloud inside your database instead of concatenating it. You are using API soundclound and perhaps something is interfering with your src.

How can i adjust my iframe [duplicate]

javascript,jquery,html,css,iframe

You can just allow the iframe taking the full width and hide the body overflow. For this, modify your HTML to following, <body> <iframe src='http://www.dohop.com/widget/2/?forms=flights&target=&tabs=top&orientation=horizontal&border_color=808080&text_color=202020&background_color=D0D0D0&form_border_color=808080&form_text_color=000&form_background_color=FAFAFA&width=1000&flang=es&whitelabel=http://vuelos.gangatravel.es/' scrolling='yes' frameborder='0'...

Embed D3.js with iframe

javascript,html,iframe,d3.js

Ok... Do it this way iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(iDiv.outerHTML); fiddel : http://jsfiddle.net/cyril123/8xr8ub8s/1/...

How does this site hide the iframe scrollbar?

html,css,iframe,scrollbar

iframe::-webkit-scrollbar { display: none; } You can read more about this approach from this article - https://css-tricks.com/custom-scrollbars-in-webkit/...

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

html,css,iframe

You want to set the height of the div that wraps the iframe so for example: #id_div_top_row { height:80%; } #id_iframe_top { background-color: Red; height:100%; width: 100%; } And then if you want the iframe to stretch the entire div, you set the the height of the iframe to 100%...

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

javascript,firefox,iframe,firefox-addon,xul

With iframe in XUL you must create it with the HTML namespace otherwise things like load events don't work right, see this topic: http://forums.mozillazine.org/viewtopic.php?f=19&t=2809781&hilit=+iframe Once you do that, changing src etc should work as expected....

iframe just before unload event

javascript,jquery,html,iframe

Figured it out! I didn't know the contentWindow looses its reference after a reload. $iframe.load(function () { $iframe[0].contentWindow.onbeforeunload = function () { debugger; }; }); ...

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

html,css,internet-explorer,iframe,internet-explorer-8

<!DOCTYPE html> <html> <head> <style type=text/css> html,body{ padding:0;margin:0 } html{ height:100%; } body { display:table; width:100%; height:100%; position:relative; background-color:lightcoral; } .row{ display:table-row; height:100%; /*width:100%*/ } .iframeContainer{ /*height:100%;*/ /* use h+w instead of positioning below if outer (coral) frame is undesired */ /*width:100%;*/ /*display:table-cell;*/ position:absolute;top:0;right:0;bottom:0;left:0;margin:1em; } iframe{ width:100%; height:100%; border-style:solid...

Dynamically Adding HTML into an iFrame - Javascript

javascript,jquery,html,iframe

check out this post: addEventListener to iFrame you need to use $('#myIFrame').load(function(){ .......

selection menu for iframe src using javascript

javascript,html,iframe,selection,src

The thing is that you're only getting the value the first time around, when your script executes. In order to get the currently selected value, you need to get the value right when you click the button, inside of the onclick function. http://jsfiddle.net/v74ypgwk/1/ <iframe src="http://jquery.com/" id="myFrame" width="500" height="500" scrolling="no" frameborder="0"></iframe>...

Integrating iframe like a div with scroll

html,css,iframe

In this particular instance, with a full page iframe, set the margin of your body tag to 0: html,body{ height:100%; } body{ margin:0; } .h_iframe iframe{ position:absolute; top:0; left:0; width:100%; height:100%; } <div class="container"> <div class="h_iframe"> <iframe src="http://isotopethemes.com/slider-test/" frameborder="0" allowfullscreen></iframe> </div> </div> ...

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

php,mysql,iframe

<?php if($class=='J1') echo "<a href='www.first_url.com'>Click Here</a>"; else if($class=='J2') echo "<a href='www.second_url.com'>Click Here</a>"; .............. ?> ...

How to loop iframes using jquery?

jquery,loops,iframe,settimeout,setinterval

You can perform this action using recursion function and pass the arguments $('#iframe2').hide(); animateInfinite('#iframe', 1) function animateInfinite(str, last) { $(str + last).show(); setTimeout(function () { $(str + last).hide(); animateInfinite('#iframe', ((last == 1) ? 2 : 1)); }, 8000) } Or use setinterval var iframe = $('[id^=iframe]').hide(); iframe.eq(0).show(); setInterval(function () {...

Getting selected text inside any iframe on page

javascript,iframe

Your iframe and selection code is fine, but you're running into a common JavaScript mistake with for loops - i will always be equal to iframes.length by the time the event handler function is run. You can avoid that by iterating with Array.prototype.forEach: var iframes = document.getElementsByTagName('iframe'); [].forEach.call(iframes, function(frame) {...

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

java,selenium,iframe,selenium-webdriver

According to the html the selector to identify the iframe is incorrect. I am using a cssSelector that will allow you to identify the iframe with partial id match. Why do not you try this? driver.switchTo().frame(driver.findElement(By.cssSelector("iframe[id$='_composeEditor_ifr']"))); d̶r̶i̶v̶e̶r̶.̶s̶w̶i̶t̶c̶h̶T̶o̶(̶)̶.̶f̶r̶a̶m̶e̶(̶d̶r̶i̶v̶e̶r̶.̶f̶i̶n̶d̶E̶l̶e̶m̶e̶n̶t̶(̶B̶y̶.̶i̶d̶(̶"̶t̶i̶n̶y̶m̶c̶e̶"̶)̶)̶)̶;̶ driver.findElement(By.id("tinymce")).clear();...

Edit Sagepay inframe CSS

css,iframe,sagepay

After speaking to Sagepay I found I could download the custom templates here: http://www.sagepay.co.uk/support/find-an-integration-document/server-inframe-integration-documents which you can then send to Sagepay.

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

html,css,iframe,responsive-design

You cannot add any style into page inside of iframe. What you must do is : First, styling the page that you want to be added into iframe. Then insert that styled page into iframe. ...

Changing class based on iframe src

javascript,jquery,html,css,iframe

select the <a> child of an element with default class ; remove the active class from every element with default class ; apply the active class to the parent element of the current <a>. Demo: $(function() { $(".default > a").on("click keypress", function() { $(".default").removeClass("active"); $(this).parent().addClass("active"); }); }); iframe {...

Modal Dialog JQuery IE 9-11 Print Issue

javascript,jquery,iframe,printing,modal-dialog

Figured it out. It would seem that IE 9+ does not like printing iframes inside itself. So what I did was. function customModalPrint(iframeId) { var iframe = parent.$('#'+iframeId)[0]; var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)){ try { iframe.contentWindow.document.execCommand('print', false, null); } catch(e)...

Change a value with a drop down list

javascript,jquery,html,iframe

Are you trying to change source of "CasterChat" iframe only? You can use this: $(document).ready(function(){ $('#Caster').on('change', function(){ $('#CasterChat').attr('src', 'http://www.twitch.tv/' + $('#Caster').val() + '/chat?popout='); }); }); Don't forget to load jQuery to make this work....

Hide top of content from external source in iframe?

html,css,iframe

You can do following way. .right-col iframe { position: relative; top: -100px; } Check Fiddle....

jQuery mobile - generating html dynamically not working with iframe

jquery,html,jquery-mobile,iframe,overlay

For jQM you should append to a page div and not the body. A page looks like this: <div data-role="page" id="page1"> <div data-role="header"> <h1>My page</h1> </div> <div role="main" class="ui-content" id="mainCont"> </div> </div> Next instead of document.ready, use the jQM page events like pagecreate, And after adding the popup to the...

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

html,css,iframe,width

Your iFrame width does not include the border by default. Your border is 2px wide by default. To include it, add the box-sizing: border-box; css style to include the border in your iframe width. JSFIDDLE iframe { box-sizing: border-box; /*include borders in the width calculation */ } .menu { float:...

Passing $data variable to iframe from controller in CodeIgniter

javascript,php,codeigniter,iframe

Passing data to the IFRAME from the same controller is not possible. IFRAMEs' are just basically another URL display on a particular page. Hence all you can do is can pass the data via URL and thats it! How this can be achieved this is create another (say) link for...

How to embed Soundcloud in HTML?

html,iframe,soundcloud

Open the https://soundcloud.com/aviciiofficial/preview-avicii-vs-lenny link in browser and in page there is a share button, click it and popup will load and in there click embed tab and copy the code use <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/41395010&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe> ...

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

java,iframe,aem,sling,sightly

I think your idea is on the right track, based on my assumption that "users" (from, "Users would like the ability to choose which view is shown by default") is referring to authors as opposed to end users of the site. In people_list.html, check the property and render in directory...

How to leave a button clicked while navigating in a site

javascript,jquery,html,css,iframe

Try this: JS: $(document).ready(function(){ $('.boton_ubicaciones').click(function(e){ $('.boton_ubicaciones').removeClass('active'); $(this).addClass('active'); }); }); CSS: .active{ opacity:1; } ...

How to run a javascript function onload?

javascript,jquery,html,iframe

Just bind the function to onload event. window.onload=function(){}; To load a site to iframe you want to use the src property of iframe object. ref: http://www.w3schools.com/jsref/dom_obj_frame.asp

using an iframe within a

html,iframe

As per your comment, you want an element with a scroll, try as follows: HTML: <fieldset id="lotsOfInputs"> <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> </fieldset> CSS: #lotsOfInputs { max-height: 200px; with: 100%; overflow: scroll; } ...

AngularJS module split among iFrames within single page

javascript,html,angularjs,iframe

They way I understand it, is that you're trying to use an external menu to navigate through your angular app within an iframe? Resulting in a request of a different HTML page on your server everytime your users clicks your menu? This implies you're invoking 5 different HTML pages on...

Html using # for iframe paths

javascript,jquery,html,angularjs,iframe

The default behavior of the iframe does not reload the page, it behaves just like the browser. I had a logic error in my code that made it refresh. Thanks again for all the comments.

Binding an action to an element inside an iframe using jQuery

javascript,jquery,iframe

in the content of iframe after the code html, put: <script> $(function(){ $(".button").click(function(e) { alert("ok") }); }); </script> ...

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

javascript,html,google-chrome,iframe

Stumbled upon this link: http://help.dottoro.com/ljbimuon.php After some modification of your script, i believe this could be the solution. Changing the contenWindow.name instead of name alone seems to do the trick. function change_name() { var one = document.getElementById('frame1'); one.contentWindow.name = "#"; console.log("The name is: " + one.name); console.log("The name of the...

IFrame Resizable, but not Draggable with JQuery

javascript,jquery,html,iframe

I'm guessing the click is going to the page in the iframe instead of being caught by your div. Resizable automatically add handles so that's why it works. You can add a handle to your draggable or simply put a border. For testing purpose, you'll see that your actual code...

Detect iframe dynamically using jQuery?

javascript,jquery,iframe

Using JQuery you can with the following piece of code: $('body').on('DOMNodeInserted', 'iframe', function(e) { console.log("Iframe inserted into document"); }); // To test it $('button').click(function() { $('body').append('<iframe></iframe>') }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button>Add iframe</button> <hr /> ...

Resizing HTML widget in Jive

javascript,iframe,jive

Jive has a built in javascript function called resizeMe(); I was able to fix this issue by calling resizeMe() in a callback from my own JS code. Hope this helps someone!

“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

"eroman at chromium.org" nails it down (see linked chromium bug report, already closed). The thing is, when iframe contains a secured (https) page, but iframe itself is contained in a non-secured page (replaced Chrome newtab, in this case), then a non-secured (http) request is made when user click on a...

Chrome Dev Tools console - select frame programatically

javascript,google-chrome,iframe,console,google-chrome-devtools

I think you want contentDocument instead of document (see this related question). Note that this will only work if iframe and main document are in the same domain. Otherwise, you are attempting cross-site scripting and it will be blocked by the browser. ...

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

c#,asp.net,asp.net-mvc,iis,iframe

MVC 5 automatically adds an X-Frame-Options Header, so go to your Global.asax file and add this to the Application_Start() method: System.Web.Helpers.AntiForgeryConfig.SuppressXFrameOptionsHeader = true; Please note that especially for a login page it is bad practice to remove this header, because it opens up your site for login credentials phishing attacks....

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

html,iframe,sandbox,content-security-policy

It is not possible. The are only two ways to accomplish what you're after: Alter the CSP rules of the parent page to whitelist your arbitrary code (I would suggest using a CSP nonce or hash for your arbitrary content rather than unsafe-inline). Point your iframe to an external (sub)domain...

Using jQuery to Popup iFrame from URL

javascript,jquery,html,jquery-mobile,iframe

$(#framecontent).attr("src", postObj.url); needs to be $('#framecontent').attr("src", postObj.url); If you don't understand why, go check http://www.w3schools.com/jquery/jquery_selectors.asp It can be an other thing too, but without a complete code it's hard to figure what....

Unsure if website has been hacked with iframe

javascript,html,security,iframe

Oops! Turns out my domain provider (seperate to my web host) had enabled forwarding "with cloaking" and this caused my site to be shown in an iframe....

Working with Iframes and PHP [closed]

php,iframe

You can use javascript to reload iframe Move your iframe content to icontent.php Add some ID into iframe <iframe id="contentFrame"></iframe> Change your link action <a href="javascript:void(0)" onclick="goto('icontent.php?go=welcome')">HOME</a> <a href="javascript:void(0)" onclick="goto('icontent.php?go=about')">ABOUT ME</a> <a href="javascript:void(0)" onclick="goto('icontent.php?go=contact')">CONTACT</a> <a href="javascript:void(0)"...

Remove focus from Iframe on page load

javascript,jquery,iframe

if assumed the iframe is not served from the same domain.. you can place any other focusable dom element after the iframe in the footer with autofocus set as true. And if that does not work please try the following in the parent main window: $(window).on('load', function() { setTimeout(function(){$("body").focus()}, 100);...

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

html,iframe

This helped me, <script type="text/javascript"> function resizeIframe(obj) { obj.style.height = obj.contentWindow.document.body.scrollHeight; } </script> in aspx, <iframe id="iframeComments" runat="server" scrolling="no" frameborder="0" style="width: 690px; visibility: visible;"></iframe> in aspx.cs, iframeComments.Attributes.Add("onload", "resizeIframe(this)"); Thanks....

Insert iframe/object in popup issue

iframe,popup

There are 2 Possible Problems: The window.createPopup() method is no longer supported. It used to be an Internet-Explorer-only function, but now it's not supported in any browser at all. The iframe has no width or height attributes set, so it'll be zero size. However, modern browsers have a default iframe...

CKEditor loses content when removed from DOM and added again

iframe,ckeditor

I'm hoping someone can explain why this is happening and how I can reinitialize the CKEditor once I've added it back to the DOM. I've searched the documentation and have yet to find an answer. Destroying the instance and re-creating is possible, but it's going to require some significant...

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

flash,iframe,mediaelement,flashvars

Actually found the answer. Without accessing the SWF, interacting directly with the MediaElement shim, MediaElement.js allows the media to be controlled. The functionalities can be accessed using the embed tag id and one of the functions declared in the media element. So in order to seek through the media using...

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

javascript,html,css,iframe

When I first read your question I said no, this isn't possible, but then I started thinking and I believe I found a way. It requieres Javascript. First we need to get two values, the document width and the device screen width. As per your example 1000px and 360px respectively....

Changing the global scope in JS

javascript,iframe,window

window is a protected variable for js, you will not be able to override it. You can, however, store window.parent in another var and then use that: var parentWindow = window.parent; ...

Prevent parent page from scrolling when mouse is over embedded iframe

css,html5,iframe,scroll,mousewheel

While scrolling inside an iframe, the body doesn't know anything about what happens there. But when iframe scroller reach the bottom or the top, it pass scrolling to body. See my jsFiddle and console log there.

Dynamic youtube iframe in javascript and jQuery

javascript,jquery,iframe,youtube-api,youtube-api-v3

Is there a specific reason you want to destroy the player object and recreate it? If your goal is to just load a new video, you could always do this: $('div.search-box a').on('click', function(){ player.loadVideo($(this).data("id")); sessionStorage.setItem('key', $(this).data("id")); }); (you might need to declare the player variable in such a way that...

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

vb.net,iframe,getelementbyid

This is how I got this to work. I captured the source of the iframe, and sent it to another browser I set to hidden, then after document completed, I was able to retrieve the item I needed. Under my "Aquire Data" Button I have this code... 'Get Item Details...

Zoom the image inside iframe by default

html,iframe

Uh.. the image you have saved in that iframe is 527 pixels width by 316 pixels height. The image is showing correctly. You can't read the image text because the image is too small. You will need to save it to be a larger size. My suggestion would be to...

How can I resize my iframe keeping the ratio?

css,iframe,youtube

.abstract{ max-width: 700px;/*for example*/ } .abstract-inner { position: relative; padding-bottom: 56.25%; /*288/512=0.5625*/ height: 0; overflow: hidden; } .abstract-inner iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } <div class="abstract"> <div class="abstract-inner"> <iframe width="512" height="288" src="https://www.youtube.com/embed/r9yH-EmnGX4?feature=oembed" frameborder="0" allowfullscreen="allowfullscreen"></iframe> </div> </div> ...

dynamic variables in an iframe

javascript,html5,iframe,geolocation

Have you looked at the documentation for geolocation? Something like the following will do what you want: navigator.geolocation.getCurrentPosition(function(position) { var lat = position.coords.latitude; var lon = position.coords.longitude; document.write('<iframe id="forecast_embed" type="text/html" frameborder="0" height="245" width="100%"' + 'src="http://forecast.io/embed/#lat=' + lat + '&lon=' + lon + '&name=Your Location"> </iframe>'); }); ...

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

javascript,google-chrome,iframe,google-chrome-extension

This was my solution after all, between what we talk over comments and my research over docs and other threads: Content script: (function () { document.addEventListener("DOMContentLoaded", function () { contentBody = document.getElementById("contentBody"); contentBody.addEventListener("load", function () { rawContent = contentBody.contentDocument.getElementById("rawContent"); if (rawContent) { var s = document.createElement("script"); s.src = chrome.extension.getURL('injected.js'); s.onload...

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

html,css,iframe,google-tag-manager

Could be a thing to make sure screenreaders don't ever tell anyone about it. Looks like some people have found this to be problematic otherwise over here: http://juicystudio.com/article/screen-readers-display-none.php#comment3 I haven't tested this, so I can't confirm any of it, but layout-wise it should not make any differences as display:none instructs...

Export HTML table from an iframe to CSV

javascript,jquery,html,table,iframe

I made a simple jsfiddle to illustrate the idea. https://jsfiddle.net/anjvsqt7/9/ The code snippet from the example I made is below: var csvStr = ''; var table = $('#table'); var rows = table.children('tbody').children('tr'); var len = rows.length; for(var i=0;i<len;i++) { var row = $(rows[i]); var cols = row.children('td'); for(var j=0;j<cols.length;j++) {...

How to invoke a function in iframe using JS?

javascript,html,iframe

You should be able to access the iframe and invoke the function using the following: // reference to window in iframe with id or name 'myIframe' var win = window.frames['myIframe']; // invoke function in win win.getEvents(); ...

Limiting a Web Worker's resources and permissions

javascript,html5,security,iframe,web-worker

Google has done most of that heavy lifting for you with Caja. They use this to create a safe 'sandbox' for adverts to run on the page while isolating them from doing too much damage....

Greasemonkey iframe content access jQuery

javascript,jquery,html,css,iframe

Iframes are treated different, jQuery has a second optional argument, related to the used document DOM, default is document, and setting it to the iframe document will work. $('#goal', frames[0][0].document ).text().search('Secret'); ...

HTML Auto Height Adjust [closed]

html,iframe

You can set the height of the marquee to 100% rather than a fixed number. That should automatically adjust to the height of the screen.

Moving through mutiple iFrames using XPath & C#

c#,html,iframe,xpath,selenium-webdriver

The possible reason is because you are not switching back to the parent. When you are done working inside first iframe do a driver.SwitchTo().DefaultContent() which will take you back to the previous frame and do the same for the upper layer of iframe once more. Edit Finding correct API doc...

refresh iframe from a .php in a separate iframe

javascript,php,iframe

Using back-end to refresh an iframe when you can do it client-side is absolutely wrong. It works for me: <script> document.getElementById('leftFrame').contentWindow.location.reload(); alert('Ping'); </script> And, yes, are you sure you need iframes? It is definitely not a good practice. Especially, in a century of powerful JS and its frameworks and AJAX....

Yii1 - HtmlPurifier removes allowfullscreen attribute

php,regex,iframe,yii,htmlpurifier

There is already a useful link which will solve the answer.....We need to implement a custom class to allow the "allowfullscreen" attribute. This will add this attribute on purified iframe code. Reference http://sachachua.com/blog/2011/08/drupal-html-purifier-embedding-iframes-youtube/ Answered by Sonny HTMLPurifier iframe Vimeo and Youtube video Steps 1) Include the class from above url...

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

html,iframe

As a shot in the dark, I added the name element to my iframe and it worked. ID="" apparently isn't enough on this one. Thanks to anyone who looked!

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

html,iframe

Just try it: jsfiddle. As jsfiddle includes the user-defined content in an iframe, the link I added is within an iframe whose URL differs from the URL of the fiddle itself. As you can see when you click the link, the referer is the iframe URL, not the iframe's parent...