1. Уважаемые участники и гости, 19 октября codeby будет работать в режиме "Только чтение". Регистрация новых участников будет закрыта. 20 октября портал продолжит работу в прежнем режиме.

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

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

  1. vlad555

    vlad555 New Member

    Репутация:
    0
    Регистрация:
    2 ноя 2009
    Сообщения:
    2
    Симпатии:
    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 Гость

    Репутация:
    0
    >>Как исправить дело?

    Руками =)

    Код:
    <!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>
     
Загрузка...

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