Databases
StackOverflow2013
Postsdbo
POCreate a new chrome tab/window from a Iframe
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCreate a new chrome tab/window from a Iframe
    text
    copied!<p>I'm currently have some issue with an iframe...</p> <p>I have my iframe with a searchbox and i want to make this searchbox redirection when i click on go by creating a new tab/window</p> <p><a href="http://img51.imageshack.us/i/issuec.png/" rel="nofollow">http://img51.imageshack.us/i/issuec.png/</a></p> <p>So to be clear, my google chrome extension call as a content script : overlay.js Then this one will put at the end of the current page my "overlay.html" page. </p> <p>So the problem come from that my .html is represented as a iframe and i don't see how i can redirect from this iframe.</p> <p>overlay.html</p> <pre><code>&lt;form id="searchForm" action="#" onsubmit="searchBoxRedirection(this)" method="post"&gt; &lt;img id="logo" src="images/extension.png" alt="Logo"&gt;&lt;/img&gt; &lt;input type="search" value="" name="searching"&gt; &lt;input type="submit" value="Go !" /&gt; &lt;/form&gt; </code></pre> <p>overlay.js</p> <pre><code>var overlay= { init: function() { this.injectoverlay(); //alert('Initialisation reussie'); }, injectoverlay: function() { var body = $('body'), overlayURL = chrome.extension.getURL("overlay.html"), iframe = $('&lt;iframe id="YouroverlayFrame" src="'+overlayURL+'"&gt;'); body.append(iframe); iframe.show(); //alert('Injection reussie'); } } </code></pre> <p>Tool.js</p> <pre><code>function searchBoxRedirection(form) { tabs.create({url:"www.yahoo.fr"}); } </code></pre> <p>manifest.json</p> <pre><code>{ "background_page" : "background.html", "browser_action" : { "default_icon" : "images/Extension.png" }, "content_scripts": [ { "all_frames": true, "css": ["css/overlay.css"], "js": ["js/overlay.js"], "matches": ["http://*/*"], "run_at": "document_start" } ], "permissions" : ["tabs", "unlimitedStorage", "http://*/*"], "name" : "MyOverlay", "version" : "1.1", "description" : "Sindar Overlay" } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload