chatSocketAchex jQuery Plugin

chatSocketAchex (Demo)

chatSocketAchex jQuery

Quick start

1.- Include the files

    
  
    <!-- Bootstrap and JQuery -->
    
    <script src="jquery.min.js"> </script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">    
    
    <!-- Plugin -->
    <link rel="stylesheet" type="text/css" href="chatSocketAchex.css">
    <script src="chatSocketAchex.js"></script>    

2.- Create HTML Element

   <div id="Elchat"></div>
             

3.- Call the the plugin on a container as your wish

   $('#Elchat').ChatSocket();
               

4.- All done!

Options

you can custom by passing options when call the plugin, all available options are listed below. call the the plugin on a container wish you wish

        $('#Elchat').ChatSocket({
                    option: value,
                    option2: value2
       });
                 
               

Demo (Options)

        { 
       Room:"RoomDeveloteca", // important  - room or user
       pass:"1234", // important - pass of room or user
       lblTitulChat:" Chat Develoteca.com ", //Chat Name
       lblCampoEntrada:"Menssage",
       lblEnviar:"Send",
       textoAyuda:"Develoteca", // Help button
       Nombre:"Anónimo", // default Name.
       urlImg:"http://placehold.it/50/55C1E7/fff&text=U", // Avatar chat
       btnEntrar:"btnEntrar",
       btnEnviar:"btnEnviar",
       lblBtnEnviar:"Enviar",
       lblTxtEntrar:"txtEntrar",
       lblTxtEnviar:"txtMensaje",
       lblBtnEntrar:"Enter",  // Joined button
       idDialogo:"DialogoEntrada", 
       classChat:"",  // add class chat
       idOnline:"ListaOnline", // id control users joined 
       lblUsuariosOnline:"Users joined", // text users online 
       lblEntradaNombre:"Name:",
       panelColor:"success"
        }