javascript - Change HTML Page in Crossrider Popup -

-

i have popup called picker.html contains 2 options - either going options page (that crossrider doesnt natively support) or opening webpage. there more options.

now, when "go options" button pressed want change popup go file options.html.

i tried using appapi.browseraction.setpopup work after click on browser action making useless. window.location doesnt work crossrider uses background.html , there's no api path of resource file.

you can use document.open , appapi.resources.get change whole html. need run crossridermain make sure used resources being loaded.

see working example below. experience it's not possible change height of new popup / page, please edit answer if finds tested possibility (css doesn't appear working here).

<!doctype html> <html>     <head>         <script type="text/javascript">             function crossridermain($) {                 appapi.resources.includecss('html/bootstrap.min.css');                 appapi.resources.includecss('html/skin.css');                  appapi.resources.includejs('js/bootstrap.min.js');             }              appapi.ready(function($) {                 $("#gooptions").click(function() {                     var newdoc = document.open("text/html", "replace");                     newdoc.write(appapi.resources.get('options.html'));                     newdoc.close();                      $("body").css("width","400px");                     crossridermain($);                      eval(appapi.resources.get('js/bootstrap.min.js'));                      //use eval js need load new page, won't loaded crossridermain($)!                 });                 $("#goproton").click(function() {                     appapi.openurl({url: "https://protonmail.ch/login", where:"tab", focus:true});                     window.close();                 });             });          </script>     </head>     <body>         <div class="well bs-component" style="margin:0; border-radius:0; border:none; padding:5px;">             <div class="form-horizontal">               <div class="col-lg-12" style="margin-bottom:5px; padding:0;">                 <button type="submit" class="btn btn-default" id="gooptions" style="width:100%;">go options</button>               </div>               <div class="col-lg-12" style="padding:0;">                 <button type="submit" class="btn btn-primary" id="goproton" style="width:100%;">open protonmail</button>               </div>             </div>         </div>     </body> </html>

Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5&quo
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name&qu
Read more

javascript - Chrome Extension: Interacting with iframe embedded within popup -

-
i writing chrome extension needs interact urls user not have open. therefore using hidden iframes embedded within popup, , attempting click button within iframe. however, receiving same origin policy error. know possible extension interact iframes of different domain via content scripts when iframe on tab user has open, not sure if possible use content scripts interact iframes directly in popup. here code: manifest.json "content_scripts": [ { "js": [ "bin/jquery.min.js", "interaction.js" ], "all_frames": true, "run_at": "document_start", "matches": [ "http://*/*", "https://*/*" ] }], "permissions": [ "activetab", "tabs", "http://*/", "https://*/" ], interaction.js $(document).ready(function() { $('div#iframes').append("<iframe id='shop' src=
Read more