Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
  #2 (permalink)  
Старый 09.01.2014, 23:27
Аватар для hardware
Аспирант
Отправить личное сообщение для hardware Посмотреть профиль Найти все сообщения от hardware
 
Регистрация: 10.08.2013
Сообщений: 71

http://arcticlab.ru/arcticmodal/#examples предпоследний вариант там уже модальное окно с AJAX
Ответить с цитированием
  #3 (permalink)  
Старый 09.01.2014, 23:33
Аватар для hardware
Аспирант
Отправить личное сообщение для hardware Посмотреть профиль Найти все сообщения от hardware
 
Регистрация: 10.08.2013
Сообщений: 71

вот мой пример(недавно писал):
Обработчик(php)
<div class="box-modal">
    <div class="box-modal_close arcticmodal-close">закрыть</div>
    <?php
        echo($_POST['data']);
    ?>
</div>

JS код
$(".obwdf").click(function(){
        var data = "лимон";
        $.arcticmodal({
            type: 'ajax',
            url: 'ajax/tovar.php',
            ajax: {
                type: 'POST',
                data: {'data':data}
            }
        });
    });
Ответить с цитированием
  #4 (permalink)  
Старый 10.01.2014, 08:53
Новичок на форуме
Отправить личное сообщение для kksw Посмотреть профиль Найти все сообщения от kksw
 
Регистрация: 08.01.2014
Сообщений: 6

hardware,
спасибо, буду пробовать.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
вывод даных из БД в модальное окно?? cinema4d Элементы интерфейса 9 29.10.2013 21:39
Модальное окно на ajax Vladislav jQuery 1 27.03.2013 22:26
Передача данных из форм в модальное окно. andrey96 AJAX и COMET 5 16.11.2012 16:47
google chrome ajax и модальное окно facebox foreach jQuery 10 28.08.2012 12:54
Вывод данных из базы в цикле со ссылкой на всплывающее окно alexvb Events/DOM/Window 14 10.02.2012 16:16