Databases
StackOverflow2013
Postsdbo
POaccess head javascript variable in .js file jquery function
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POaccess head javascript variable in .js file jquery function
    primarykey
    data
    text
    <p>I have a javascript variable in the head of my dom and I need to access it in an external js file but it seems to come up undefined.</p> <p>In my head I have something like.</p> <pre><code> &lt;head&gt; &lt;script type="text/javascript"&gt; var overlayAlignment = ["left:20px","right:40px","left:50px"]; &lt;/script&gt; &lt;/head&gt; </code></pre> <p>external .js file</p> <pre><code>$(document).ready(function () { alert(overlayAlignment[0]); }); </code></pre> <p>In my external js file I want to use the variable but something like this comes up undefined all the time, any idea what I am doing wrong. </p> <p>I found that I could run a function from the external .js in the head to set the overlayAlignment variable if I add the overlayAlignment variable to the .js file. </p> <pre><code> &lt;head&gt; &lt;script type="text/javascript"&gt; setOverlayAlignment("value1", "value2", "values3"); &lt;/script&gt; &lt;/head&gt; </code></pre> <p>external .js file</p> <pre><code>function setOverlayAlignment(value1, value2, value3) { overlayalignment[0] = value1; overlayalignment[1] = value2; overlayalignment[2] = value3; } </code></pre> <p>This still comes up as undefined when I try to use it in my jquery function however. Strange, I thought $(document).ready was to tell the function to wait till the dom is loaded to run, if that is the case why is overlayAlignment undefined when it runs?</p> <p>I need to do it like this because the overlayAlignment variable values are only known at runtime.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. UStheDawckta
    1. UStheDawckta
    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
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. CODid you leave off `<script>` tags in your example or is there raw JS code in the head?
      singulars
      1. POaccess head javascript variable in .js file jquery function
      1. USRay Toal
    2. COI think that was the OP's mistake.
      singulars
      1. POaccess head javascript variable in .js file jquery function
      1. USDelan Azabani
    3. COCorrected my original post, sorry I left that out. It is there though and still not working.
      singulars
      1. POaccess head javascript variable in .js file jquery function
      1. UStheDawckta
 

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