Databases
StackOverflow2013
Postsdbo
POChrome app: Why can't i modify the page?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POChrome app: Why can't i modify the page?
    primarykey
    data
    text
    <p>This is probably a super basic question but I cant seem to find a straight answer anywhere...</p> <p>Why doesn't the <code>document.getElementById('pID').innerHTML = 'test';</code> change the text inside the p element? also the <code>console.log('test');</code> isnt working either...</p> <p>HTML:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;p id="pID"&gt;Hello, world!&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; &lt;script src="main.js"&gt;&lt;/script&gt; </code></pre> <p>JAVASCRIPT:</p> <pre><code>chrome.app.runtime.onLaunched.addListener(onLoad); function onLoad() { chrome.app.window.create('window.html', { 'bounds': { 'width': 400, 'height': 900 } }); } </code></pre> <p>MANIFEST.JSON:</p> <pre><code>{ "name": "Hello World!", "description": "My first Chrome App.", "version": "0.1", "app": { "background": { "scripts": ["background.js"] } } } </code></pre> <p>MAIN.JS:</p> <pre><code>function onLoad() { console.log('test'); document.getElementById('pID').innerHTML = 'test'; } window.onload=onLoad;//This is what I was missing! </code></pre> <p>@rshanchez: I changed it and i get the following error (still doesnt work):</p> <p><em>Refused to execute inline event handler because it violates the following Content Security Policy directive: "default-src 'self' chrome-extension-resource:". Note that 'script-src' was not explicitly set, so 'default-src' is used as a fallback.</em></p> <p>@rshanchez: I made the window.onload=onLoad; and that did it. Thanks for the help! If you want the rep points answer the question and i'll mark it as answered... Otherwise +1 to awesomeness for you!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDave
    1. USDave
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POChrome app: Why can't i modify the page?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POChrome app: Why can't i modify the page?
      1. USDave
      1. VTFavorite
    1. COYour script is running in the background page, so the `document` object you are accessing is that of the background page. To manipulate the `window.html` document, you need to include a script from your `window.html` file using a `<script src="xxx.js">` tag.
      singulars
      1. POChrome app: Why can't i modify the page?
      1. USrsanchez
    2. CO@rsanchez: Your comment, albeit correct, is a little bit one-sided. One can also access and modify the window.html's document here by providing a callback argument for the chrome.app.window.create() call, which should look like function(win), and using win.contentWindow.document in its body.
      singulars
      1. POChrome app: Why can't i modify the page?
      1. USSergey Shevchenko
    3. CO@SergeyShevchenko you're totally right, thanks!
      singulars
      1. POChrome app: Why can't i modify the page?
      1. USrsanchez
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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