Вывод Mysql в динамической вкладке

@allonemoon · Регистрация: 31.10.2015

Студворк — интернет-сервис помощи студентам

Добрый вечер! Есть следующий код!

JavaScript
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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
  $(document).ready(function() {
            $("#documents a").click(function() {
                addTab($(this));
            });
 
            $('#tabs a.tab').live('click', function() {
                // Get the tab name
                var contentname = $(this).attr("id") + "_content";
                $("#content p").hide();
                $("#tabs li").removeClass("current");
 
   
                $("#" + contentname).show();
                        
        $("#" + contentname).append('ddds'); <--- добавляю контент
 
                $(this).parent().addClass("current");
                
                
            });
 
            $('#tabs a.remove').live('click', function() {
                var tabid = $(this).parent().find(".tab").attr("id");
 
                var contentname = tabid + "_content";
                $("#" + contentname).remove();
                $(this).parent().remove();
 
      
                if ($("#tabs li.current").length == 0 && $("#tabs li").length > 0) {
 
                    var firsttab = $("#tabs li:first-child");
                    firsttab.addClass("current");
 
                    // get its link name and show related content
                    var firsttabid = $(firsttab).find("a.tab").attr("id");
                    
                    $("#" + firsttabid + "_content").show();
                }
            });
        });
 
        function addTab(link) {
      
            if ($("#" + $(link).attr("rel")).length != 0)
                return;
            
           
            $("#tabs li").removeClass("current");
    
            $("#content p").hide();
            
           
            $("#tabs").append("<li class='current'><a class='tab' id='" +
                $(link).attr("rel") + "' href='#'>" + $(link).html() + 
                "</a><a href='#' class='remove'>x</a></li>");
 
            $("#content").append("<p id='" + $(link).attr("rel") + "_content'>" + 
                $(link).attr("title") + "</p>");
 
            $("#" + $(link).attr("rel") + "_content").show();
        }

HTML5
1
2
3
<div id="doclist">
<h2>Documents</h2>
<ul id="documents">

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?
 
    $db_connect= mysqli_connect('localhost', 'root', '', '269gorod');
$CountMsg= mysqli_fetch_row(mysqli_query($db_connect, "select count(`id`) from `gorod_dialog` where `send`=181 or `receive`=181"));
    
$rezDialog=mysqli_query($db_connect, "select * from `gorod_dialog` where  `receive`=181 or `send`=181");
 
    while ($msg=mysqli_fetch_assoc($rezDialog)){
        if ($msg['receive'] == 181) 
            $msg['receive'] = $msg['send'];
            $fio=mysqli_fetch_assoc(mysqli_query($db_connect, "select  `id`,`name`,`familiy` from `gorod_user` where `id`='".$msg['receive']."' "));
            $avatar=mysqli_fetch_assoc(mysqli_query($db_connect, "select *  from `gorod_path` where `user`=180 "));
    
            echo '<li><a href="#" id="dialog'.$msg['id'].'" rel="Dialog'.$msg['id'].'" title="'.$Query['text'].'">'.$fio['name'].' '.$fio['familiy'].'</a></li>';
    }
?>

HTML5
1
2
3
4
5
6
7
8
9
</ul></div><div id="wrapper">
<ul id="tabs">
 
</ul>
 
 
<div id="content">
</div>
</div>

Интересует вопрос!? Или помощи прошу даже...на каждой новой вкладке созданной циклом PHP мне нужно вывести соответствующий диалог. Списки диалогов создаются всё нормально... А вот с сообщения прям завис я! Почему завис!? Сначала мысль была, вызвать с помощью ajax скрипт который возвращает ответ и заполняет соответствующую вкладку соответственным контентом. Так понимаю, что сейчас мне надо выдрать значение созданного таба и передать его скрипту... В общем завис я на этом этапе, в виду слабого(скорее даже полного) незнания jquery. Как передать в какой таб, вывод контента производить?

@2849141 · 30.09.2017, 20:02

Аяксом передаете id диалога. В php циклом выводите из базы все сообщения диалога.
Они возвращаются в success.

JavaScript
1
2
3
4
5
6
7
8
$.ajax({
            type: 'POST',
            url: 'messages.php',
            data: {id: contentname},
            success: function(data){
                 $("#" + contentname).append(data);
            }
});

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .