HELP FILE

Relationship between CSS Classes and JavaScript Objects

This table shows how to access HTML elements through the Instant Chat engine and shows which HTML elements use which CSS classes.

JavaScript object CSS Class
ICObject.pMainContentArea .ic_maincontentarea /*<div>*/
ICObject.pWindowTitle .ic_windowtitle /*span*/
ICObject.pComplementer .ic_complementer /*<div>*/
ICObject.pChatDisconnected .ic_chatdisconnected /*<div>*/
ICObject.pBodyArea .ic_bodyarea /*<div>*/
ICObject.pChatLog

.ic_chatlog /*<div>*/

.ic_chatlog_big /*<div>*/

.ic_chatlog_medium /*<div>*/

.ic_chatlog_medium_big /*<div>*/

.ic_chatlog_large /*<div>*/

.ic_chatlog_large_big /*<div>*/

ICObject.pChatText

.ic_chattext /*<textarea>*/

.ic_chattext_first /*<textarea>*/

.ic_chattext_medium /*<textarea>*/

.ic_chattext_medium_first /*<textarea>*/

.ic_chattext_large /*<textarea>*/

.ic_chattext_large_first /*<textarea>*/

ICObject.pStatusIcon

.ic_statusicon_waiting /*<div>*/

.ic_statusicon_chat /*<div>*/

.ic_statusicon_rc /*<div>*/

.ic_statusicon_disconnect /*<div>*/

.ic_statusicon_hold /*<div>*/

.ic_statusicon_transfer /*<div>*/

.ic_statusicon_typing /*<div>*/

ICObject.pStatusText .ic_statustext /*<div>*/
ICObject.pFileSendButton

.ic_filesend_button /*<div>*/

.ic_filesend_button_hover /*<div>*/

.ic_filesend_button_pressed /*<div>*/

.ic_filesend_button_disabled /*<div>*/

ICObject.pDisconnectButton

.ic_disconnect_button /*<div>*/

.ic_disconnect_button_hover /*<div>*/

.ic_disconnect_button_pressed /*<div>*/

.ic_disconnect_button_disabled /*<div>*/

ICObject.pLanguageContainer .ic_lang_container /*<div>*/
ICObject.pLanguageSelection .ic_lang_select /*<div>*/
ICObject.pLanguageSelection_a .ic_lang_select_text_td /*<td>*/
ICObject.pSendButton

.ic_send_button /*<div>*/

.ic_send_button_hover /*<div>*/

.ic_send_button_pressed /*<div>*/

.ic_send_button_disabled /*<div>*/

ICObject.pFontChangeSmall

.ic_fontchange_small /*<div>*/

.ic_fontchange_small_border /*<div>*/

ICObject.pFontChangeMedium

.ic_fontchange_medium /*<div>*/

.ic_fontchange_medium_border /*<div>*/

ICObject.pFontChangeLarge

.ic_fontchange_large /*<div>*/

.ic_fontchange_large_border /*<div>*/

ICObject.pProgressBars .ic_progressbars /*<div>*/
ICObject.pProgressBarsChatBottom .ic_progressbars_chatbottom /*<div>*/
ICObject.pCustomLogo .ic_custom_logo /*<img>*/
ICObject.pCustomIcon .ic_custom_icon /*<img>*/
ICObject.pLoaderAnimation .ic_loader_animation /*<div>*/
ICObject.pShadow .ic_shadow /*<div>*/
ICObject.pTechnicianName .ic_technicianname /*<div>*/
ICObject.pSessionEndButton

.ic_sessionend_button /*<div>*/

.ic_sessionend_button_hover /*<div>*/

.ic_sessionend_button_pressed /*<div>*/

.ic_sessionend_button_disabled /*<div>*/

ICObject.pWaitingTime .ic_waitingtime /*<div>*/