Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Обновляемый блок с список пользователей (https://javascript.ru/forum/misc/66310-obnovlyaemyjj-blok-s-spisok-polzovatelejj.html)

porezon 07.12.2016 20:09
Обновляемый блок с список пользователей
 
Здравствуйте! Есть такая задача, нужно сделать блок в котором будет 50 последних регистраций, грубо говоря беру из базы 50 последних пользователей и вставляю в блок, но в блоке показываются 10 регистраций, а далее подключается 1 новая и 1 старая внизу уходит, например 1 раз в минуту появляются новая а старая уходит.

Прилагаю скриншот, там где красным зачеркнуто, а сверху зеленым это новый человек



подскажите пожалуйста как такое реализовать? может где-то есть готовый код?

Обновление контента не должно происходить, когда последняя 50 регистрация покажется, список должен остановится и всё.

рони 07.12.2016 20:23
porezon,
в чём проблема создать массив на 10, изменять и выводить его 40 раз?

porezon 07.12.2016 20:26
можно где-то посмотреть пример? я не знаю как это сделать

рони 07.12.2016 20:43
porezon,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    function b() {
        var d = c.slice(a, a + 10).reverse().join("<br>");
        $("#slider").html(d);
        a + 10 < c.length && (a++, window.setTimeout(b, 1E3))
    }
    var c = $.map(Array(50), function(a, b) {
            return b
        }),
        a = 0;
    b()
});
  </script>
</head>

<body>
<div id="slider"></div>

</body>
</html>

porezon 07.12.2016 21:11
а как мне сделать с именами? например вот список имен:
1 - Valera Kunin
2 - Sergey Marisu
3 - Danil Sergeev
4 - Marisiy Kilil
5 - Segrey Kanded
6 - Denis Egorov
7 - Georgiy Pronov
8 - Hector Blind
9 - Valera Kunin
10 - Sergey Marisu
11 - Valera Kunin
12 - Sergey Marisu
13 - Danil Sergeev
14 - Marisiy Kilil
15 - Segrey Kanded
16 - Denis Egorov
17 - Georgiy Pronov
18 - Hector Blind
19 - Valera Kunin
20 - Sergey Marisu
21 - Sergey Marisu
22 - Sergey Marisu
23 - Danil Sergeev
24 - Marisiy Kilil
25 - Segrey Kanded
26 - Denis Egorov
27 - Georgiy Pronov
28 - Hector Blind
29 - Valera Kunin
30 - Sergey Marisu

рони 07.12.2016 22:11
porezon,
var c = ['Valera Kunin',...]

porezon 07.12.2016 22:44 
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    function b() {
        var d = c.slice(a, a + 10).reverse().join("<br>");
        $("#slider").html(d);
        a + 10 < c.length && (a++, window.setTimeout(b, 1E3))
    }
    var c = ['Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin']
    var c = $.map(Array(50), function(a, b) {
            return b
        }),
        a = 0;
    b()
});
  </script>
</head>

<body>
<div id="slider"></div>

</body>
</html>


сделал так, и не работает

рони 07.12.2016 22:53
porezon,
:cray: уберите строки 19 - 22 запятую только оставьте

porezon 07.12.2016 23:17 
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    function b() {
        var d = c.slice(a, a + 10).reverse().join("<br>");
        $("#slider").html(d);
        a + 10 < c.length && (a++, window.setTimeout(b, 1E3))
    }
    var c = ['Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin']
,
    b()
});
  </script>
</head>

<body>
<div id="slider"></div>

</body>
</html>


так тоже не работает

рони 07.12.2016 23:18
porezon,
....!!!
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
    function b() {
        var d = c.slice(a, a + 10).reverse().join("<br>");
        $("#slider").html(d);
        a + 10 < c.length && (a++, window.setTimeout(b, 1E3))
    }
    var c = ['Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','11Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin','Valera Kunin']
   ,
        a = 0;
    b()
});
  </script>
</head>

<body>
<div id="slider"></div>

</body>
</html>


Часовой пояс GMT +3, время: 05:35.
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице