PDA

View Full Version : [Javascript] Visualizzare messaggio quando ci si connette a una pagina


laffy95
16-05-2015, 17:32
Salve a tutti, ho un problema su come far uscire un messaggio in una pagina x di un sito quando ci si connette a quella principale.
esempio: mi connetto a miosito.com/index.html , mi deve uscire un messaggio qualsiasi in miosito.com/messaggio.html
Per fare ciò ho provato in questo modo, ma manca il codice in messaggio.html , perchè non so cosa mettere >.<
Vi posto i file che ho fatto fin'ora.
index.html
<html><head>
<title>tab</title>
</head>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script src="socket.io/socket.io.js"></script>
<script src="main.js"></script>
<body>
<ul id="tab"></ul>
<p id="mg">L'utente si è connesso <span></span> !</p>
<p id="id"></p>
</body>
</html>


main.js



window.onload = function()
{
var socket=io();
socket.on('punto indirizzi', function(messaggio){
//console.log(s);
$('#mg span').text(messaggio);
});


function mex() {
document.getElementById('id').innerHTML = 'ciao';
socket.emit('puntoaggiorna indirizzi', messaggio);
}
mex();
}



index.js
var express = require('express');var app = express();
var http = require('http').Server(app);
var io = require('socket.io')(http)


app.use(express.static(__dirname + '/public'));


//io.emit('some event', { for: 'everyone' });


io.on('connection',function(socket){
socket.on('puntoaggiorna indirizzi', function(ciao){
io.emit('punto indirizzi', ciao);
console.log('indirizzi:' + ciao);
});
});


//http.listen(3000, function(){
//console.log('listening on *:3000');

//});

messaggio.html vuoto

Spero riuscirete a darmi una mano , grazie in anticipo e scusate per il titolo ma non sapevo come altro scriverlo

OoZic
17-05-2015, 10:54
e' pieno di errori, in index.html:
- hai inserito gli script dopo aver chiuso head, prima di aver aperto body. meglio mettere gli script alla fine del documento prima di chiudere </body>

in main.js:
- se metti come ti ho detto gli script prima della chiusura del body puoi evitare di usare window.onload, rimuovi quella parte.
- e' buon uso mettere tutto in una funzione anonima in modo da non inquinare il global space.

(function(io){
// tuo codice qui
}(io))


in index.js:
- hai commentato la parte dove il server si mette in ascolto quindi non potra'mai funzionare

Guarda qui c'e' una bella guida dettagliata che ti fa capire come fare le cose:
http://socket.io/get-started/chat/