Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.01.2016, 00:33
Новичок на форуме
Отправить личное сообщение для selmel Посмотреть профиль Найти все сообщения от selmel
 
Регистрация: 24.01.2016
Сообщений: 4

Как добавить звук в скрип?
Привет, камрады! Уповаю на ваши светлые головы! Воспользовался скриптом чата (ниже), а как сделать так, что бы при появлении нового сообщения в чате сопровождалось звуком не дотумкаю. Хелп ми плиззз!

Сам скрипт:

<?
$db = mysql_connect("localhost","root","");
mysql_select_db("tutorial",$db);
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>АЯКС чат своими руками</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){

var button = $("button");
button.click(function(){
var text = $("textarea").val();
if(text == "") {
alert("Введите текст");
} else {
$.ajax({
url: "action.php",
type: "POST",
data: {text_chat: text},
success: function(){
$("textarea").val("");
}
});
}
});

window.setInterval(function(){
var id = $("li:first").attr("id");
$.ajax({
url: "action_interval.php",
type: "POST",
data: {id: id},
success: function(data){
if(data==1) {

} else {
$(".chat_pyst").remove();
$("ul").prepend(data);
}
}
});
},1000);

});
</script>
<style type="text/css">
#wrap_chat_box {
width: 300px;
border: 1px solid #ccc;
border-radius: 10px;
margin: 0 auto;
margin-top: 100px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="wrap_chat_box">
<div style="height: 250px; overflow: auto">
<ul>
<!--<li>Первое сообщение</li>-->
<?
$result = mysql_query("SELECT id,text FROM ajax_chat ORDER BY id DESC",$db);
if(mysql_num_rows($result) > 0) {

$arr = mysql_fetch_assoc($result);
do {
printf('<li id="%s">%s</li>',$arr['id'],$arr['text']);
} while($arr = mysql_fetch_assoc($result));

} else {
echo "<span class='chat_pyst'>Чат пуст</span>";
}
?>
</ul>
</div>
<div id="wrap_textarea">
<textarea style="width: 290px"></textarea><br />
<button>Отправить</button>
</div>
</div>
</div>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 24.01.2016, 00:44
Интересующийся
Посмотреть профиль Найти все сообщения от newuserjs2016
 
Регистрация: 22.01.2016
Сообщений: 18

создай элемент audio, и запускай его по событию.
Ответить с цитированием
  #3 (permalink)  
Старый 24.01.2016, 00:52
Новичок на форуме
Отправить личное сообщение для selmel Посмотреть профиль Найти все сообщения от selmel
 
Регистрация: 24.01.2016
Сообщений: 4

Сообщение от newuserjs2016
создай элемент audio, и запускай его по событию
Это я понимаю. Если по нажатию кнопки, то звук будет срабатывать только на передающей стороне, а мне желательно, что бы на получающей. К какому событию привязать кроме нажатия кнопки?
Ответить с цитированием
  #4 (permalink)  
Старый 24.01.2016, 01:03
Интересующийся
Посмотреть профиль Найти все сообщения от newuserjs2016
 
Регистрация: 22.01.2016
Сообщений: 18

selmel,
У тебя сообщение добавляется через вот этот коллбек?
success: function(data){
if(data==1) {
...

Если да, то просто дергай звук из этого колбека, так проще всего
Ответить с цитированием
  #5 (permalink)  
Старый 24.01.2016, 01:07
Интересующийся
Посмотреть профиль Найти все сообщения от newuserjs2016
 
Регистрация: 22.01.2016
Сообщений: 18

selmel,
А вообще чат на аджаксе -- это вчерашний день. Сейчас появились websockets, это самое оно для чата.
Ответить с цитированием
  #6 (permalink)  
Старый 24.01.2016, 01:09
Новичок на форуме
Отправить личное сообщение для selmel Посмотреть профиль Найти все сообщения от selmel
 
Регистрация: 24.01.2016
Сообщений: 4

newuserjs2016, спасибо, дружище! попробую.
Ответить с цитированием
  #7 (permalink)  
Старый 24.01.2016, 01:16
Новичок на форуме
Отправить личное сообщение для selmel Посмотреть профиль Найти все сообщения от selmel
 
Регистрация: 24.01.2016
Сообщений: 4

Сообщение от newuserjs2016 Посмотреть сообщение
А вообще чат на аджаксе -- это вчерашний день.
Да я и сам древний
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как добавить объект в панораму 360 с использованием Three.js? protexon Общие вопросы Javascript 0 29.10.2015 12:21
Как добавить объект в панораму 360 с использованием Three.js? protexon Элементы интерфейса 0 28.10.2015 20:57
Добавить звук на страницу ninja2 Общие вопросы Javascript 3 14.06.2015 23:09
Как добавить методы объекту после конструирования. DragorWW Общие вопросы Javascript 23 21.01.2013 20:39
Как правильно добавить форму используя jQuery Casufi jQuery 1 15.02.2010 23:14