API

Utilisation normale

<script src="https://www.shoutbox.com/chat/"></script>
<script>var chat = new Chat(id, username, avatar);</script>


id : script id que vous recevez quand vous vous inscrivez

username : (facultatif): vous pouvez spécifier le nom d'utilisateur de l'utilisateur, de sorte qu'il s'auto-connecte

avatar : (facultatif): lien http à l'image de l'avatar

var chat = new Chat(5, "John", "http://graph.facebook.com/1293950711/picture?type=large&width=140&height=140");
// connects to id chat 5 , as John and with facebook avatar Test que dans le nouveau navigateur

La largeur et la hauteur

La largeur de la shoutbox est de 100%, par défaut, la hauteur est de: 360px


Pour modifier la largeur: embed the chat into a <div> element with the width of your choice.

Pour modifier la hauteur: over ride .shoutBoxContainer CSS

var chat = new Chat(5, "John");

<style>
.shoutBoxContainer {
 height:450px;
}
</style>
Test que dans le nouveau navigateur

Personnalisation CSS

Vous pouvez le personnaliser facilement sur la circonscription de la CSS existant.

Le css existant est situé dans le https://www.shoutbox.com/chat/css/shoutbox.css, avoir un coup d'oeil


var chat = new Chat(5, "John"); // connects to id chat 5 , as John
<style >

.shoutBoxContainer {
background-color: #FF0000;

}
</style>
Test que dans le nouveau navigateur

La Traduction Du Texte

Vous pouvez traduire les textes dans le langage que vous voulez.

Vous devez modifier ces proprties:


var chat = new Chat(5, "John"); // connects to id chat 5 , as John
chat.traductions.enterYourTextHere = "Entrez votre texte ici"; Test que dans le nouveau navigateur

welcome:"Welcome {0}"
userOnline:"{0} user online"
usersOnline:"{0} users online"
enterYourTextHere : "Enter your text here"
serverMessage: "<div class='shoutServerText'>{0}</div>"
enterAdminPassword:"Enter admin password"
imageAvatar: "<img src='{0}' class='shoutBoxAvatar'>"
youAreAdminNow:"You are admin now"
mp3: "chat/mp3/dink.mp3"
addUser : "<div class='shoutBoxUserItem' data-id={0} id='shoutBoxUser{1}'>{2}{3}</div>"
banText : "<button class='shoutboxBanBtn' alt='Ban all messages from this user' title='Ban all messages from this user'>Ban</button>"
receivedText:"<div data-id={0} data-ip={1} class='shoutText'>{2}<span class='shoutDate'>{3} </span><span class='shoutUserText'>{4}</span>: {5}<button class='shoutboxBanBtn'>ban</button><button class='shoutboxDelBtn'>del</button></div>

Smileys / Emoticons

Vous êtes libre de modifier/ajouter/modifier les émotions.Vous pouvez le faire avec chat.smileys de la propriété.
var chat = new Chat(5, "John"); // connects to id chat 5 , as John
chat.smileys["(oo)"] = "<img src='https://www.shoutbox.com/chat/smileys/(lol).gif'>"; Test que dans le nouveau navigateur

chat.smileys = {
"(angry)":"<img src='smileys/(angry).gif'>",
"(lol)":"<img src='smileys/(lol).gif'>",
"(angry)":"<img src='smileys/(angry).gif'>",
"(love)":"<img src='smileys/(love).gif'>",
"(sorry)":"<img src='smileys/(sorry).gif'>",
"(why)":"<img src='smileys/(why).gif'>",
":D":"<img src='smileys/D).gif'>",
";(":"<img src='smileys/;(.gif'>",
"(sorry)":"<img src='smileys/(sorry).gif'>",
";)":"<img src='smileys/(happy).gif'>",
":)":"<img src='smileys/(happy).gif'>"