How to Programming with 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....

IFrame Resizable, but not Draggable with JQuery

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...

How to run a javascript function onload?

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

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...

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

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")); }) ...

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.

Change a value with a drop down list

jquery,css,user-interface,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....

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:...

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

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,...

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) {...

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...

Scrolling a parent document from within an 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

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

iframe just before unload event

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

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....

HTML Auto Height Adjust [closed]

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

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.

Chrome Dev Tools console - select frame programatically

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. ...

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>...

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/...

Greasemonkey iframe content access jQuery

php,jquery,iframe,self-modifying

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'); ...

Please help me: modify iframe content

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...

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...

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...

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....

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/...

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...

using an iframe within a

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; } ...

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&bctid=4235240679001&autoStart=false&width=896&height=424" id="video"></iframe> referenced from here...

Detect iframe dynamically using jQuery?

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 /> ...

How to embed with iframe python.org?

javascript,html,security,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...

Unsure if website has been hacked with 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....

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

javascript,html,google-chrome,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!

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

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 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:...

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...

enable & disable input

jquery,loops,iframe,settimeout,setinterval

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

How to loop iframes using jquery?

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 () {...

How can i adjust my iframe [duplicate]

javascript,iframe,iframe-resizer

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'...

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&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe> ...

iframe-resizer: cannot disable autoResize

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

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.

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>"; .............. ?> ...

set a dynamic iframe src with loader link options?

javascript,node.js,mongodb,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=',...

Live Preview 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...

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>'); }); ...

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...

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....

Hide iframe if src is http:// without link

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...

Remove focus from Iframe on page load

iframe,google-chrome-extension,http-headers,http-referer

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);...

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

"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...

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....

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....

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...

Dynamically Adding HTML into an iFrame - Javascript

javascript,jquery,iframe,javascript-events

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

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!

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

$(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],...

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....

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> ...

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...

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...

Changing class based on iframe src

html,css,iframe,widget,horizontal-scrolling

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 {...

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...

Iframe not loading fully within horizontal scrolling Div

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...

Using JS variable in Html

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> ...

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

Binding an action to an element inside an iframe using jQuery

java,selenium,iframe,selenium-webdriver

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

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)"...

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...

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> ...

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

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();...

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.

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.

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...

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)...

How to invoke a function in iframe using JS?

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(); ...

How to leave a button clicked while navigating in a site

javascript,firefox,iframe,firefox-addon,xul

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

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

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....

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. ...

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...

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...

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; ...

Javascript - Change iframe src with switch

jquery,html,jquery-mobile,iframe,overlay

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 {...

jQuery mobile - generating html dynamically not working with iframe

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...

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++) {...

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%...

Zoom the image inside iframe by default