Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
nikeyb
0 / 0 / 3
Регистрация: 06.11.2012
Сообщений: 27
#1

Прикрутить бегущую строку к радиоплееру - HTML, CSS

05.04.2014, 15:57. Просмотров 438. Ответов 2
Метки нет (Все метки)

Всем доброго дня! Сейчас довожу до ума радио плеер. Звук есть, громкость тоже. И даже выводится инфа о текущем треке, правда она статично в виде текста отображается. И если название длинное, оно выходит за рамки плеера. Вот и нужно было прикрутить бегущую строку. Но, как это сделать так и не понял. Стандартны <marquee> не хочет работать, так как вывод текста идет через php в txt файл который обрабатывается js и заключен в <div>. Подскажите решение в виде наглядного примера. Заранее вам благодарен.
Название файлов (httpreq.php\temp_title.txt\title.html)
PHP
1
2
3
4
5
6
7
8
9
10
11
<?php
    //get artist/title info
    $artist = $_GET['artist'];
    $title = $_GET['title'];
    
    
    //create a temp file to store values for AJAX script
    $r = fopen("temp_title.txt", "w");
    fwrite($r, $artist." - ".$title);
    fclose($r);
?>
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
    <b>Здесь отображается название играющего трека:</b>
    <div id="track_name"></div>
    
    <!-- begin update track title code -->
    <script type="text/javascript">
        function UpdateTitle()
        { 
            var xmlhttp;
            //get "track name" block
            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
              xmlhttp = new XMLHttpRequest();
            }
            else
            {// code for IE6, IE5
              xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function()
            {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
                {
                    var s = xmlhttp.responseText;
                    document.getElementById('track_name').innerHTML = s;
                }
            }
            //use random number in request to prevent caching
            var rand_no = Math.random();
            rand_no = rand_no * 100;
            //read the "temp_title.txt" file
            xmlhttp.open("POST", "/temp_title.txt?"+rand_no, true);
            xmlhttp.send();     
        }   
        //
        setInterval("UpdateTitle()", 1000);
        UpdateTitle();
    </script>
    <!-- end update track title code -->
    
</body>
</html>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.04.2014, 15:57
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Прикрутить бегущую строку к радиоплееру (HTML, CSS):

Сделать бегущую строку из текста внутри каждой картинки
Все наверно знают бегущую строку и теги &lt;marquee&gt;&lt;/marquee&gt; для них. У меня...

Как сделать, чтобы вертикально бегущую строку обтекал текст
Подскажите как сделать так что-бы вертикально бегущею строку обтекал текст ?

Прикрутить градиент к тексту
Задался задачей сверстать надпись CARS (ниже картинка где видно, что С и S...

Прикрутить к position fixed скрол?
Возможно ли к элементу у которого position: fixed; прикрутить скроллы для...

Как прикрутить отправку письма к верстке?
Сверстал лендинг - в нем есть отправка формы. каким образом можно к нему...

Как прикрутить псевдокласс к атрибуту style
Грубо говоря надо: &lt;span style=&quot;:first-letter {...}&quot;&gt; т.е. впихнуть стиль...

2
Mr Coder
578 / 383 / 138
Регистрация: 04.04.2013
Сообщений: 1,657
05.04.2014, 19:33 #2
nikeyb, оно?
http://neturoki.ru/begushhaya-stroka-jquery-limarquee
0
nikeyb
0 / 0 / 3
Регистрация: 06.11.2012
Сообщений: 27
06.04.2014, 16:50  [ТС] #3
Да. Но, между тегами бегущей строки <div> и <div> где выдается название вставить (между 2-х <div>) оно так не работает.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
06.04.2014, 16:50
Привет! Вот еще темы с решениями:

Как к стилю прикрутить выравнивание абзаца по центру?
Как к стилю прикрутить выравнивание абзаца по центру?

Как к кнопке прикрутить вызов внешнего скрипта?
&lt;div class=&quot;mc mt80&quot;&gt; &lt;a href=&quot;#application-two&quot; class=&quot;btn...

Как к галерее миниатюр прикрутить слайдер (Bootstrap)?
Нужно к галерее миниатюр прикрутить слайдер как показано на скрине. Есть...

Не получается прикрутить шрифты используя font-face
Здравствуйте, использую open server, мучаюсь второй день не получается...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru