Здравствуйте.
Есть задача вывести допустим коментарии к статьям в модальном окне. Нажимаю ссылку коментировать открывается модальное окно с всеми коментариями
к данной статье и с формой для добавления своего комента.
В общем наваял отдельно скрипт открытия модального окна и скрипт ajax запроса, теперь пытаюсь все это дело соединить.
не знаю как правильно поэтому прошу помощи.
вот что получилось (это просто пример для понимания)
index.php

<script type='text/javascript'>
        $(document).ready(function(){
        
            $("#pop").click(function(){
                $("#popup").show(300);
                $("#hover").height($(document).height()).toggleClass('hidden').fadeTo('slow', 0.3);
            });
           
            $("#close, #hover").click(function(){
                $("#popup").hide();
                $("#hover").hide();
            });
            
            $("#button").click(function(){
            
                var txt = $("#hid").val();
            
                $.ajax({
                    type: "POST",
                    url:"test.php", 
                    data:{id:+txt}, 
                    success:function(data){
                        if(data) {
                        $("#popup").html(data);
                        $('#pop').trigger('click'); 
                        }
                    }
                });
            });   
        });   
    </script>
 
    <style type="text/css">
    #popup {
        display: none;
        background: #fff;
        position: absolute;
        z-index: 999;
        width: 500px;
        top: 50%; 
        left: 50%;
        margin-left: -250px;
        margin-top: -350px;        
        padding: 20px;
        border: 20px solid #ddd;
        float: left;
        font-size: 1.2em;         
        -webkit-box-shadow: 0px 0px 20px #000;
        -moz-box-shadow: 0px 0px 20px #000;
        box-shadow: 0px 0px 20px #000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;    
    }
    
    #hover {
        display: none;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .50;
        position: absolute;
        top:0;
        left:0;
        z-index: 998;
    }
    
    #close {
    float: right;
    margin: -50px -50px 0 0;
    cursor:pointer;
    }
    </style>
    
    <a href="#" id='pop' ></a>
    
    <div id="popup">
    <a href="#" id="close"><img src="/popmodal/img/close_pop.png" title="Close Window" alt="Close" border="0"/></a>
    Тут вывод коментариев из базы
    </div> 
    <div id="hover"></div>

    <input type="hidden" id='hid' value="123456" />   
    <input type="submit" id='button' value="кнопка" />

test.php

    $id = $_POST['id'];
    echo $id;

В общем то в test.php надо передать только id из скрытого поля, там выборка, получаем массив, и все это надо вывести в модальном окне <div id="popup">
модально окно нажатием на кнопку открывается, ajax отрабатывает, а как мне терперь этот массив который вернул ajax получить в index.php и обработать
не понимаю ????