PDA

View Full Version : سوال: ارسال درخواست ajax نمایش خروجی با داخل popup



numberone1
سه شنبه 25 مهر 1391, 15:43 عصر
سلام
یک همچین لینکی دارم


<a class="dot" style="top:110px; left:145px;" continent="NA" id="1" name="1"></a>

میخوام وقتی روش کلیک میشه بوسیله ajax مقدار id یا name را به یک صفحه php انتقال بدم
بعد از اون صفحه خروجی رو داخل یک پاپ آپ دیالوگ jquery ui نشون بدم
کد ui هم اینه

<script>
$(function() {
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
}
});
});
</script>

<div id="dialog-message">
// بین این 2 تا میشه محتویات دیالوگ میخوام . میخوام اطلاعاتی که بوسیله id یا name با php بدست آوردم اینجا نمایش داده بشه
</div>


ممنون میشم راهنمائیم کنید
خیلی کارم گیره
مرسی

numberone1
چهارشنبه 26 مهر 1391, 07:49 صبح
چرا هر موقع اینجا تاپیک میزنم هیچ کس به سئوال هام جواب نمیده!!؟؟
نم پس نمیده هیچ کس !
هیچ کس دلش نمیاد اطلاعاتشو به بقیه هم یاد بده!!

Reza1607
چهارشنبه 26 مهر 1391, 10:17 صبح
$('a.dot').click(function(){
var vid=$(this).attr('id');
var vname=$(this).attr('name');
$.ajax({
type:
POST,
data:{id:vid,name:vname},
url:"file.php",
success:function(data){
$('#dialog-message').html(data);
}

});
});

numberone1
چهارشنبه 26 مهر 1391, 11:45 صبح
$('a.dot').click(function(){
var vid=$(this).attr('id');
var vname=$(this).attr('name');
$.ajax({
type:
POST,
data:{id:vid,name:vname},
url:"file.php",
success:function(data){
$('#dialog-message').html(data);
}

});
});

ممنون از راهنمائیتون
من کد و به این شکل تغییر دادم ولی دیگه هیچ دیالوگی باز نمیشه !!
میشه یه نگاهی بهش بندازین؟
این صفحه ایندکس

<script language="javascript" type="text/javascript">
$('a.dot').click(function(){
var vid=$(this).attr('id');
var vname=$(this).attr('name');
var vcity=$(this).attr('city');
$.ajax({
type : GET,
data:{id : vid , name : vname , city : vcity},
url : "ajax.php",
success : function(data){
$('#dialog-message').html(data);
}

});
});
</script>

<a class="dot" style="top:110px; left:145px;" continent="NA" id="1" name="1" city="teh"></a>

<div id="dialog-message">
</div>


اینم صفحه ajax.php


if(isset($_GET)){
echo '<script>
$(function() {
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
Ok: function() {
$( this ).dialog( "close" );
}
}
});
});
</script>
<div id="dialog-message">
' . $_GET[name] . ',' . $_GET[id] . ',' . $_GET[city] . '
</div>
';
}

Reza1607
چهارشنبه 26 مهر 1391, 16:19 عصر
اين كد رو تست كنيد

$(function() {
$('a.dot').click(function()
{
var vid=$(this).attr('id');
var vname=$(this).attr('name');
var vcity=$(this).attr('city');
$.ajax({
url:'file.php',
type:"GET",
data:{id:vid,name:vname,city:vcity},
success:function(data){
$('#dialog-message').html(data);
$("#dialog-message").dialog({
modal: true,
buttons: {
Ok: function() {
$(this).dialog('close');
}
}
});
}
});
return false;
});

فقط دقت كنيد كه بايد از وب سرور براي اجرا استفاده كنيد