|
@@ -48,6 +48,7 @@ function close_chat_window() {
|
|
|
chat_window.opener = top.window.self;
|
|
|
chat_window.top.close();
|
|
|
}
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
<?php
|
|
@@ -108,54 +109,56 @@ if (!empty($course) && !empty($_user['user_id'])) {
|
|
|
|
|
|
// Define emoticons
|
|
|
$emoticon_text1 = ':-)';
|
|
|
- $emoticon_img1 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_smile.gif" alt="'.get_lang('Smile').'" title="'.get_lang('Smile').'" />';
|
|
|
+ $emoticon_img1 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_smile.png" alt="'.get_lang('Smile').'" title="'.get_lang('Smile').'" />';
|
|
|
$emoticon_text2 = ':-D';
|
|
|
- $emoticon_img2 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_biggrin.gif" alt="'.get_lang('BigGrin').'" title="'.get_lang('BigGrin').'" />';
|
|
|
+ $emoticon_img2 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_biggrin.png" alt="'.get_lang('BigGrin').'" title="'.get_lang('BigGrin').'" />';
|
|
|
$emoticon_text3 = ';-)';
|
|
|
- $emoticon_img3 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_wink.gif" alt="'.get_lang('Wink').'" title="'.get_lang('Wink').'" />';
|
|
|
+ $emoticon_img3 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_wink.png" alt="'.get_lang('Wink').'" title="'.get_lang('Wink').'" />';
|
|
|
$emoticon_text4 = ':-P';
|
|
|
- $emoticon_img4 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_razz.gif" alt="'.get_lang('Avid').'" title="'.get_lang('Avid').'" />';
|
|
|
+ $emoticon_img4 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_razz.png" alt="'.get_lang('Avid').'" title="'.get_lang('Avid').'" />';
|
|
|
$emoticon_text5 = '8-)';
|
|
|
- $emoticon_img5 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_cool.gif" alt="'.get_lang('Cool').'" title="'.get_lang('Cool').'" />';
|
|
|
+ $emoticon_img5 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_cool.png" alt="'.get_lang('Cool').'" title="'.get_lang('Cool').'" />';
|
|
|
$emoticon_text6 = ':-o)';
|
|
|
- $emoticon_img6 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_surprised.gif" alt="'.get_lang('Surprised').'" title="'.get_lang('Surprised').'" />';
|
|
|
+ $emoticon_img6 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_surprised.png" alt="'.get_lang('Surprised').'" title="'.get_lang('Surprised').'" />';
|
|
|
$emoticon_text7 = '=;';
|
|
|
- $emoticon_img7 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_hand.gif" alt="'.get_lang('Hand').'" title="'.get_lang('Hand').'" />';
|
|
|
+ $emoticon_img7 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_hand.png" alt="'.get_lang('Hand').'" title="'.get_lang('Hand').'" />';
|
|
|
$emoticon_text8 = '=8-o';
|
|
|
- $emoticon_img8 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_eek.gif" alt="'.get_lang('Amazing').'" title="'.get_lang('Amazing').'" />';
|
|
|
+ $emoticon_img8 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_eek.png" alt="'.get_lang('Amazing').'" title="'.get_lang('Amazing').'" />';
|
|
|
$emoticon_text9 = ':-|)';
|
|
|
- $emoticon_img9 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_neutral.gif" alt="'.get_lang('Neutral').'" title="'.get_lang('Neutral').'" />';
|
|
|
- $emoticon_text8 = ':-k';
|
|
|
- $emoticon_img8 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_think.gif" alt="'.get_lang('Think').'" title="'.get_lang('Think').'" />';
|
|
|
+ $emoticon_img9 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_neutral.png" alt="'.get_lang('Neutral').'" title="'.get_lang('Neutral').'" />';
|
|
|
+ $emoticon_text10 = ':-k';
|
|
|
+ $emoticon_img10 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_think.png" alt="'.get_lang('Think').'" title="'.get_lang('Think').'" />';
|
|
|
$emoticon_text11 = ':-?';
|
|
|
- $emoticon_img11 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_confused.gif" alt="'.get_lang('Confused').'" title="'.get_lang('Confused').'" />';
|
|
|
+ $emoticon_img11 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_confused.png" alt="'.get_lang('Confused').'" title="'.get_lang('Confused').'" />';
|
|
|
$emoticon_text12 = ':-8';
|
|
|
- $emoticon_img12 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_redface.gif" alt="'.get_lang('Redface').'" title="'.get_lang('Redface').'" />';
|
|
|
- $emoticon_text13 = ':- = ';
|
|
|
- $emoticon_img13 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_shhh.gif" alt="'.get_lang('Silence').'" title="'.get_lang('Silence').'" />';
|
|
|
+ $emoticon_img12 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_redface.png" alt="'.get_lang('Redface').'" title="'.get_lang('Redface').'" />';
|
|
|
+ $emoticon_text13 = ':-L';
|
|
|
+ $emoticon_img13 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_shhh.png" alt="'.get_lang('Silence').'" title="'.get_lang('Silence').'" />';
|
|
|
$emoticon_text14 = ':-#)';
|
|
|
- $emoticon_img14 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_silenced.gif" alt="'.get_lang('Silenced').'" title="'.get_lang('Silenced').'" />';
|
|
|
+ $emoticon_img14 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_silenced.png" alt="'.get_lang('Silenced').'" title="'.get_lang('Silenced').'" />';
|
|
|
$emoticon_text15 = ':-(';
|
|
|
- $emoticon_img15 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_sad.gif" alt="'.get_lang('Sad').'" title="'.get_lang('Sad').'" />';
|
|
|
- $emoticon_text16 = ':-[8';
|
|
|
- $emoticon_img16 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_angry.gif" alt="'.get_lang('Angry').'" title="'.get_lang('Angry').'" />';
|
|
|
- $emoticon_text17 = '--)';
|
|
|
- $emoticon_img17 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_arrow.gif" alt="'.get_lang('Arrow').'" title="'.get_lang('Arrow').'" />';
|
|
|
- $emoticon_text18 = ':!:';
|
|
|
- $emoticon_img18 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_exclaim.gif" alt="'.get_lang('Exclamation').'" title="'.get_lang('Exclamation').'" />';
|
|
|
- $emoticon_text19 = ':?:';
|
|
|
- $emoticon_img19 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_question.gif" alt="'.get_lang('Question').'" title="'.get_lang('Question').'" />';
|
|
|
- $emoticon_text20 = '0-';
|
|
|
- $emoticon_img20 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/icon_idea.gif" alt="'.get_lang('Idea').'" title="'.get_lang('Idea').'" />';
|
|
|
+ $emoticon_img15 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_sad.png" alt="'.get_lang('Sad').'" title="'.get_lang('Sad').'" />';
|
|
|
+ $emoticon_text16 = ';-(';
|
|
|
+ $emoticon_img16 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_mourn.png" alt="'.get_lang('Weep').'" title="'.get_lang('Weep').'" />';
|
|
|
+ $emoticon_text17 = ':-[8';
|
|
|
+ $emoticon_img17 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_angry.png" alt="'.get_lang('Angry').'" title="'.get_lang('Angry').'" />';
|
|
|
+ $emoticon_text18 = '--)';
|
|
|
+ $emoticon_img18 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_arrow.png" alt="'.get_lang('Arrow').'" title="'.get_lang('Arrow').'" />';
|
|
|
+ $emoticon_text19 = ':!:';
|
|
|
+ $emoticon_img19 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_exclaim.png" alt="'.get_lang('Exclamation').'" title="'.get_lang('Exclamation').'" />';
|
|
|
+ $emoticon_text20 = ':?:';
|
|
|
+ $emoticon_img20 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_question.png" alt="'.get_lang('Question').'" title="'.get_lang('Question').'" />';
|
|
|
+ $emoticon_text21 = '0-';
|
|
|
+ $emoticon_img21 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/icon_idea.png" alt="'.get_lang('Idea').'" title="'.get_lang('Idea').'" />';
|
|
|
|
|
|
$emoticon_text201 = '*';
|
|
|
- $emoticon_img201 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/waiting.gif" alt="'.get_lang('AskPermissionSpeak').'" title="'.get_lang('AskPermissionSpeak').'" />';
|
|
|
+ $emoticon_img201 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/waiting.png" alt="'.get_lang('AskPermissionSpeak').'" title="'.get_lang('AskPermissionSpeak').'" />';
|
|
|
$emoticon_text202 = ':speak:';
|
|
|
- $emoticon_img202 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/flag_green_small.gif" alt="'.get_lang('GiveTheFloorTo').'" title="'.get_lang('GiveTheFloorTo').'" />';
|
|
|
+ $emoticon_img202 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/flag_green_small.png" alt="'.get_lang('GiveTheFloorTo').'" title="'.get_lang('GiveTheFloorTo').'" />';
|
|
|
$emoticon_text203 = ':pause:';
|
|
|
- $emoticon_img203 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/flag_yellow_small.gif" alt="'.get_lang('Pause').'" title="'.get_lang('Pause').'" />';
|
|
|
+ $emoticon_img203 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/flag_yellow_small.png" alt="'.get_lang('Pause').'" title="'.get_lang('Pause').'" />';
|
|
|
$emoticon_text204 = ':stop:';
|
|
|
- $emoticon_img204 = '<img src="'.api_get_path(WEB_IMG_PATH).'smileys/flag_red_small.gif" alt="'.get_lang('Stop').'" title="'.get_lang('Stop').'" />';
|
|
|
+ $emoticon_img204 = '<img src="'.api_get_path(WEB_IMG_PATH).'emoticons/flag_red_small.png" alt="'.get_lang('Stop').'" title="'.get_lang('Stop').'" />';
|
|
|
|
|
|
if ($sent) {
|
|
|
$message = Security::remove_XSS(trim(htmlspecialchars(stripslashes($_POST['message']), ENT_QUOTES, $charset)));
|
|
@@ -168,7 +171,7 @@ if (!empty($course) && !empty($_user['user_id'])) {
|
|
|
$message = str_replace($emoticon_text7, $emoticon_img7, $message);
|
|
|
$message = str_replace($emoticon_text8, $emoticon_img8, $message);
|
|
|
$message = str_replace($emoticon_text9, $emoticon_img9, $message);
|
|
|
- //$message = str_replace($emoticon_text10, $emoticon_img10, $message);
|
|
|
+ $message = str_replace($emoticon_text10, $emoticon_img10, $message);
|
|
|
$message = str_replace($emoticon_text11, $emoticon_img11, $message);
|
|
|
$message = str_replace($emoticon_text12, $emoticon_img12, $message);
|
|
|
$message = str_replace($emoticon_text13, $emoticon_img13, $message);
|
|
@@ -179,6 +182,7 @@ if (!empty($course) && !empty($_user['user_id'])) {
|
|
|
$message = str_replace($emoticon_text18, $emoticon_img18, $message);
|
|
|
$message = str_replace($emoticon_text19, $emoticon_img19, $message);
|
|
|
$message = str_replace($emoticon_text20, $emoticon_img20, $message);
|
|
|
+ $message = str_replace($emoticon_text21, $emoticon_img21, $message);
|
|
|
//
|
|
|
$message = str_replace($emoticon_text201, $emoticon_img201, $message);
|
|
|
$message = str_replace($emoticon_text202, $emoticon_img202, $message);
|
|
@@ -238,19 +242,20 @@ if (!empty($course) && !empty($_user['user_id'])) {
|
|
|
?>
|
|
|
<form name="formMessage" method="post" action="<?php echo api_get_self().'?'.api_get_cidreq(); ?>" onsubmit="javascript: if(document.formMessage.message.value == '') { alert('<?php echo addslashes(api_htmlentities(get_lang('TypeMessage'), ENT_QUOTES)); ?>'); document.formMessage.message.focus(); return false; }" autocomplete="off">
|
|
|
<input type="hidden" name="sent" value="1">
|
|
|
+ <div class="message-form-chat">
|
|
|
<table border="0" cellpadding="5" cellspacing="0" width="100%">
|
|
|
<tr>
|
|
|
<td width="320" valign="middle">
|
|
|
<?php $talkboxsize=(api_get_course_setting('allow_open_chat_window')) ? 'width: 350px; height: 80px' : 'width: 450px; height: 35px'; ?>
|
|
|
- <textarea class="message-text" name="message" style=" <?php echo $talkboxsize; ?>" onkeydown="send_message(event);" onclick="javascript: insert_smile(this);"></textarea>
|
|
|
+ <textarea id="message" class="message-text" name="message" style=" <?php echo $talkboxsize; ?>" onkeydown="send_message(event);" onclick="javascript: insert_smile(this);"></textarea>
|
|
|
</td>
|
|
|
<td>
|
|
|
- <button type="submit" value="<?php echo get_lang('Send'); ?>" class="btn-enviar"><?php echo get_lang('Send'); ?></button>
|
|
|
+ <button id="send" type="submit" value="<?php echo get_lang('Send'); ?>" class="btn-enviar"><?php echo get_lang('Send'); ?></button>
|
|
|
</td>
|
|
|
</tr>
|
|
|
- <tr>
|
|
|
- <td>
|
|
|
+ </table>
|
|
|
<?php
|
|
|
+ echo '<div class="emoticons-chat">';
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text1."')\">".$emoticon_img1."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text2."')\">".$emoticon_img2."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text3."')\">".$emoticon_img3."</a>";
|
|
@@ -260,7 +265,7 @@ if (!empty($course) && !empty($_user['user_id'])) {
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text7."')\">".$emoticon_img7."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text8."')\">".$emoticon_img8."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text9."')\">".$emoticon_img9."</a>";
|
|
|
- //echo "<a href=\"javascript:insert('".$emoticon_text10."')\">".$emoticon_img10."</a>";
|
|
|
+ echo "<a href=\"javascript:insert('".$emoticon_text10."')\">".$emoticon_img10."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text11."')\">".$emoticon_img11."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text12."')\">".$emoticon_img12."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text13."')\">".$emoticon_img13."</a>";
|
|
@@ -271,19 +276,22 @@ if (!empty($course) && !empty($_user['user_id'])) {
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text18."')\">".$emoticon_img18."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text19."')\">".$emoticon_img19."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text20."')\">".$emoticon_img20."</a>";
|
|
|
+ echo "<a href=\"javascript:insert('".$emoticon_text21."')\">".$emoticon_img21."</a>";
|
|
|
?>
|
|
|
- </td>
|
|
|
- <td>
|
|
|
<?php
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text201."')\">".$emoticon_img201."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text202."')\">".$emoticon_img202."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text203."')\">".$emoticon_img203."</a>";
|
|
|
echo "<a href=\"javascript:insert('".$emoticon_text204."')\">".$emoticon_img204."</a>";
|
|
|
+ echo '</div>';
|
|
|
?>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
+ </div>
|
|
|
</form>
|
|
|
+ <audio id="audio">
|
|
|
+ <source type="audio/wav" src="sound/sonido_notificacion.wav"></source>
|
|
|
+ <source type="audio/ogg" src="sound/sonido_notificacion.ogg"></source>
|
|
|
+ <source type="audio/mpeg" src="sound/sonido_notificacion.mp3"></source>
|
|
|
+ </audio>
|
|
|
<?php
|
|
|
}
|
|
|
require 'footer_frame.inc.php';
|