External Javascript doesn't load when called

Question

Hi so I'm trying to like a javascript file to my web page, when it was in the HTML file it worked fine, but I won't to neaten it up a little by putting the JS in a different file HTML:

<head>
<meta charset="utf-8" />
<title>Digital Canvas Web Designs</title>
<link rel="stylesheet" href="/CSS/Template.css"/>
<link rel="stylesheet" href="/CSS/news.css"/>
<link rel="shortcut icon" href="images/tablogo.ico" > <!-- tab logo generated at http://www.favicongenerator.com/ -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="Javascript/newshide.js" type="text/javascript"></script>
</head>
<body>

and Javascript:

<script type="text/javascript">

   $(document).ready(function(){
       $("#show").click(function() {
          $("#hidden").show();
   });

   $("#hide").click(function() {
        $("#hidden").hide();
   });
 });
</script>

And the part of HTML where the JS should work.

<span id="show">more>></span>
<p id="hidden" hidden>COOL STORY BRO
<span id="hide">less</span> </p>

Forward slashes on the web.

j08691
– j08691

2014-12-04 17:27:43 +00:00
Commented Dec 4, 2014 at 17:27 — j08691
– j08691, Commented Dec 4, 2014 at 17:27

Wilfredo P · Accepted Answer · 2014-12-04 17:35:18Z

2

wrap all into document.ready

<script type="text/javascript">

$(document).ready(function(){
     $("#show").click(function() {
        $("#hidden").show();
     });

     $("#hide").click(function() {
        $("#hidden").hide();
     });
});
</script>

Also: you have another bug, change the last script for:

<script src="Javascript/newshide.js" type="text/javascript"></script>

Docs

edited Dec 4, 2014 at 17:35

answered Dec 4, 2014 at 17:28

Wilfredo P

4,07430 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

GingerDom Over a year ago

I tried that but still nothing happens when you click the "more". got any other suggestions, thanks

GingerDom Over a year ago

Yeah the error coming up is "Uncaught SyntaxError: Unexpected token <"

GingerDom Over a year ago

Okay it was because it shouldn't have <script> stuff on it

Billy · Accepted Answer · 2014-12-04 17:31:26Z

0

Change this

<script src=".\Javascript\newshide.js" type="text/javascript"></script>

To this

<script src="Javascript/newshide.js" type="text/javascript"></script>

answered Dec 4, 2014 at 17:31

Billy

2,4381 gold badge13 silver badges13 bronze badges

Collectives™ on Stack Overflow

External Javascript doesn't load when called

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related