Création d'une application de chat

**damosnet** · 25/04/2013, 12h22

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" :

Uncaught ReferenceError: $ is not defined

causé par la ligne en avec le commentaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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();

**lemirandais** · 25/04/2013, 16h10

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

lemirandais

**damosnet** · 26/04/2013, 10h23

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**lemirandais** · 26/04/2013, 10h25

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

**Bovino** · 26/04/2013, 10h32

Envoyé par lemirandais

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

Avec JavaScript tout court...

**lemirandais** · 26/04/2013, 10h40

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)

Création d'une application de chat

jQuery

Vue hybride

Discussions similaires

Partager

Partager