Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Ali Baba en 5 Julio 2017, 04:17 am


Título: El Chat se movia solo O:
Publicado por: Ali Baba en 5 Julio 2017, 04:17 am
Hace unos dias estaba en este chat: https://ciberluna.com/ y estaba hablando en sala, cuando un administrador me dice: AGUANTATE!!!
yo no entendi, y de momento el chat se empezo a mover de un lado a otro, como si fuese un terremoto!!! como pudo haber hecho eso? Alguien ha hecho un algoritmo similar?

Título: Re: El Chat se movia solo O:
Publicado por: engel lex en 5 Julio 2017, 04:22 am
explicate "moverse de un lado a otro"

Título: Re: El Chat se movia solo O:
Publicado por: EFEX en 5 Julio 2017, 06:41 am
No es ningun algoritmo, es solo animacion css hay millones de ejemplos.. este es desde la pagina

Código
  1. @-webkit-keyframes shake {
  2.     from,
  3.     to {
  4.         -webkit-transform: translate3d(0, 0, 0);
  5.         transform: translate3d(0, 0, 0);
  6.     }
  7.     10%,
  8.     30%,
  9.     50%,
  10.     70%,
  11.     90% {
  12.         -webkit-transform: translate3d(-10px, 0, 0);
  13.         transform: translate3d(-10px, 0, 0);
  14.     }
  15.     20%,
  16.     40%,
  17.     60%,
  18.     80% {
  19.         -webkit-transform: translate3d(10px, 0, 0);
  20.         transform: translate3d(10px, 0, 0);
  21.     }
  22. }
  23.  
  24. @keyframes shake {
  25.     from,
  26.     to {
  27.         -webkit-transform: translate3d(0, 0, 0);
  28.         transform: translate3d(0, 0, 0);
  29.     }
  30.     10%,
  31.     30%,
  32.     50%,
  33.     70%,
  34.     90% {
  35.         -webkit-transform: translate3d(-10px, 0, 0);
  36.         transform: translate3d(-10px, 0, 0);
  37.     }
  38.     20%,
  39.     40%,
  40.     60%,
  41.     80% {
  42.         -webkit-transform: translate3d(10px, 0, 0);
  43.         transform: translate3d(10px, 0, 0);
  44.     }
  45. }
  46.  
  47. .shke {
  48.     -webkit-animation-duration: 1s;
  49.     animation-duration: 1s;
  50.     -webkit-animation-fill-mode: both;
  51.     animation-fill-mode: both;
  52.     -webkit-animation-iteration-count: infinite;
  53.     animation-iteration-count: infinite;
  54.     -webkit-animation-name: shake;
  55.     animation-name: shake;
  56. }

Título: Re: El Chat se movia solo O:
Publicado por: dato000 en 5 Julio 2017, 15:29 pm
Cita de: EFEX en  5 Julio 2017, 06:41 am
No es ningun algoritmo, es solo animacion css hay millones de ejemplos.. este es desde la pagina

Código
  1. @-webkit-keyframes shake {
  2.     from,
  3.     to {
  4.         -webkit-transform: translate3d(0, 0, 0);
  5.         transform: translate3d(0, 0, 0);
  6.     }
  7.     10%,
  8.     30%,
  9.     50%,
  10.     70%,
  11.     90% {
  12.         -webkit-transform: translate3d(-10px, 0, 0);
  13.         transform: translate3d(-10px, 0, 0);
  14.     }
  15.     20%,
  16.     40%,
  17.     60%,
  18.     80% {
  19.         -webkit-transform: translate3d(10px, 0, 0);
  20.         transform: translate3d(10px, 0, 0);
  21.     }
  22. }
  23.  
  24. @keyframes shake {
  25.     from,
  26.     to {
  27.         -webkit-transform: translate3d(0, 0, 0);
  28.         transform: translate3d(0, 0, 0);
  29.     }
  30.     10%,
  31.     30%,
  32.     50%,
  33.     70%,
  34.     90% {
  35.         -webkit-transform: translate3d(-10px, 0, 0);
  36.         transform: translate3d(-10px, 0, 0);
  37.     }
  38.     20%,
  39.     40%,
  40.     60%,
  41.     80% {
  42.         -webkit-transform: translate3d(10px, 0, 0);
  43.         transform: translate3d(10px, 0, 0);
  44.     }
  45. }
  46.  
  47. .shke {
  48.     -webkit-animation-duration: 1s;
  49.     animation-duration: 1s;
  50.     -webkit-animation-fill-mode: both;
  51.     animation-fill-mode: both;
  52.     -webkit-animation-iteration-count: infinite;
  53.     animation-iteration-count: infinite;
  54.     -webkit-animation-name: shake;
  55.     animation-name: shake;
  56. }

wow, muy bueno, supongo que hay un poco de JqueryUi haciendo el trabajo en esas ventanas, je que buen ejemplo de trollear al usuario.

Título: Re: El Chat se movia solo O:
Publicado por: Ali Baba en 13 Julio 2017, 05:21 am
yo se que era una animacion css  :rolleyes: xD, pero la forma en que el administrador controlaba quien la veia o no!!!!

Título: Re: El Chat se movia solo O:
Publicado por: engel lex en 13 Julio 2017, 05:33 am
en jscript... si llega x mensaje, entonces agrega la clase a el elemento, espera 3 segundos y remueve

Título: Re: El Chat se movia solo O:
Publicado por: Ali Baba en 13 Julio 2017, 05:45 am
Código:
en jscript

entonces no necesitas tener un codigo en el backend que te permita manejar el frontend de un usuario en especifico de esa manera?

Título: Re: El Chat se movia solo O:
Publicado por: engel lex en 13 Julio 2017, 05:50 am
Cita de: magodiesan en 13 Julio 2017, 05:45 am
Código:
en jscript

entonces no necesitas tener un codigo en el backend que te permita manejar el frontend de un usuario en especifico de esa manera?

esto no tiene mucho sentido... el backend no controla el comportamiento en navegador...

esto se llaman mensajes de control... si un mensaje con una codificación especifica se envía, el servidor revisa si es para el, de ser así se comete una acción, si no, lo redirige al usuario des tino el paquete, si llega al cliente un mensaje de control se dispara una acción...

ejemplo cuando aquí usas las etiquetas


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines