Foros del Web » Programando para Internet » Node.js »

usuario en linea con Node.js y Socket.io

Estas en el tema de usuario en linea con Node.js y Socket.io en el foro de Node.js en Foros del Web. hola chicos no se si me pueden ayudar un poco al respecto... quisiera saber como hacer que cuando un usuario se conecte cree un div ...
  #1 (permalink)  
Antiguo 27/10/2014, 10:31
 
Fecha de Ingreso: mayo-2010
Mensajes: 215
Antigüedad: 9 años, 6 meses
Puntos: 4
Pregunta usuario en linea con Node.js y Socket.io

hola chicos no se si me pueden ayudar un poco al respecto...

quisiera saber como hacer que cuando un usuario se conecte cree un div donde salga su nombre... y que ese div lo pueda mover con botones y que sea visto por los demas...

mas o menos la idea de mover el div seria asi...

Código PHP:
<html><head>
<
style type="text/css"
#base-map {    position:absolute;    left:0;    top:0;    width:500px;    height:320px;    z-index:1;    background-color: #CCCCCC;} 
#user-1 {position: absolute;left: 0;top: 0;width: 16px;height: 21px;z-index: 2;background-color: #006699;} 
#flec {    position:absolute;    left:514px;    top:18px;    width:103px;    height:81px;    z-index:3;} 
</style
<
script type="text/javascript">
    function 
abajo(){
    var 
posiciony=document.getElementById("user-1").offsetTop;
    var 
abajo document.getElementById("user-1").style.top=posiciony 20;
    }

    function 
arriba(){
    var 
posiciony=document.getElementById("user-1").offsetTop;
    var 
arriba document.getElementById("user-1").style.top=posiciony 20;
    }

    function 
izquierda(){
    var 
posicionx=document.getElementById("user-1").offsetLeft;
    var 
izquierda document.getElementById("user-1").style.left=posicionx  16;
    }

    function 
derecha(){
    var 
posicionx=document.getElementById("user-1").offsetLeft;
    var 
derecha document.getElementById("user-1").style.left=posicionx 16;
    }
</script>
</head>
<body>
<div id="base-map"></div> 
<div id="user-1"></div>
<table  id="flec" width="200" border="1"><tr><td>&nbsp;</td><td onClick="arriba();">arriba</td><td>&nbsp;</td></tr><tr><td onClick="izquierda();">izquierda</td><td>&nbsp;</td><td onClick="derecha();">derecha</td></tr><tr ><td>&nbsp;</td><td onClick="abajo();">abajo</td><td>&nbsp;</td></tr></table> 
</body>
</html> 
vi algunos tutos y logre crear y entender como hacer un chat por socket pero no tengo idea de como poder crear un div por un usuario que se conecte y mas moverlo en tiempo real ... agradeceria su ayudaa...
  #2 (permalink)  
Antiguo 03/11/2014, 18:08
Avatar de vick90  
Fecha de Ingreso: abril-2010
Mensajes: 144
Antigüedad: 9 años, 6 meses
Puntos: 14
Respuesta: usuario en linea con Node.js y Socket.io

Código Javascript:
Ver original
  1. var div = document.createElement('div')
  2. document.body.appendChild(div)
Listo ya tienes un div creado

Etiquetas: socket-io, usuario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:49.