[Project] Staff's Chatbox

Code:

{
    "user": [{
        "id": 1,
        "name": "JScript",
        "pname": "%3Cspan%20style%3D%22color%3A%23000099%22%3E%3Cstrong%3EJScript%3C%2Fstrong%3E%3C%2Fspan%3E",
        "avatar": "http://autoitbrasil.com/forum/uploads/av-89.png"
    }, {
        "id": 2,
        "name": "Member Test",
        "pname": "%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%20153)%3B%22%3E%3Cstrong%3EMember%20Test%3C%2Fstrong%3E%3C%2Fspan%3E",
        "avatar": "http://2img.net/i/fa/invision/pp-blank-thumb.png"
    }],
    "msgs": [{
        "id": 1,
        "msg": "Messages%20cleared!",
        "date": "18:56 - 19/12/2014"
    }, {
        "id": 1,
        "msg": "Test%2001%20-%20FF",
        "date": "18:56 - 19/12/2014"
    }, {
        "id": 2,
        "msg": "Test%2002%20-%20IE",
        "date": "18:57 - 19/12/2014"
    }, {
        "id": 2,
        "msg": "Test%2003%20-%20CR",
        "date": "18:57 - 19/12/2014"
    }]
}


FrOsTyXi wrote:Question @JScript is it possible to have the staff chatbox in the same location as the member chat? maybe a toggle tab or something? Just an idea.

JScript wrote:

FrOsTyXi wrote:Question @JScript is it possible to have the staff chatbox in the same location as the member chat? maybe a toggle tab or something? Just an idea.

Yes it can be done that way too, just a matter of a few lines of code to make this possible...

But for now it is not my current focus.

JS

Black-Shadow wrote:Hello,
It's a nice project if it works.

Rapid_Punbb wrote:It's not saving the messages, thus I'm getting "äȠAh" this at the chatbox.

Code:

document.getElementById(chatbox_id).innerHTML = '<iframe src="/chatbox/index.forum?archives=1" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
 $('#' + chatbox_id).parent().detach().prependTo('#wrapper');

JScript wrote:

Rapid_Punbb wrote:It's not saving the messages, thus I'm getting "äȠAh" this at the chatbox.

Okay, this is due to the fact that messages are now compressed to save storage space, but I'm still testing across multiple browsers and all versions to see if there are any problems.

Please tell me the version of your forum and what browser you are using right?

Thanks for the info,

JS

Code:

.chatmsgs {
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
overflow: hidden !important;
box-shadow:0px 2px 5px 2px blue inset !important;
border:none !important;
  background-color: #000;
}
.chatinput{
box-shadow:0px -2px 5px 2px blue inset !important;
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
overflow: hidden !important;
background-color:black !important;
}
#chatstaff{padding:5px; !important}
#ul_chat_staff .content{background-color:black !important;color:skyblue !important; border:none !important; background-color: transparent !important;}
#js_chatstaff {background-color:transparent;}
.chatinput > .button2{ box-shadow:0px 0px 5px 2px blue inset !important;border:1px solid blue !important;font-weight:bold !important; background:black !important; color:white !important; margin-top:-0px !important;}

Code:


    #js_chatstaff .chatmsgs {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    overflow: hidden !important;
    box-shadow:0px 2px 5px 2px #6699CC inset !important;
    border:none !important;
    background-color:transparent !important;
    background-image: url(https://www.filepicker.io/api/file/B78v2FkMQC63jNjA0nLx+jsbg.png) !important;
    background-position:100px -50px �!important;
    background-size:100%
    background-repeat:no-repeat;
    }
    #cstaff_input{background-image: url(https://www.filepicker.io/api/file/8KBesybRWSG0xry7axyz+glassbar3.png)}
    #js_chatstaff .chatinput{
    box-shadow:0px -2px 5px 2px #6699CC inset !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    overflow: hidden !important;
    background-color:transparent !important;
    background-image: url(https://www.filepicker.io/api/file/B78v2FkMQC63jNjA0nLx+jsbg.png) !important;
    }
    #js_chatstaff #chatstaff{padding:5px; !important;
    width: 99% !important;
    margin-top: 10px !important;
    }
    #js_chatstaff #ul_chat_staff .content{
background-color:black !important;
color:skyblue !important;
 border:none !important;
 background-color: transparent !important;
}
    #js_chatstaff {background-color:transparent;}
    #js_chatstaff .chatinput > .button2{
 box-shadow:0px 0px 2px 0px #6699CC inset !important;
border:none !important;
font-weight:bold !important;
 background: url(https://www.filepicker.io/api/file/8KBesybRWSG0xry7axyz+glassbar3.png) !important;
 color:white !important;
margin-top:-0px !important;
padding:2px 5px;
 border-radius:5px !important;
}



JScript wrote:

Black-Shadow wrote:Hello,
It's a nice project if it works.

By the way: It worked for you?

I added more information on the topic of how to proceed ...

JS

JScript wrote:@FrOsTyXi
Yes of course, but we'll leave that for another topic ok?

---

@Rapid_Punbb
I just test the current code in all versions and including the browsers you posted there and the result was satisfactory!
See the Safari browser on a Mac OS X:


I need more information ... You could inform the address of your forum?

Thanks for the information,

JS