چطور یک div به شکل alert ایجاد کنم

[jahromy]

سلام
در برنامه ام پس از کلیک روی دکمه سفارش با ارسال id و فراخوانی تابع اسکریپت به کمک onClick در تابع اسکریپت #BasketContent باعث میشه که در تگ div با id="BasketContent" خروجی تابع اسکریپت نمایش پیدا کند حالا مسئله اینجاست این div را قصد دارم بشکل Alert و زمانیکه تابع با Id مدنظر فراخوانی شد بشکل Ajax نمایش پیدا کند یعنی در ان لحظه یک صفحه کوچک در پیج اصلی برای نمایش جزئیات سفارش انتخابی نمایش پیدا کند

ممنون می شوم راهنمایی بفرمایید

<input type="button" value="Add To Cart" onClick="AddToCart('.$Rows['ID'].')" title="Click Here To Add This Product To Your Basket"/> 

 <script type="text/javascript">
 
 function AddToCart(id)
 {
	var ID = id;
	
	$.post('Functions/Basket.php',{PID:ID},function(data){$("#BasketContent").html(data)});	
 }
 function EmptyBasket()
 {
	<?php session_destroy(); ?>
	window.location.href='';
 }
 </script>

 <div id="Basket">
 <p id="AddResult"></p>
 <div id="BasketContent">Your basket is empty</div>
 <p><input type="button" value="Empty Basket" onClick="EmptyBasket();"/><input type="button" value="Accept Items" onClick="AcceptItems();"/>
 </div>

[jahromy]

قصد دارم با کلیک روی یک دکمه یک پنجره بشکل جاوا باز شود که یک جدول حاوی سلول هایی شامل اطلاعات بانک داده را نشان می دهد باشد.

[k-pax]

از bootbox استفاده کنید
استفاده ازش خیلی راحت و امکانات زیادی بهتون میده

http://bootboxjs.com/

[jahromy]

از روشی که فرمودین استفاده کردم منتهی خروجی برگشتی تابع Basket در id -div مشخص شده نمایش پیدا نمی کند
ممکنه ببینید مشکلش چیه؟

<script src="./inc/js/jquery.js"></script>
<script src="./inc/js/bootbox.js"></script>
 <script type="text/javascript">
  function AddToCart(id)
 	{
		var ID = id;
		//alert(id);
		$.post('./inc/functions/basket.php',{PID:ID},function(data){$("#BasketContent").html(data)});
			
	}

 
 
 
 bootbox.dialog({
  title: "Shopping Cart",
  message: '<div id="Basket">'+
			'<p id="AddResult"></p>'+
			'<div id="BasketContent">Your basket is empty</div>'+
			'<p><input type="button" value="Empty Basket" onClick="EmptyBasket();"/>'+
			'<input type="button" value="Accept Items" onClick="AcceptItems();"/>'+
			'</div>'
});
 </script>

[k-pax]

کدتون رو بصورت زیر اصلاح کنید

<script src="./inc/js/jquery.js"></script>
<script src="./inc/js/bootbox.js"></script>
<script type="text/javascript">
  function AddToCart(id)
 	{
		var ID = id;
		//alert(id);
		$.post('./inc/functions/basket.php',{PID:ID},function(data){
			 bootbox.dialog({
			  title: "Shopping Cart",
			  message: '<div id="Basket">'+
						'<p id="AddResult"></p>'+
						'<div id="BasketContent">'+ data +'</div>'+
						'<p><input type="button" value="Empty Basket" onClick="EmptyBasket();"/>'+
						'<input type="button" value="Accept Items" onClick="AcceptItems();"/>'+
						'</div>'
			});
		});
			
	}
 </script>

[jahromy]

برای تغییر With , Height و کلا استایل آن از کجا باید انجام دهم

[xwoman2]

ابتدا کتاب خانه ی جی کوئری رو صدا بزنید.
فقط کافیه که صفحه ای که اطلاعات رو از بانک میخونه و نمایش میده با این کادری که دارین اندازه و دیزاینش اوکی باشه.

<div style="display:none;position:absolute;left:30px;top:30px;width:100px;height:100px;" id="test"></div>
<button onclick="myf(this.id);" id="test2">test</button>
<script>
   function myf (ids) 
   {
       document.getElementById("test").style.display="block";
       var myvar="target.php?show&id="+ids;
       $("#test").load(myvar);
   };
</script>

[k-pax]

برای تغییر With , Height و کلا استایل آن از کجا باید انجام دهم

برای تغیر ظاهر میتونی با css انجام بدی
توضیحات کاملش اینجا هستش
http://bootboxjs.com/documentation.h...-custom-dialog

[jahromy]

برای اینکه داده ثبت شده در سبد خرید کلا پاک شود تابع اسکریپتی زیر را فراخوانی می کنم

 function EmptyBasket()
 	{
		<?php session_destroy(); ?>
		window.location.href='';
	}

مشکلی که داره:
1. کل سشن حتی لاگین کاربر رو حذف می کنه (نمی دونم اگر از unset() استفاده کنم دقیقا چی باید داخلش بگذارم)
2. بجای اینکه کل صفحه رفرش بشه فقط کادر سبد خرید رفرش شود و پیغام سبد خرید خالی در همان کادر bootbox نشان بده!

ممکنه راهنمایی بفرمایید؟

[k-pax]

وقتی یه کالا داخل سبد خرید هست با استفاده از دستور زیر
سشن ها را ببین و خودت متوجه میشی کدوم مربوط به سبد هست همونو unset کن

var_dump($_SESSION);

به جای

window.location.href='';

هم از از دستور جکوئری استفاده کن تا سبد خریدت خالی نشون بده

$("#Cart").html('');