Cicklow
Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario popular!
Suscripción a IA
¡Feliz cumpleaños!
- Desde
- 30 May 2011
- Mensajes
- 776
Buenas, en esta ocasión aprenderemos a crear un simulador de chat (facebook) para nuestros sitios webs.
Vale aclarar que no tendrán que programar nada, solo colocar códigos en sus respectivos lugares, configurar los textos y el script que programe trabajara solo.
Lo que logramos con esto es que cuando el usuario haga clic en el chat, se abre una ventana con la url antes configurada.
Pueden ver un ejemplo en esta web:
Descarga:
Colocar entre <head> y </head>
Después de <body>
Antes de </body>
(Este texto no lo editen, solo agréguenlo al final.)
Ahora las opciones son (config.js):
Url destino (al hacer click en el chat, se abre una ventana con esta url)
Mensaje del chat (#NOMBRE es una variable, significa el nombre del usuario logeado en facebook), pueden usar html
Nombre de la persona que les escribe (virtualmente)
Imagen de la persona que les escribe
ID de la aplicación en facebook:
Y tendremos esto:
Vale aclarar que si el usuario no esta logeado en facebook, aparece "Usuario" en lugar del nombre que usa en facebook!
Vale aclarar que no tendrán que programar nada, solo colocar códigos en sus respectivos lugares, configurar los textos y el script que programe trabajara solo.
Lo que logramos con esto es que cuando el usuario haga clic en el chat, se abre una ventana con la url antes configurada.
Pueden ver un ejemplo en esta web:
HTML:
http://www.cicklow.com/FChat/
HTML:
http://www.cicklow.com/FChat/FChat.rarColocar entre <head> y </head>
HTML:
<link rel='stylesheet' href='style.css?v=1' type='text/css' media='all' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<script type='text/javascript' src='config.js?v=1'></script>
<script type='text/javascript' src='script.js?v=2'></script>Después de <body>
HTML:
<div id="fb-root"></div>Antes de </body>
HTML:
<div id="chat_face_panel" class="chat_face_style_FL"><img src="img/chat.gif"><div id="chat_face_dialog_from"><img src="img/online.gif" style="display:inline"> <font color="#ffffff"><b>#QUIEN#</b></font></div><div id="chat_face_dialog_text"><p>#IMAGEN##TEXTO#</p></div><img id="chat_face_panel_close_FL" src="img/blank.png"></div>Ahora las opciones son (config.js):
Url destino (al hacer click en el chat, se abre una ventana con esta url)
HTML:
var _URL = 'http://www.google.com.ar'; //Url DestinoMensaje del chat (#NOMBRE es una variable, significa el nombre del usuario logeado en facebook), pueden usar html
HTML:
var _TXT = 'Hola #NOMBRE#<br/>Mensaje bla bla bla 1<br/>Mensaje bla bla bla 2<br/>Mensaje bla bla bla 3<br/>Mensaje bla bla bla 4';Nombre de la persona que les escribe (virtualmente)
HTML:
var _NOM = 'Esica Romero';Imagen de la persona que les escribe
HTML:
var _IMG = 'http://profile.ak.fbcdn.net/hprofile-ak-ash2/370855_1602586368_952994566_q.jpg';ID de la aplicación en facebook:
HTML:
var _APPID = 'ID_APP';Y tendremos esto:
Vale aclarar que si el usuario no esta logeado en facebook, aparece "Usuario" en lugar del nombre que usa en facebook!
Última edición:
