Вывод на монитор содержимого нескольких файлов

Тема в разделе "Web 2.0, AJAX, Ruby, RSS технологии", создана пользователем vlad555, 2 ноя 2009.

  1. vlad555

    vlad555 New Member

    Регистрация:
    2 ноя 2009
    Сообщения:
    4
    Симпатии:
    0
    В двух текстовых файла имеется две записи. В одном число 111, а в другом число 222. Если я средствами аякс вывожу содержимого ооного из них, то имеющийся у меня код работает нормально. А при выводе двух файлах в разных частях экрана выводится только один. Выврод периодически обновляется.

    Вот мой код:
    <?php
    echo <<<TEXT
    <div id="res"> ... </div>
    <script src="jquery.min.js"></script>
    <script>
    function to_ajax()
    {
    $.get("111.txt", function(data)
    {
    $('#res').html("11= " + data);
    var t=setTimeout("to_ajax()",10000);
    });
    }

    $(document).ready(function(){
    to_ajax()
    });

    </script>

    <br>=5=<br>

    <div id="res"> ... </div>
    <script src="jquery.min.js"></script>
    <script>
    function to_ajax()
    {
    $.get("222.txt", function(data)
    {
    $('#res').html("22 " + data);
    var t=setTimeout("to_ajax()",10000);
    });
    }

    $(document).ready(function(){
    to_ajax()
    });

    </script>

    TEXT;

    Выводится
    2= 222

    =5=

    ...

    Как исправить дело?
     
  2. nws

    nws Гость

    >>Как исправить дело?

    Руками =)

    Код (Text):
    <!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" xml:lang="en" lang="en">

    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="author" content="cetver" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <title>Untitled 1</title>

    </head>

    <body>
    <script type="text/javascript">
    $(document).ready(function(){  
    //vmesto '/' vstavi correctnii puti
    useAjaxToSubmit('none', 'GET', '/', 'systemWorking', 'file_1');
    useAjaxToSubmit('none', 'GET', '/', 'systemWorking', 'file_2');
    });

    function useAjaxToSubmit(form_id, method, requestURL, loading_id, results_id)
    {          
    $.ajax({
    type: method,
    url: requestURL,
    data: $("#" + form_id).serialize(),
    beforeSend: function() {
    $('#' + loading_id).show();
    $('#' + results_id).hide();
    },
    complete: function() {
    $('#' + loading_id).hide();
    $('#' + results_id).show();
    },
    error: function(){
    $('#' + loading_id).hide();
    $('#' + results_id).html('Goliak');
    $('#' + results_id).show();
    },
    success: function(data) {                  
    $('#' + results_id).html('<xmp>' + data + '</xmp>');
    }
    });
    }
    </script>

    <h1>Bugaga</h1>
    <div style="display: none;" id="systemWorking">
    <img alt="Searching" title="Searching" src="http://laurasuchowlansky.com/static/images/rotation_animation_loading.gif" />
    </div>
    <div style="width: 900px;">
    <div id="file_1" style="display: block; float:left;width: 300px; "></div>
    <div id="file_2" style="display: block; float:right;width: 300px;"></div>
    <br clear="all" />
    </div>
    </body>
    </html>
     
Загрузка...

Поделиться этой страницей