Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Переодическое обновление значений для графика, функция для обновления значений 
:(
    Опции темы
yupa
Дата 9.7.2009, 12:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 11
Регистрация: 17.6.2009

Репутация: нет
Всего: нет
Здравствуйте, нужен совет.
Цитата


 <head>  
м
    <script type="text/javascript" src="jquery_sparkline/jquery.sparkline.js"></script>

  
  <script type="text/javascript">
    $(function() {
    $('.bullet').sparkline( 'html', { type:'bullet',
            targetColor : 'red',
            targetWidth : 3, 
            performanceColor : 'blue',
            rangeColors : ['#FFCC99', '#FFFFFF', '#CCCCFF' ],
            });
    });

    </script>
</head>
<body>



  <table heigt="80">
        <tr>
         <td>39</td>
         <td><span class="bullet">39,50,50,35,15</span></td>
     </tr>
     <tr>
         <td>39</td>
         <td><span class="bullet">39,50,50,35,15</span></td>
     </tr>
     <tr>
         <td>39</td>
         <td><span class="bullet">39,50,50,35,15</span></td>
     </tr>
  </table>
    </td>
    <td>39.0</td>
  </tr>
</table>



Есть такая функция которая рисует графики.
Нужна написать функцию которая о
бновляля  подягиваемые значения каждые 30 секунд:

1- что бы значения передаваличь в этот код  динамически и преобразовывались из <script>[1,2,3,4,5]</script> в хтмл 1,2,3,4,5)
2- что бы динамически сравнивалось 2-е значение с средним аревметическким [1,2,3,4,5] и закрашивался  разным фоном (в зависимости от результата)

Буду благодарен за любую помощь!
PM MAIL   Вверх
Samotnik
Дата 9.7.2009, 16:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: нет
Всего: 191
yupa, необходимы AJAX запросы на сервер  smile 
PM MAIL   Вверх
yupa
Дата 9.7.2009, 17:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 11
Регистрация: 17.6.2009

Репутация: нет
Всего: нет
а примерчик или линку можно ?(а то не знаком с javascript) :(
PM MAIL   Вверх
Samotnik
Дата 10.7.2009, 09:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Super star !
****


Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: нет
Всего: 191
конечно  smile 
PM MAIL   Вверх
yupa
Дата 24.7.2009, 15:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 11
Регистрация: 17.6.2009

Репутация: нет
Всего: нет
Здравствуйте, подскажите как собрать все в рабочую конструкцию.
Есть следующий код который рисует гравик относительнео тех значений которые, прописываем руцями в хтмл.

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>jQuery Sparklines Simple Example</title>
    <meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
    <script type="text/javascript" src="jquery_sparkline/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="jquery_sparkline/jquery.sparkline.js"></script>

    <script type="text/javascript">
    $(function() {
            $('.bullet').sparkline( 'html', { type:'bullet',
            targetColor : 'red',
            targetWidth : 3, 
            performanceColor : 'blue',
            rangeColors : ['#FFCC99', '#FFFFFF', '#CCCCFF' ],
            width:'100px',
            height: '15px',
            });
    });

    </script>
</head>
<body>



<table width="1000" align="center" border="0">
  <tr>
    <td width="200" height="250">
<center> Птичник1 </center>
<table>
  <tr>
    <td>
        <table heigt="">
              <tr>
                  <td>39</td>
                  <td name="cell"><span class="bullet">39,50,50,35,15</span></td>
              </tr>
              <tr>
                  <td>39</td>
                  <td><span class="bullet">39,50,50,35,15</span></td>
              </tr>
              <tr>
                  <td>39</td>
                  <td><span class="bullet">39,50,50,35,15</span></td>
              </tr>
        </table>
    </td>
    <td><p style="font-size:20px;">39.0</p></td>
  </tr>
</table>


<table>
  <tr>
    <td>
        <table heigt="80">
              <tr>
                  <td>39</td>
                  <td><span class="bullet">39,50,50,35,15</span></td>
              </tr>
              <tr>
                  <td>39</td>
                  <td><span class="bullet">39,50,50,35,15</span></td>
              </tr>
              <tr>
                  <td>39</td>
                  <td><span class="bullet">39,50,50,35,15</span></td>
              </tr>
        </table>
    </td>
    <td><p style="font-size:20px;">39.0</p></td>
  </tr>
</table>



<table>
  <tr>
    <td>
        <table heigt="80">
              <tr>
                  <td>39</td>
                  <td><span class="bullet">39,50,50,35,15</span></td>
              </tr>
              <tr>
                  <td>39</td>
                  <td><span class="bullet">39,50,50,35,15</span></td>
              </tr>
              <tr>
                  <td>39</td>
                  <td><span class="bullet">39,50,50,35,15</span></td>
              </tr>
        </table>
    </td>
    <td><p style="font-size:20px;">39.0</p></td>
  </tr>
</table>
    </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>
    </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>


нужно что бы каждые 30 секунд подтягивались даныые (которые нужно вставлять в html из xml файла) 

вот нашел примеры ф-ии


Код

<script type= "text/javascript">
var req;
var reqTimeout;

reloadData();
<!--ADD_DHTML(CURSOR_MOVE, RESIZABLE, NO_ALT, SCROLL, "tabdiv");-->
setInterval(reloadData,60000);

function loadXMLData(url) {
    req = null;
    if (window.XMLHttpRequest) {
        try {
        req = new XMLHttpRequest();
        } catch (e){}
    } else if (window.ActiveXObject) {
        try {
            req = new ActiveXObject('Msxml2.XMLHTTP');
        } catch (e){
            try {
        req = new ActiveXObject('Microsoft.XMLHTTP');
        } catch (e){}
    }
    }
    if (req) {
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
        req.send(null);
        reqTimeout = setTimeout("req.abort();", 5000);
    } else {
        alert("Браузер не поддерживает AJAX");
    }
}

function reloadData() {
    loadXMLData('curTable.php');
}

function processReqChange() {
    if (req.readyState == 4) {
    do***ent.getElementById('tabdiv').innerHTML = req.responseText;
    }
}

</script>



Подскажите, пожалуйста, как должен выглядеть содержимое xml файла с которого будут выводиться данные и что нужно изменить processReqChange(), reloadData(), loadXMLData() ?

Заранее благодарен!
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0485 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.