سوال: ایجاد دکمه restore down ویندوز برای یک div [بایگانی]

View Full Version : سوال: ایجاد دکمه restore down ویندوز برای یک div

neginak

یک شنبه 01 خرداد 1390, 20:38 عصر

با سلام به دوستان برنامه نویس وبا تشکر به خاطر راهنمایی های قبلی
این بار می خوام یک دکمه شبیه دکمه ی Rstore Down در پنجره های ویندوز ایجاد کنم و در رویداد کلیک اون بین کلاس مربوط به parent div اون دکمه و کلاس full screen سوئیچ می کنم همه چی درست کار میکنه به جز خصوصیت های left,topدایو مورد نظرکه صفر نمیشه(یعنی positionدایو مذکور عوض نمیشه)
کد cssوjquery رو اینجا میذارم لطفا بازم کمکم کنید با تشکرneginak
.myDiv
{

position:absolute;
left:20;
top:20;
width: 50%;
height: 50%;
border:2px solid #000;
}

.fullScreen
{
position:absolute;
left:0;
top:0;
width: 100%;
height: 100%;
overflow: auto;
}
----------------------------------------------------
$(".Max-re").click(function () {
$(this).parent().toggleClass('fullScreen');
');
});

alismith

یک شنبه 01 خرداد 1390, 23:50 عصر

سلام

از این روش استفاده کنید :

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery","1.5");</script>
<script>
$(document).ready(function(){

var mode = 1;
$(".Max-re").click(function() {

if(mode==1){

$(this).parent().removeClass('fullScreen');
$(this).parent().addClass('myDiv');

mode = 0;

}else{

$(this).parent().removeClass('myDiv');
$(this).parent().addClass('fullScreen');

mode = 1;

}

});

});
</script>

<style type="text/css">

.myDiv
{

position:absolute;
left:20;
top:20;
width: 50%;
height: 50%;
border:2px solid #000;
background: silver;
}

.fullScreen
{
position:absolute;
left:0;
top:0;
width: 100%;
height: 100%;
overflow: auto;
background: silver;
}

</style>

</head>

<body>
<div class="myDiv">
<br/>
<input type="button" class="Max-re" value="restoreToggle"/>
<br/>
</div>
</body>
</html>

کد ها رو در یک Notepad کپی کنید و با پسوند html ذخیره کنید (برای دیدن فایل نمونه حتما باید به اینترنت متصل باشید)

موفق باشید

exlord

دوشنبه 02 خرداد 1390, 12:50 عصر

var maxed = false;
$(document).ready(function () {
$('#btn').click(function () {
$(this).parent().toggleClass('fullScreen', !maxed);
});
});