Chat Swishmax tercera parte y final

Posteado el 16. Aug, 2010 por in Swishmax

Aqui puedes ver el resultado final del chat

PASO 1
Es hora de empezar a colocar todos los códigos a nuestro chat, vamos a la Scene_1 y luego en la ventana Script vamos a colocarle el siguiente Script.

onSelfEvent (load) {
    Stage.scaleMode = "noScale";
}
onFrame (1, afterPlacedObjectEvents) {
    stop();
}
onFrame (2, afterPlacedObjectEvents) {
    if (postload eq "loaded") {
        sentfirst1 = "loaded";
        dataloader.gotoAndPlay(3);
        gotoSceneAndStop("<current scene>",1);
    }
}
onFrame (3, afterPlacedObjectEvents) {
    gotoSceneAndPlay("<current scene>",2);
}

Tutorial chat Swishmax

PASO 2
Seleccionamos el Movie clip llamado log y en la ventana Script le colocamos el siguiente código.

onSelfEvent (load) {
    ping.useHandCursor = false;
}
onFrame (1, afterPlacedObjectEvents) {
    stop();
}

Tutorial chat Swishmax

PASO 3
Desplegamos el Movie clip log y vamos al movie clip llamado login y en la ventana Script colocamos el siguiente código.

onSelfEvent (load) {
    Selection.setFocus("_root.log.login.username");
    drag.useHandCursor = false;
    back.useHandCursor = false;
}
onFrame (1, afterPlacedObjectEvents) {
    stop();
}

Tutorial chat Swishmax

PASO 4
Ahora desplegamos el Movie Clip llamado login y seleccionamos el botón enviar; vamos a la ventana Script y colocamos el siguiente código.

on (release) {
    if (username.length > 1) {
        _root.gotoAndStop(1);
        _root.username = username;
        _root.log.gotoAndStop(2);
        Selection.setFocus("_root.new.text");
    }
    else {
        Selection.setFocus("_root.log.login.username");
    }
}

Tutorial chat Swishmax

PASO 5
Contraemos nuestro movie clip login y log y ahora vamos al movie clip llamado Scholl_enviar y en la ventana script colocamos el siguiente código.

onSelfEvent (load) {
    downs = "false";
    ups = "false";
}
onSelfEvent (enterFrame, includingFirstFrame) {
    if (downs eq "true") {
        _root.new_.scroll  += 1;
    }
    if (ups eq "true") {
        _root.new_.scroll  -= 1;
    }
}

Tutorial chat Swishmax

PASO 6
Desplegamos el movie clip Scroll_enviar y al botón que contiene la forma que apunta hacia arriba, en la ventana script le colocamos el siguiente código.

on (press) {
    ups = "true";
}
on (release,dragOut) {
    ups = "false";
}

Tutorial chat Swishmax

PASO 7
Seleccionamos el botón que contiene la flecha que apunta hacia abajo y le colocamos el siguiente código

on (press) {
    downs = "true";
}
on (release,dragOut) {
    downs = "false";
}

Tutorial chat Swishmax

PASO 8
Ahora seleccionamos el botón de Enviar mensaje y en la ventana Script vamos a colocarle el siguiente código.

on (release,keyPress("<Enter>")) {
    if (_root.log._currentframe != 1) {
        username = _root.username;
        message  = _root.messageposted;
        _root.postload = "not loaded";
        _root.loadVariablesNum("postnew.php",0,'POST');
        _root.messageposted = "";
        gotoSceneAndPlay("<current scene>",2);
        Selection.setFocus("_root.new.text");
    }
}

Tutorial chat Swishmax

PASO 9
Seleccionamos el Movie Clip llamado scroll_mensaje y en la ventana Script vamos a colocar el siguiente código.

onSelfEvent (load) {
    downs = "false";
    ups = "false";
}
onSelfEvent (enterFrame, includingFirstFrame) {
    if (downs eq "true") {
        _root.sent.scroll  += 1;
    }
    if (ups eq "true") {
        _root.sent.scroll  -= 1;
    }
}

Tutorial chat Swishmax

PASO 10
Desplegamos el Movie clip y seleccionamos el botón que contiene la flecha hacia arriba y en la ventana Script colocamos el siguiente código.

on (press) {
    ups = "true";
}
on (release,dragOut) {
    ups = "false";
}

Tutorial chat Swishmax

PASO 11
Ahora seleccionamos el botón que contiene la flecha hacia abajo y en la ventana Script colocamos el siguiente código.

on (press) {
    downs = "true";
}
on (release,dragOut) {
    downs = "false";
}

Tutorial chat Swishmax

PASO 12
Seleccionamos el Movie Clip llamado dataloader y en la ventana script vamos a colocar el siguiente código.

onSelfEvent (load) {
    _root.sentfirstl = "not loaded";
    _root.loadVariablesNum("sentfirst.php",0);
}
onFrame (2, afterPlacedObjectEvents) {
    if (_root.sentfirst1 eq "loaded") {
        gotoAndPlay(3);
    }
    else {
        gotoAndPlay(1);
    }
}
onFrame (3, afterPlacedObjectEvents) {
    if (_root.sentfirst1 eq "loaded" ) {
        _root.sent.scroll = _root.sent.maxscroll;
        _root.sentfirst1 = "loaded, no need to load it again.";
    }
    _root.sentother1 = "not loaded";
    _root.loadVariablesNum("sentother.php",0);
}
onFrame (4, afterPlacedObjectEvents) {
    if (_root.sentother1 eq "loaded") {
        gotoAndPlay(5);
    }
    else {
        gotoAndPlay(3);
    }
}
onFrame (5, afterPlacedObjectEvents) {
    if (_root.postedmessages.indexOf(_root.sendlastline)== -1) {
        scrolling = "true";
        _root.postedmessages = _root.postedmessages add _root.sendlastline;
        _root.sent.scroll = _root.sent.maxscroll;
        _root.sent.scroll ++;
    }
}
onFrame (8, afterPlacedObjectEvents) {
    if (scrolling eq "true") {
        _root.sent.scroll = _root.sent.maxscroll;
    }
}
onFrame (30, afterPlacedObjectEvents) {
    scrolling = "false";
    gotoAndPlay(3);
}

Tutorial chat Swishmax

PASO 13
Por ultimo vamos a copiar estos 3 archivos php y el archivo txt en la misma carpeta en donde esta el swf que exportamos (los archivos php y txt los adjunto para que los descarguen).

Tutorial chat Swishmax

PASO 14
Listo ya tienen su chat terminado solo les queda exportar su swf y subir sus archivos a su web.

Tutorial chat Swishmax

Descarga el editable de Chat Swishmax tercera parte y final


Tags: ,

4 Respuestas para “Chat Swishmax tercera parte y final”

  1. jose andrese

    02. Sep, 2010

    Hola, se ve muy bien muchas gracias, pero parece que el chat no baja de forma automatica para poder ver los textos que se van agregando, es decir si escribo algo me manda hasta la parte superior y me hace ver lo que ya avia escrito antes pero no lo que apenas escribi por que eso esta en la parte inferior.

  2. luis

    16. Sep, 2010

    si, ya lo probé, pensé que cargando solamente la película funcionaria, pero no fue así, estuve tratando de ver que podía ser, pero creo que el scroll del texto es el que no funciona, quizás por ello no baja automáticamente.

    pero el chat es muy bueno.

  3. miguel castilla

    02. Nov, 2011

    quite las lineas en l php hasta el 16 para ver si jala el scroll y no fue asi me podrian ayudar ya que el chat es genial en espera de su respuesta. gracias

  4. krlosoul

    24. Nov, 2011

    Buen dia
    este es un tuto muy bueno pero tengo 3 problemas:

    1). no importa que texto escriba me aparece “undefined” en la caja send

    2).solo puedo escribir una vez y luego tengo ke recargar la pagina ingresar de nuevo i volver a escribir (no puedo escribir mas de dos textos kon la misma secion i toka ke recargar la pagina e ingresar de nuevo)

    3).el scroll no me funciona ni automaticamente ni al darle click

    me gustaria un poco de ayuda ejjeje de antemano gracias!!! :D

Deja tu Comentario

Tutoriales en la web se reserva el derecho de moderación de los comentarios. Evita por favor utilizar palabras soeces, ataques directos e insultos, de lo contrario tu comentario será eliminado.

Hire PHP Developer India
Get Adobe Flash player