Нажатие гиперссылки вызывает всплывающее диалоговое окно JQuery и возвращает вызываемый PHP - PullRequest
Новая
       6

Нажатие гиперссылки вызывает всплывающее диалоговое окно JQuery и возвращает вызываемый PHP

0 голосов
/ 13 января 2012

Я очень уверен, что вариант этого уже задавался ранее, и мой вопрос проистекает из моих элементарных знаний о том, как все это работает.Я читал и читал и читал, и я обращаюсь к stackoverflow для некоторой помощи по моему вопросу / проблеме.

Позвольте мне рассказать всем, что я хотел бы.Когда таблица создается на моей веб-странице с помощью вызова php include, эта таблица содержит столбец с именем «Info», и в каждой строке этого столбца таблицы создается гиперссылка, называемая info.Что я хотел бы сделать, так это то, что при щелчке по гиперссылке я хотел бы возвращать во всплывающем окне какого-либо всплывающего окна с предупреждением, диалоге jquery и т. Д. Данные, которые возвращала бы информационная ссылка при переходе на эту страницу.Таким образом, в теории я исключаю навигацию и предоставляю эту информацию пользователю в дружественном диалоге.

Итак, на странице указателя, где все происходит, у меня есть следующий код: 

include buildtable.php

Затем в buildtable.php я перебираю запрос и строю таблицу.столбец, связанный со ссылкой, выглядит следующим образом: 

echo '<td>&nbsp;&nbsp;<a href="anotherpage.php?CheckoutId='.$DataArrDT[5].'&DbSchemaID='.$DataArrDT[2].'&DbId='.$DataArrDT[3].'">Info</a>&nbsp;&nbsp;</td>';

Теперь вышесказанное работает, если я перехожу на эту страницу;Тем не менее, я хотел бы попытаться отобразить это в диалоговом окне.

У меня следующие вопросы:

1) следует ли сохранить конструкцию ссылки, как указано выше, или изменить ее на что-то вроде: 

echo '<td>&nbsp;&nbsp;<a href="#" id="infopopup" onclick="getInfo();">Info</a>&nbsp;& nbsp;</td>';

2) диалоговое окно jquery сбивает меня с толку, и я даже не уверен, нахожусь ли я на правильном пути ... 

function getInfo(){
var $dialog = $('<div class="blah"></div>')
var $link = $this.val();)
.dialog({
    autoOpen: false,
    title: 'Information'

    $.ajax {(
                    url:'myphpfile.php',
                    dataType: 'html',
                    data: 'link=' $link,  
        success: function( data ){  
            $('#<div id section on calling page>').html( data );  
        }//end success
    }); //end ajax

});//end dialog

} // end Function

Любая помощь и /или хорошие учебные ссылки будут наиболее цениться.

1 Ответ

1 голос
/ 13 января 2012

используйте эту ссылку 

echo '<td>&nbsp;&nbsp;<a id="infopopup" href="anotherpage.php?CheckoutId='.$DataArrDT[5].'&DbSchemaID='.$DataArrDT[2].'&DbId='.$DataArrDT[3].'">Info</a>&nbsp;&nbsp;</td>';

и используйте этот javascript 

$('#infopopup').click(function() {
    var url = this.href;
    var dialog = $("#dialog");
    if ($("#dialog").length == 0) {
        dialog = $('<div id="dialog" style="display:hidden"></div>').appendTo('body');
    } 

    // load remote content
    dialog.load(
            url,
            {},
            function(responseText, textStatus, XMLHttpRequest) {
                dialog.dialog();
            }
        );
    //prevent the browser to follow the link
    return false;
});`
...