Bonsoir,
j'essaye de réaliser un chat orienté objet avec un client et serveur socket.
J'ai récupéré un client en js que j'essaye de transformer en php objet
malheureusement je ne connais pas bien le js.
merci d'avance
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62$(document).ready(function(){ //create a new WebSocket object. var wsUri = "ws://localhost:9000/server.php"; websocket = new WebSocket(wsUri); websocket.onopen = function(ev) { // connection is open $('#message_box').append("<div class=\"system_msg\">Connecté!</div>"); //notify user } $('#send-btn').click(function(){ //use clicks message send button var mymessage = $('#message').val(); //get message text var myname = $('#name').val(); //get user name if(myname == ""){ //empty name? alert("Entrer votre nom"); return; } if(mymessage == ""){ //emtpy message? alert("Entrer votre message!"); return; } document.getElementById("name").style.visibility = "hidden"; var objDiv = document.getElementById("message_box"); objDiv.scrollTop = objDiv.scrollHeight; //prepare json data var msg = { message: mymessage, name: myname, color : '<?php echo $colours[$user_colour]; ?>' }; //convert and send data to server websocket.send(JSON.stringify(msg)); }); //#### Message received from server? websocket.onmessage = function(ev) { var msg = JSON.parse(ev.data); //PHP sends Json data var type = msg.type; //message type var umsg = msg.message; //message text var uname = msg.name; //user name var ucolor = msg.color; //color if(type == 'usermsg') { $('#message_box').append("<div><span class=\"user_name\" style=\"color:#"+ucolor+"\">"+uname+"</span> : <span class=\"user_message\">"+umsg+"</span></div>"); } if(type == 'system') { $('#message_box').append("<div class=\"system_msg\">"+umsg+"</div>"); } $('#message').val(''); //reset text var objDiv = document.getElementById("message_box"); objDiv.scrollTop = objDiv.scrollHeight; }; websocket.onerror = function(ev){$('#message_box').append("<div class=\"system_error\">Erreur- "+ev.data+"</div>");}; websocket.onclose = function(ev){$('#message_box').append("<div class=\"system_msg\">Connection FERMER</div>");}; });







Répondre avec citation
Partager