如何使用Ajax來顯示模式彈出的PHP

你好那裏:)我試圖找出如何我可以抓住一些內容通過ajax在jQuery腳本即時通訊使用。我試圖自定義這個腳本，以適應我的需求，其相當直接Forwrd：如何使用Ajax來顯示模式彈出的PHP

$('a.poplight[href^=#]').click(function() { 
var popID = $(this).attr('rel'); //Get Popup Name 
var popURL = $(this).attr('href'); //Get Popup href to define size 

//Pull Query & Variables from href URL 
var query= popURL.split('?'); 
var dim= query[1].split('&'); 
var popWidth = dim[0].split('=')[1]; //Gets the first query string value 

//Fade in the Popup and add close button 
jQuery('#' + popID).fadeIn(200).css({ 'width': Number(popWidth) }); 


//Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding 
var popMargTop = ($('#' + popID).height() + 80)/2; 
var popMargLeft = ($('#' + popID).width() + 80)/2; 

//Apply Margin to Popup 
jQuery('#' + popID).css({ 
    'margin-top' : -popMargTop, 
    'margin-left' : -popMargLeft 
}); 

//Fade in Background 
$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag. 
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) IE 

return false; 


}); 

//Close Popups and Fade Layer 
$('a.close, #fade, .cancel').live('click', function() { //When clicking on the close or fade layer... 
    $('#fade , .popup_block').fadeOut(function() { 
     $('#fade, a.close').remove(); //fade them both out 
     $('form').clearForm(); 
}); 
    return false; 
});

它調用一個隱藏的股利。我只想調用一個php文件，它保存所有的內容。這是html的樣子：

<a href="#?w=480" rel="whatever" class="poplight"><input type="button" class="button" value="update"/></a>

有什麼想法嗎？提前感謝:)

好吧，我試過jQuery UI的對話框......我必須說，這有點令人沮喪... 我知道很難跟隨某人elses編碼，但我其實可以調整幾乎所有東西除了如何使用此代碼來獲取數據並顯示在彈出因爲href是調用模態大小，並沒有任何實際內容

所以我回來了這一個笑

來源

2010-12-19 Sin

你爲什麼不改用jquery ui的modal dialog（代碼質量好）。然後你通過$.get()得到內容

來源

2010-12-19 12:37:08 Alfred

有趣的是，是的，我可以。我已經通過谷歌加載圖書館用於其他用途。我可以用一塊石頭殺死兩隻鳥。儘管如此，我仍然需要熟悉使用$ .get（），但是感謝提醒我：P – Sin 2010-12-19 12:43:14

$ .get有足夠的示例讓您開始。使用$ .get（）非常簡單！ – Alfred 2010-12-19 13:00:46

@Sin，我會回答你的問題，但既然你已經加載jQueryUI，那麼最好使用它，upvoted。 – ifaour 2010-12-19 13:08:51

如何使用Ajax來顯示模式彈出的PHP

回答

相關問題