ورود

View Full Version : ساخت نوعی خاص از پنجره


toytown
سه شنبه 23 فروردین 1390, 23:27 عصر
سلام دوستان

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

تو اینترنت نمونشو زیاد دیدم بعضیشون وقتی باز میشن اجازه نمیدن که صفحه اصلی که کد این پنجره هم توشه دیده بشه و باید کلوز بشه تا صفحه دیده بشه اما من میخوام اینطور نباشه و حتی الامکان کدش سبک باشه ممنون
azaditafakor
چهارشنبه 24 فروردین 1390, 06:56 صبح
از نمونه های jquery میتونی استفاده کنی ، خیلی ساده هستن .
مثلا اینو جستجو کن : dialog function in jquery

http://jqueryui.com/demos/dialog/
hamidre13
چهارشنبه 24 فروردین 1390, 08:14 صبح
سلام
اگه می خوای خودت درست کنی باید یه div با خاصیت سی اس اس به صورت display:none و position:absolote و همچنین z-index بیشتر از المنت های صفحه درست کنی!
حالا باید توسط جاوااسکریپ یا جی کوئری بر اساس اون رویدادی که قرار هست اتفاق بی افته دیسپلی رو بلاک کنی و همچنین در کلیک * دوباره دیسپلی رو نان کنی!
اگه نتونستی بگو تا کدش رو واست بنویسم
toytown
چهارشنبه 24 فروردین 1390, 15:42 عصر
اگر کد رو بذارین ممنون میشم چون خیلی تخصصی ندارم
hamidre13
شنبه 27 فروردین 1390, 06:53 صبح
سلام
کد رو برات گذاشتم با جاوا اسکریپت هم نوشتم!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script type="text/javascript">
function pop()
{
document.getElementById("pop-up").style.display = "block";
}
function clss()
{
document.getElementById("pop-up").style.display = "none";
}
</script>
<style type="text/css">
.tttt{
background-color:blue;
height:1000px;
width:500px;
}
#pop-up{
background-color:maroon;
height:150px;
width:321px;
position:absolute;
top: 333px;
left: 136px;
display:none;
}
#button{
background-color:lime;
width:100px;
text-decoration:none;

}
#close{
background-color:orange;
text-decoration:none;
}
</style>
</head>

<body>
<div class="tttt">
<a href="#"id="button" onclick="pop();return false">click me</a>
</div>
<div id="pop-up">
<a href="#" id="close" onclick="clss();return false">X</a>
</div>
</body>

</html>
azaditafakor
شنبه 27 فروردین 1390, 12:28 عصر
خوب آقا تا وقتی اون جی کوئری هست ، این دیگه چیه ؟ آخه هیچی ام که اعمال نکردی ، حرکت هم که نداره .
hamidre13
شنبه 27 فروردین 1390, 21:54 عصر
دوست عزیز اگه شما میتونی بجای اینکه به من بگی خودت درست کن بهترش رو بزار!
بنده حدود 5 سال هست طراحی وب رو انجام میدم هیچ ادعایی ندارم و هیچ چیز هم بلدنیستم ، بنابراین اگه شما میتونی چیز به من یاد بدی خوشحال میشم ازت یاد بگیرم.
دلیل این که از جی کوئری استفاده نکردم این هست که نسخه وب جی کوئری حدود 30 کیلوبایت هست و من هیچ وقت بخاطر این کار کوچیک سریع سراغ جی کوئری نمیرم و الکی حجم صفحم رو زیاد نمی کنم!
در ضمن ایشون چیزی از دراگ ابل بودن نگفته بنابراین من هم چیزی ننوشتم!
درآخر هم اینو رو بگم که من به حجم صفحات و همچنین کراس بروزر بودن کدهام خیلی اهمیت می دم ، بنابراین بر اساس شرایط سعی می کنم بهترین گزینه رو واسه طراحی انتخاب کنم!
azaditafakor
یک شنبه 28 فروردین 1390, 03:07 صبح
خب حالا ، جوش نیار . اینقدر حرف من ثقیل بود ؟

الان دیگه اگه این کتابخونه رو از گوگل آدرس بدی ، تو همه ی بروزر ها کش شده ، پس حجم صفحه ای نداره.