High-level Conversationコントロール
今回も前回に続いて,
最初にインスタンスメッセージ送受信を可能にするコントロールについてです。会話に関するコントロールは,
- Conversationコントロール
- Conversation Listコントロール
Conversationコントロール
Conversationコントロールは,
お互いの表示アイコンやメッセージ履歴の表示,
XHTMLページに記述するタグは次のようになります。
<msgr:conversation
cid="-6356285628991451204"
display-pictures-enabled="true">
</msgr:conversation>
cid属性には会話相手のCIDを指定します。CIDについては前回の内容をご確認ください。自分自身と会話はできませんので,
上記以外の属性には,
Conversationコントロールは,
これらのクラス名を用いて実際に運用するときは見た目を変更しましょう。その他のコントロールへCSS設定が影響しないよう,
<div class="MyConversation">
<msgr:conversation
cid="-6356285628991451204"
display-pictures-enabled="true">
</msgr:conversation>
</div>
こうすることで,
.MyConversation .ConversationControl_Content {
border: 1px solid gray
}
Conversation Listコントロール
もうひとつのConversation Listコントロールは,
インスタントメッセージを受信すると,
複数人から会話を受信した場合は,
- ※1
会話作成はContact Listコントロールを使用すると可能です。
タグは次のように記述すると,
<msgr:conversation-list></msgr:conversation-list>
属性を指定することで各種イベントが発生したときにJavaScriptの関数を呼ぶことも可能です。上から順に会話の終了・
<msgr:conversation-list
on-conversation-closed="conversationClosedEventHandler"
on-conversation-created="conversationCreatedEventHandler"
on-conversation-selected="conversationSelectedEventHandler">
</msgr:conversation-list>