CODEWITHSUNDEEP
javascripthtmlfile
ABor
ABor

Reputation: 173

Javascript file placed in external file not executing

I made a webpage that inputs user's feedback using a form. On successful submit I display a thank you message on the same page, for which I'm using javascript.

The code executes well when I put the javascript on the same page. However, when I tried to separate the script onto a file (in a test webserver), it stopped executing.

Can you please help?

Relevant codes are mentioned below: Head Element

<head>
        <meta charset="utf-8" />
        <!-- For proper rendering and touch zooming in mobile devices -->
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="shortcut icon" type="image/x-icon" href="images/logo.ico" />

        <title><?= htmlspecialchars($title) ?></title>
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" />
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

        <link rel="stylesheet" type="text/css" href="css/style.css" />      
        <script type="text/javascript" src="../javascript/submit-logic.js"></script>

    </head>

First 2-3 lines of the javascript function:

$(function () 
{
    $('form').submit(function (e) 
    {                   
        e.preventDefault();

Detailed code (HTML, CSS, Javascript) can be found in my codepen (this is working as expected) : http://codepen.io/abbor123/pen/YGwVXg

Javascript folder is placed outside the Public folder and has 755 permission.

Edit 1:

File Tree Screenshot:

File Tree

Console Error Screenshot: (submit-logic.js is the name of my javascript file. The URL mentioned on hovering over this link is: /javascript/submit-logic.js:1 )

Console Error

The javascript code page is available at the following URL: https://gist.github.com/abor123/3193eb399c3f973be453ae9a8fcc0ce5

Upvotes: 0

Views: 81

Answers (1)

Steven Leimberg
Steven Leimberg

Reputation: 785

Move your javascript folder into public_html. As Quentin commented, your server likely isn't set up to serve any files outside public_html.

Upvotes: 2

Related Questions