Показать сообщение отдельно
  #1 (permalink)  
Старый 09.01.2014, 21:53
Новичок на форуме
Отправить личное сообщение для kksw Посмотреть профиль Найти все сообщения от kksw
 
Регистрация: 08.01.2014
Сообщений: 6

вывод данных ajax-ом в модальное окно
Здравствуйте.
Есть задача вывести допустим коментарии к статьям в модальном окне. Нажимаю ссылку открывается модальное окно с коментариями.
В общем наваял отдельно скрипт открытия модального окна и скрипт ajax запроса, теперь пытаюсь все это дело соединить.
не знаю как правильно поэтому прошу помощи.
вот что получилось (это мой первый опыт JS)
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>
 .css опускаю   
    <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>
    Тут вывод полученного ajax-om
    </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 и обработать ?

Последний раз редактировалось kksw, 09.01.2014 в 22:36.
Ответить с цитированием