Databases
StackOverflow2013
Postsdbo
POLinking to external stylesheet and javascript file
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POLinking to external stylesheet and javascript file
    primarykey
    data
    text
    <p>I am trying to link my HTML home page to an external css stylesheet and an external javascript(.js) file. For whatever reason depending on which order I list them in the HTML file, only one of them will work. I used a simple alert box in the Javascript file to test if it is working and it only does when the javascript file is linked first. Here is my work...(I am an HTML noob by the way also)</p> <pre><code>&lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8 /&gt; &lt;link rel="stylesheet" href="trinity.css" /&gt; &lt;Script src="churchJavaScript.js"&gt;&lt;/script&gt; &lt;title&gt;Trinity Temple&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="CompleteWrapper"&gt; &lt;header id="headerSection"&gt; &lt;h1&gt; Trinity Temple&lt;/h1&gt; &lt;h3&gt; &amp;nbsp;&amp;nbsp;And I sent messengers unto them, saying, I am doing a great work, so that I cannot come down: &lt;/br&gt; &amp;nbsp;&amp;nbsp;why should the work cease, whilst I leave it, and come down to you? Nehemiah 6:3 &lt;/h3&gt; &lt;/header&gt; &lt;nav id="navSection"&gt; &lt;ul&gt; &lt;li&gt;Home&lt;/li&gt; &lt;li&gt;&lt;a href="serviceInformation.html"&gt;Service Information&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="aboutUs.html"&gt;About Us&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="directory.html"&gt;Directory&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="contactUs.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;section id="sectionSection"&gt; &lt;h3&gt; Welcome to Trinity Temple Church of God In Christ! &lt;/h3&gt;&lt;/br&gt; &lt;hr width = 75% size= "1" color="#b20000" /&gt; testing tolaslksdflksdflksdflkslkdslkjdslksfdlkdslkdslk&lt;/br&gt; testing tolaslksdflksdflksdflkslkdslkjdslksfdlkdslkdslk&lt;/br&gt; testing tolaslksdflksdflksdflkslkdslkjdslksfdlkdslkdslk&lt;/br&gt; testing tolaslksdflksdflksdflkslksadfsadfsdafsdadslkjdslksfdlkdslkdslk&lt;/br&gt; testing tolaslksdflksdflksdflkslkdslkjdslksfdlkdslkdslk&lt;/br&gt; testing tolaslksdflksdflksdflkslkdslkddddddjdslksfdlkdslkdslk&lt;/br&gt; testing tolaslksdflksdflksdflkslkdslkjdslksfdlkdslkdslk&lt;/br&gt; &lt;/section&gt; &lt;aside id="asideSection"&gt; &lt;/aside&gt; &lt;footer id="footerSection" &gt; 2900 Josephine St. &lt;/br&gt; Denver, CO 80207 &lt;/footer&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>here is the javascript code in the external file...</p> <pre><code>window.addEventListener("load", todaysDate, false); function todaysDate(){ var currentTime = new Date(); var month = currentTime.getMonth() + 1; var day = currentTime.getDate(); var year = currentTime.getFullYear(); var completeDate = document.getElementById("footerSection"); footerSection.innerHMTL = "Today's Date: " +completeDate; alert(month + "/" + day + "/" + year); } window.addEventListener("load", todaysDate, false); </code></pre> <p>Also, here is the code in the service information html doc...</p> <pre><code>&lt;!doctype html&gt; &lt;html &gt; &lt;head lang="en"&gt; &lt;meta charset="utf-8"/&gt; &lt;script src="churchJavaScript.js"&gt; &lt;/script&gt; &lt;link rel="stylesheet" href="trinity.css"/&gt; &lt;title&gt; Service Information&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="CompleteWrapper"&gt; &lt;header id="headerSection"&gt; &lt;h1&gt; Trinity Temple&lt;/h1&gt; &lt;h3&gt; &amp;nbsp;&amp;nbsp;And I sent messengers unto them, saying, I am doing a great work, so that I cannot come down: &lt;/br&gt; &amp;nbsp;&amp;nbsp;why should the work cease, whilst I leave it, and come down to you? Nehemiah 6:3 &lt;/h3&gt; &lt;/header&gt; &lt;nav id="navSection"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;Service Information&lt;/li&gt; &lt;li&gt;&lt;a href="aboutUs.html"&gt;About Us&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="directory.html"&gt;Directory&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="contactUs.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;section id="sectionSection"&gt; &lt;h2&gt; Service Information &lt;/h2&gt;&lt;/br&gt; &lt;hr width = 75% size= "1" color="#b20000" /&gt; &lt;h3&gt;Sunday&lt;/br&gt;&lt;/h3&gt; Sunday School: Sunday 9am - 10:30am &lt;/br&gt; Sunday Service: Sunday 10:30 - 1:00pm&lt;/br&gt; &lt;/br&gt; &lt;h3&gt;Wednesday&lt;/br&gt;&lt;/h3&gt; Bible Study: 6:30pm - 8:30pm &lt;/br&gt; &lt;/section&gt; &lt;aside id="asideSection"&gt; &lt;/aside&gt; &lt;footer id="footerSection" &gt; 2900 Josephine St. &lt;/br&gt; Denver, CO 80207 &lt;/footer&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USTheo Anderson
    1. USTheo Anderson
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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