phpweb
سه شنبه 03 اسفند 1389, 00:27 صبح
من از رزیولیشن 1024 *768 استفاده می کنم. وقتیکه رزیولیشن مانیتورم رو روی 800*600 میزارم توی مرورگرهای کروم، سافاری و نت اسکیپ تمام صفحه نمایش داده نمی شه.
به کمک سی اس اس به صفحه اسکرول بار اضافه کردم ولی تاثیری نداشت.
الان می خوام به کمک جاوا اسکریپت این کار رو انجام بدم.
چطور می تونم این کار رو انجام بدم؟
کد کامل صفحه رو در ادامه قرار دادم:
<!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>
<title>صفحه ورود به پنل مديريت</title>
<style type="text/css">
body { font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; font-size:12px; direction:rtl; height:1000px; background-color:#FFF; }
#all { width:1000px; margin: 0 auto;}
#header { background-color:#a0c7fa; width:980px; height:40px; border-bottom: 3px #000 solid; padding:9px 10px; margin: 0 auto }
#layer_1 { width:280px; margin: 100px auto; border:3px solid; background-color: #dfdfdf; }
#layer_2 { width:160px; margin: 0 auto; padding:25px 0; }
</style>
</head>
<body>
<div id="all">
<div id="header"><a href="http://localhost/">آدرس وبسایت</a></div>
<div id="layer_1">
<div id="layer_2">
<form id="form1" name="form1" method="post" action="index.php">
<label for="userid">کلمه کاربري</label>
<br />
<input name="userid" type="text" id="userid" maxlength="16" />
<br />
<label for="pass">کلمه رمز</label>
<br />
<input name="pass" type="password" id="pass" maxlength="16" />
<br />
<input name="sent_userid" type="hidden" id="sent_userid" value="yes" />
<br />
<input type="submit" value="ورود" id="sent_form" />
</form>
</div>
</div>
</div>
</body>
</html>
به کمک سی اس اس به صفحه اسکرول بار اضافه کردم ولی تاثیری نداشت.
الان می خوام به کمک جاوا اسکریپت این کار رو انجام بدم.
چطور می تونم این کار رو انجام بدم؟
کد کامل صفحه رو در ادامه قرار دادم:
<!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>
<title>صفحه ورود به پنل مديريت</title>
<style type="text/css">
body { font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; font-size:12px; direction:rtl; height:1000px; background-color:#FFF; }
#all { width:1000px; margin: 0 auto;}
#header { background-color:#a0c7fa; width:980px; height:40px; border-bottom: 3px #000 solid; padding:9px 10px; margin: 0 auto }
#layer_1 { width:280px; margin: 100px auto; border:3px solid; background-color: #dfdfdf; }
#layer_2 { width:160px; margin: 0 auto; padding:25px 0; }
</style>
</head>
<body>
<div id="all">
<div id="header"><a href="http://localhost/">آدرس وبسایت</a></div>
<div id="layer_1">
<div id="layer_2">
<form id="form1" name="form1" method="post" action="index.php">
<label for="userid">کلمه کاربري</label>
<br />
<input name="userid" type="text" id="userid" maxlength="16" />
<br />
<label for="pass">کلمه رمز</label>
<br />
<input name="pass" type="password" id="pass" maxlength="16" />
<br />
<input name="sent_userid" type="hidden" id="sent_userid" value="yes" />
<br />
<input type="submit" value="ورود" id="sent_form" />
</form>
</div>
</div>
</div>
</body>
</html>