Création d'une application de chat

Version imprimable

Bonjour,
j'ai suivi le tutorial pour réaliser une application de chat avec ajax et javascript
mais j'ai rencontré le problème suivant dans le fichier "chat.js" :

Citation:

Uncaught ReferenceError: $ is not defined

causé par la ligne en avec le commentaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
var chat = {}
chat.fetchMessages = function () {
	$.ajax({
		url: 'ajax/chat.php',
		type: 'post',
		data: {method: 'fetch'},
		success: function(data) {
			$('.chat .messages').html(data);
		}
	});
}
chat.throwMessages = function (message) {
	if($.trim(message).length !=0) {
		$.ajax({
				url: 'ajax/chat.php',
				type: 'post',
				data: {method: 'throw', message: message},
				success: function(data) {
				    chat.fetchMessages();
					chat.entry.val('');
 
				}
			});
	}
}
chat.entry = $('.chat .entry'); // Erreur à cette ligne
chat.entry.bind('keydown', function(e){
    console.log(e.keycode);
	if (e.keycode === 13 && e.shiftkey === false) {
		chat.throwMessages($(this).val());
		e.preventDefault();
	}
});
chat.interval = setInterval(chat.fetchMessages,5000);
chat.fetchMessages();

25/04/2013, 16h10
lemirandais

Question con, tu n'aurais peut-être pas oublié de charger la librairy jquery?

lemirandais

la bibliothèque jquery à été chargé dans le fichier index.php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<html>
	<head>
		<title> Application chat</title>
		<link rel="stylesheet" type="text/css" href="css/styles.css"/>
	</head>
	<body>
			<div class="chat">
			<div class="messages"></div>
			<textarea class="entry" placeholder="tapez votre message svp!!"></textarea>
		</div>
		<script src="js/chat.js" type="text/javascript"></script>
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"> </script>
 
	</body>
</html>

26/04/2013, 10h25
lemirandais

Règle numéro 1 avec jquery, toujours le chargé avant tes scripts.
En gros, avec ton code, tu dis exécuté ceci mais il te manque les fonctions jquery.
Met le scrip jquery en premier puis ton script chat, cela marchera mieux.
Avec jquery, l'ordre des scripts est très important.

lemirandais
26/04/2013, 10h32
Bovino

Citation:

Envoyé par lemirandais

Avec jquery, l'ordre des scripts est très important.

Avec JavaScript tout court...
26/04/2013, 10h40
lemirandais

Citation:

Envoyé par Bovino

Avec JavaScript tout court...

exact.

Comme je l'expliquais dernièrement à un petit stagiaire, javascript et jquery (voir d'autres frameworks js), c'est un peu comme dans la vie, en gros,
Tu as une voiture, pour la conduire, il te faut le permis, pour le permis, il te faut avoir l'age, et pour avoir l'age, il te faut exister.

En gros, il te faut
Existé (jquery ou autre)
+ de 18 ans (script 1)
+ avec le permis (script 2)
+ conduire la voiture (script 3)
26/04/2013, 10h52
damosnet

merci infiniment
question résolue :ccool: