PDA

View Full Version : سوال: ساخت وب سایت با ajax



mahyartt
چهارشنبه 29 مهر 1388, 19:34 عصر
با سلام
من ajax کار کردم با مفاهیمشم آشنام اما میخوام صفحم که load میشه صفحه پشتیش در زمان load غیر قابل دسرس باشه
در ضمن با ajax script میگم نه toolkit

ممنون

jafarnia
چهارشنبه 29 مهر 1388, 20:14 عصر
از اين روش مي توني استفاده كني:


<body>
<div id="loadDiv" name="loadDiv" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #eeeeee; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 999;">
</div>
<!-- كدهاي صفحه -->
<script language="javascript" type="text/javascript">
function GOS(name) {
if (document.getElementById) {
return document.getElementById(name).style;
}
else if (document.all) {
return document.all[name].style;
}
else if (document.layers) {
return document.layers[name];
}
}
GOS("loadDiv").visibility = "hidden";
</script>
</body>


بلافاصله بعد از تگ body تگ div رو ايجاد كن و در انتهاي تمامي كدهاي صفحه، قبل از بستن تگ body تگ script رو بزار.
البته اگه از Jquery استفاده كني كه خيلي حرفه اي تر و گرافيكي تر با حالت Fade Animation مي شه اين كارو كرد.

mahyartt
پنج شنبه 30 مهر 1388, 00:04 صبح
مرسی درست شد
دست درد نکنه
اگه زحمتت نمیشه با jquery هم میتونی یه مثال برام بزاری

jafarnia
پنج شنبه 30 مهر 1388, 08:49 صبح
از اين كد استفاده كن


<head>
<!-- كدهاي Head-->
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>
<div id="loadDiv" name="loadDiv" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #eeeeee; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 999;">
</div>
<!-- كدهاي صفحه -->
<script language="javascript" type="text/javascript">

$(document).ready(function(){

$("#loadDiv").animate({ opacity: "0" }, "slow")
.animate({ height: "0", width: "0" }, 1)

});
</script>
</body>

با كمي خلاقيت و گذاشتن يك Loading.... و تصاوير متحرك داخل LoadDiv و همچنين استفاده از امكانات JQUERY خيلي عالي ميشه.
كه بقيه اش به عهده خودته.