.js script not responding

Question

New to all of this and trying to get my .js script to work in Coda2. If anyone has any idea of why the .js script file is not responding, that would be great!

Thank you in advance!

<!DOCTYPE html>
<html>
<head>
    <title>Button Magic</title>
    <link rel='stylesheet' type='text/css' href='stylesheet.css' />
    <script type= 'text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
    <script type= 'text/javascript' src='script.js'></script>
</head>
<body>
    <div><br/><strong>Click Me!</strong></div>
</body>

In the script:

$(document).ready(function() {
$('div').mouseenter(function() {
    $('div').fadeTo('fast',1);
});
$('div').mouseleave(function(){
    $('div').fadeTo('fast',0.5);
});

});

Please find the image here of my code:

http://postimg.org/image/qis0sitd1/

you havent included the Jquery lib,so the `$(document).ready.....` would not work — dreamweiver, Apr 16 '13 at 09:09
$(document).ready(function() { $('div').slideDown('slow'); }); — Timothy Kaye, Apr 16 '13 at 09:09
It usually helps to look at the browser error console and read any error messages that might appear there. — Quentin, Apr 16 '13 at 09:09
To test whether the .js file is linked, you can try adding an `alert("test");`. If it doesn't work, make sure the `.js` file is in the root location. — Phillip-juan, Apr 16 '13 at 09:10
Welcome to Stackoverflow! Edit the question and add your code to question — iCode, Apr 16 '13 at 09:10
How do you include the Jquery lib? Thanks a lot for your help! — Timothy Kaye, Apr 16 '13 at 09:10
Same as you have with your file. I've updated my answer to show you. — harriyott, Apr 16 '13 at 09:13

harriyott · Answer 1 · 2013-04-16T09:12:25.777

2

You haven't added a script tag to include jQuery.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js' type='text/javascript'></script>

edited Apr 16 '13 at 09:12

answered Apr 16 '13 at 09:07

harriyott

10,505
10
64
103

indeed + is the js file located in the same directory as the html file ? – Laurent S. Apr 16 '13 at 09:09
I did wonder, but from the screenshot, is seemed as if it was from looking at the breadcrumbs. – harriyott Apr 16 '13 at 09:10
Definitely in the same directory as the html file and css file. – Timothy Kaye Apr 16 '13 at 09:13

score 1 · Answer 2 · edited Jan 16 '14 at 22:59

1

You haven't included the Jquery lib, please include one.

eg: http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

edited Jan 16 '14 at 22:59

Eran

387,369
54
702
768

answered Apr 16 '13 at 09:10

dreamweiver

6,002
2
24
39

BenM · Accepted Answer · 2013-04-16T09:47:33.693

1

You have to include the jQuery library. You can use the Google CDN for that:

<!DOCTYPE html>
<html>
    <head>
        <title>Button Magic</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css' />
        <script type= 'text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
        <script type= 'text/javascript' src='script.js'></script>
    </head>
    <body>
        <div><br/><strong>Click Me!</strong></div>
    </body>
</html>

edited Apr 16 '13 at 09:47

answered Apr 16 '13 at 09:12

BenM

52,573
26
113
168

I changed the head to match what you advised. Is there anything else that I need to change to make it respond? Still no function when I .mouseenter – Timothy Kaye Apr 16 '13 at 09:39
Do you have this on a local server? Or are you running it using the `file:` protocol? – BenM Apr 16 '13 at 09:43
Its on my local computer. Do I have to put it up on the server to make it work? – Timothy Kaye Apr 16 '13 at 09:46
You do with that URL structure. For testing locally, append `http:` to the beginning of the Google link. I've updated the answer to make it clearer. – BenM Apr 16 '13 at 09:47
YOU are a LEGEND! Got it to work. I have been trying for hours. Thanks! – Timothy Kaye Apr 16 '13 at 09:52

.js script not responding

3 Answers3