Модальное окно с использованием php

[dizent]

Сколько не ищу не могу найти модальное окно которые обращается к php для получения текста... нахожу только скрипты которые показывают и скрывают модальное окно которое уже есть в html...

Может кто подскажет как реализовать получение и вывод или саму ссылку на скрипт и/или статью описывающий данный процесс...

Хочу использовать для вывода записей т.е. надо ссылку типа:

<a href ="/page.php?id=ID" onclick="show_modal('ID');">Показать модальное окно</a>

т.е. нажал на ссылку вылезло окно, нажал "Окрыть в новой вкладке" перешел на страницу "/page.php?id=ID"... Опыт в PHP у меня есть, так что если не сложно мне бы JQ реализацию т.к. в нем опыта меньше... у меня только опыт с ним для работы с CSS и HTML

Заранее спасибо!

[qwermjk]

создаёшь фунцию show_modal, пихаешь в неё $.post, и ответ уже формируешь на php

[dizent]

как я уже сказал у меня нет опыта работы с файлами...
Спасибо...

function show_modal(id_data){
    $.ajax({
        url: '/post.php',
        type: 'GET',
        data: 'id='+id_data,
        dataType: 'HTML',
        cache: false,
        success: function(){
        $('#myModal').show();
        }
    });
};

Типа такого? Если да, то как её дописать? т.к. данный вариант только вроде как "получает" данные... но опять же опыта нет и что писать не знаю..

[Deff]

dizent,
По первости проще пользовацо методом load();
$('#header').load('Header.html #foo')
Красным селектор куда подгружаем, синим - с какого адреса, зеленым - селектор загружаемого элемента с указанной страницы.

http://jquery-docs.ru/Ajax/load/#urldatacallback

[dizent]

не я не знаю и не умею пользоваться данной конструкцией...
Возвращаясь к теме: Дайте ссылку на статью и/или скрипт, ну или дайте код.
Заранее спасибо...!

[Deff]

не я не знаю и не умею пользоваться данной конструкцией...
Возвращаясь к теме: Дайте ссылку на статью и/или скрипт, ну или дайте код.
Заранее спасибо...!

В хидере должна быть подключена библиотека jQuery, код для окна ниже

<a href ="/page.php?id=ID" onclick="show_modal('ID');return false;">Показать модальное окно</a>
<div id="Modal"></div>

<script type="text/javascript">
function show_modal(ID) {
 $('#Modal').load("/page.php?id="+ID)
}
</script>

[dizent]

или я чего то не понял или вы не дописали... тут я вижу как он получает ID из ссылки, но не вижу как он будет получать текст для вставки в окно... он зачем то загружает(?) ссылку на страницу...

Вообщем если объяснить то мне надо как в ВК грубо говоря т.е. нажал на ссылку вылетело окно там текст из бд, перешел по ссылке(т.е. в новой вкладке) то появилась страница с текстом которая не связана с JQ

[Deff]

dizent,
Воткните код и попробуйте

[dizent]

Я все понимаю, но на угад я позже поиграю и насколько я "изучил" функцию, то она как граббер т.е. не нужная мне задача... вообще спасибо конечно, что цель моя остается найти модальное окно с возможностью чтения БД при помощи ID

[DjDiablo]

цель моя остается найти модальное окно с возможностью чтения БД

Удачных поисков )) У javascript нет доступа к серверной БД, вы будите искать целую вечность то чего небывает.
Deff всё правильно показал.
в этой строчке
$('#Modal').load("/page.php?id="+ID)

1) load вызывает скрипт page.php на сервере,
2)скрипту передаётся параметр id
3) скрипт page на сервере отработает и вернёт результат
4) результат работы серверного скрипта будет помещёт в тег с id=Modal

а как будет серверный скрипт будет формировать результат это уже его проблема, в том числе ему никто немешает работать и с бд