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>*/ |