PDA

View Full Version : نمايش يك شي در پنجره جديد بدون url با , php , javascript


milad.biroonvand
چهارشنبه 22 خرداد 1392, 14:24 عصر
سلام

فرض كنيد صفحه فروشگاه يك سايت فهرستي از محصولات را نشان مي دهد

مي خواهيم وقتي كاربر روي يك شي خاص كليك كرد با استفاده از تابع onClick در javascript پنجره اي باز شود كه فقط خصوصيات اين شي را نمايش دهد و لازم نيست هيچ امكاناتي از قبيل نوار address يا taskbar يا غيره را داشته باشد.
در واقع ما مي خواهيم اين خصوصيات را با php در پنجره جديد نشان دهيم و ممكن است اين خصوصيات شامل download link نيز باشد.
متشكرم
برای نمونه این صفحه را ببینید( در قسمت پژوهشگران یا پروژه ها بر رو یکی از افراد یا پروژه ها کلیک کنید):
http://www.nigc-grdb.ir/homepage.aspx
Jarvis
چهارشنبه 22 خرداد 1392, 14:39 عصر
اگه میخواید اون پنجره رو بسازید می تونید از ابزارهایی مانند زیر استفاده کنید که البته باید یکم تغییر تو ساختارش بدید :
http://www.avadesigner.com/x-backbone-notifierx-ui-notificationsx-%D9%BE%D9%84%D8%A7%DA%AF%DB%8C%D9%86-jqueryx-jqueryx-%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%DB%8C%D9%87-%D9%87%D8%A7%DB%8C-%D8%B1%D8%A7%D8%A8%D8%B7-%DA%A9%D8%A7%D8%B1-676/
برای برنامه نویسی PHP هم که می تونید توی تالار PHP مطرح کنید.

موفق باشید
jalil_gh
چهارشنبه 22 خرداد 1392, 22:39 عصر
وقتی رو یه آیتمی کلیک میشه شما میتونید یه درخواست ajax بفرستید و اطلاعات مربوط به اون آیتم رو دریافت کنید و با استفاده از اون اطلاعات یه سری murkup ایجاد کنید و اونو به صفحتون اضافه کنید.
milad.biroonvand
پنج شنبه 23 خرداد 1392, 09:01 صبح
سلام

لطفا یک نمونه رو اینجا بگذارید .
jalil_gh
پنج شنبه 23 خرداد 1392, 22:58 عصر
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#info {
display:none;
width:100px;
height:100px;
position:fixed;
top:50%;
left:50%;
margin-right: -50px;
margin-top: -50px;
background-color:blue;
}
</style>
</head>
<body>
<ul id="items">
<li id='01'>item1</li>
<li id='02'>item2</li>
<li id='03'>item3</li>
</ul>
<div id="info">
<ul>
<li id="itemName"></li>
<li id="itemPrice"></li>
<ul>
</div>
<script src="jquery.js"></script>
<script>
$('#items li').click(function () {
console.log('boo');
var itemId = $(this).attr('id');

$.ajax({
url: 'getItemData.php',
type: 'post',
data: {'id': itemId},
dataType: 'json',

success: function (data) {
// your code could be something like this
/*
$('#itemName').text(data.name);
$('#itemPrice').text(data.price);
$('#info').fadeIn(500);
*/
},

error: function () {}
});
});
</script>
</body>
</html>

اون div با آی‌دی info همون پنجره‌ای که قراره بعد از دریافت اطلاعات، پر بشه و به نمایش در بید