Shulou(Shulou.com)06/03 Report--

This article introduces the relevant knowledge of "how to write AJAX chat rooms". Many people will encounter such a dilemma in the operation of actual cases, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Plug-in name: ChatRoom

Plug-in version: v1.0

Plug-in author: Clear

The plug-in supports BLOG version: PJBlog2 v2.5.0125

Version Notes:

Enable PJBlog2 to support instant communication among users

AJAX has no refresh and can instantly communicate in any page (HTML code is not supported)

Support for shortcut keys

A shortcut key to record a conversation forward: ↑

Shortcut key for recording a conversation backward: ↓

Submit conversation shortcut: Enter or Ctrl + Enter

Clear shortcut key: Ctrl + Delete

Keep historical chat records

Automatically focus to send message box

Support for FireFox

Installation method:

Copy the following CSS to your skin style layout.css file

The code is as follows:

/ *-chat room style-- * /

# outmain {

Height: 200px

Font-size: 9pt

Overflow-y: auto

Overflow-x: hidden

SCROLLBAR-ARROW-COLOR:#FF9900

SCROLLBAR-FACE-COLOR:#FFF9E1

SCROLLBAR-DARKSHADOW-COLOR:#FF9900

SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF

SCROLLBAR-3DLIGHT-COLOR:#FF9900

SCROLLBAR-SHADOW-COLOR:#FFFFFF

SCROLLBAR-TRACK-COLOR:#FFF9E1

Color: # 036

}

# chatmain {}

# outs {

Padding: 3px

Background-color: # FFF9E1

Border: 1px solid # AAA

Clear: both

Word-wrap: break-word

Word-break: break-all

}

.in {

Text-align: center

}

.names {

Border: 1px solid # AAA

Background-color: # F2F2F2

Width: 95px

Margin-top: 5px

Font-size: 9pt

}

# loadifo {

}

/ * effect * /

.btns {

Border: 1px solid # AAA

}

.inputs {

Font-size: 9pt

Background-image: url (.. /.. / Plugins/Chats/input.png)

Background-repeat: no-repeat

Width: 143px

Line-height: 21px

Height: 21px

Padding: 0px

Border: 1px solid # AAA

Margin-top: 5px

Margin-right: 0px

Margin-bottom: 5px

Margin-left: 0px

}

.leftarrow, .rightarrow {

Background-repeat: no-repeat

Background-position: center center

Cursor:pointer

Background-color: # FFF

Height: 16px

Width: 16px

Border-top-style: none

Border-right-style: none

Border-bottom-style: none

Border-left-style: none

}

.leftarrow {

Background-image: url (.. /.. / Plugins/Chats/l1.gif)

}

.rightarrow {

Background-image: url (.. /.. / Plugins/Chats/r1.gif)

}

.msgs {

Color: # 666

Line-height: 14px

}

Download the plug-in

Download ChatRoom V1.0

Install it to the PJBLOG2 Plugins directory and install it in the background.

This is the end of "how to write AJAX chat rooms". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.