Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
26
rated 0 times [  27] [ 1]  / answers: 1 / hits: 24393  / 12 Years ago, sun, november 4, 2012, 12:00:00

I am following the example from this site to try and implement a live web chat application. I am very new to javascript to jquery, so I thought I'd just copy the example and learn as I go and add things.



This is the code that I am using:



@{
ViewBag.Title = OnlineUsers;
}


<html>
<head>
<title>Online Users</title>
<link rel=stylesheet href=http://cdn.leafletjs.com/leaflet-0.4/leaflet.css />
<script src=http://cdn.leafletjs.com/leaflet-0.4/leaflet.js></script>

</head>
<body>
<div id=wrapper>
<div id=upperPanel>
<div>
<ul id=messages [email protected]>

</ul>
</div>
<div id=friends>

</div>
</div>
<div id=bottomPanel>
<textarea rows=2 cols=100 id=chatMessage></textarea>
<input id=chatSubmitMessage type=submit value=Send style=margin-left: 10px; /><br />
</div>
</div>​​​​​​​​​​​​​

<script type=text/javascript>
$(function () {
var pusher = new window.Pusher('0b7eeff567653e170094');
var channel = pusher.subscribe('chat_channel');
channel.bind('message_received', function (data) {
$(#messages).
append('<li>' + data.user + ' ' + data.message + ' ' + data.timestamp + '</li>');
});

$('#chatSubmitMessage').bind('click', function () {
$.post(/, {
chatMessage: $('#chatMessage').val(),
username: $('#messages').attr('itemid')
});
});
});
</script>

</div>
</body>
</html>


This code gives me the following error in the Chrome debugger:



Uncaught TypeError: undefined is not a function
(anonymous function)
fire jquery-1.8.2.js:974
self.add jquery-1.8.2.js:1018
jQuery.fn.jQuery.ready jquery-1.8.2.js:246
jQuery.fn.jQuery.init jquery-1.8.2.js:174
jQuery jquery-1.8.2.js:44
(anonymous function)
(anonymous function) jquery-1.8.2.js:564
jQuery.extend.globalEval jquery-1.8.2.js:565
(anonymous function) jquery-1.8.2.js:6006
jQuery.extend.each jquery-1.8.2.js:611
jQuery.fn.extend.domManip jquery-1.8.2.js:5991
jQuery.fn.extend.append jquery-1.8.2.js:5764
jQuery.fn.(anonymous function) jquery-1.8.2.js:6186
$.ajax.success jquery.mobile-1.2.0.js:3685
fire jquery-1.8.2.js:974
self.fireWith jquery-1.8.2.js:1082
done jquery-1.8.2.js:7788
callback


I'm assuming the error has something to do with the function being unnamed, any help will be greatly appreciated.


More From » jquery

 Answers
17

You are not loading jquery, but trying to use it. Add this to your head



 <script src=//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js></script>

[#82210] Friday, November 2, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
ellisw

Total Points: 625
Total Questions: 92
Total Answers: 88

Location: Kazakhstan
Member since Mon, Sep 26, 2022
2 Years ago
ellisw questions
Mon, Aug 23, 21, 00:00, 3 Years ago
Fri, Nov 20, 20, 00:00, 4 Years ago
Sat, Jun 20, 20, 00:00, 4 Years ago
Tue, Apr 21, 20, 00:00, 4 Years ago
;