PDA

توجه ! این یک نسخه آرشیو شده می باشد و در این حالت شما عکسی را مشاهده نمی کنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : گذري بر جاوا اسكريپت


TAHA
10-29-2009, 10:29 AM
JavaScript چيست؟
در اولين روزهاي تاسيس وب دستورات HTML بسيار ساده بود، ولي هنگامي که Web، شروع به پيشرفت نمود، طراحان خواستار کنترل بيشتري شده و در نتيجه مجموعه دستورات مورد نياز تهيه گرديد.سپس از آنجاييکه صفحات وب، بهتر است به صورت ديناميک و متحرک باشند، طراحان نيز خواستار ارتباط بين بينندگان سايت و صاحبان آن شدند، در نتيجه استفاده از دستورات HTML به تنهايي نياز آنها را برطرف نکرد و سپس شرکت Netscape براي ايجاد و کنترل ارتباط بين صاحبان سايت و بينندگان آن در صفحات Web از JavaScript کمک گرفت. JavaScript يک زبان برنامه نويسي است که به وسيله آن ميتوان بين کاربر و سايت ارتباط برقرار نمود . زبان JavaScript به حروف بزرگ و کوچک حساس ميباشد. برخلاف شباهت اسمي موجود برنامه Java و JavaScript، هيچگونه شباهتي بين اين دو برنامه وجود ندارد. Java يک زبان برنامه نويسي بسيار کامل پيشرفته اي است که توسط شرکت sun microsystem تهيه شده و جاوا اسکریپت توسط شرکت netscape.( اساس Java در برنامه هاي client-side براي ايجاد appletها ميباشد، اين برنامه هاي کوچک توسط شبکه اينترنت دريافت شده و درون خود browserها اجرا ميشوند بطوريکه بعلت وجود قابليت همه گير Java، اين برنامه در تمامي browserهايي که قابليت اجراي Java را دارند، کار ميکنند). زبان JavaScript يک زبان برنامه نويسي "شي گرا" ميباشد. از آنجا که JavaScript يک متن ساده ميباشد، در نتيجه ميتوان از هر ويرايشگر متن کمک گرفت، در سيستم ويندوز اغلب کاربران از برنامه notepad استفاده ميکنند.امروزه کدهاي جاوا در صفحات وب براي زيبا نمايي يا افزايش پويايي صفحات کاربرد زيادي دارد
TAHA
10-29-2009, 10:30 AM
براي صفحات وب

طراحي سنگين در بعضي از صفحات باعث زياد شدن حجم آن صفحات ميشود. حجم زياد صفحات مخصوصا براي ما ايرانيان يك مشكل هميشگي و سدي براي طراحان بوده و خواهد بود! همين موضوع باعث خستگي و دلسرد شدن كاربر و بازديد كننده از صفحات ميشود و باعث ميشود بازديد كنندگان سايت روز به روز كمتر شوند. اما بايد براي اين كار چاره‌اي انديشيد. معقولانه ترين راه طراحي منطقي و كم حجم در عين حال زيبا و كاربر پسند است. اما گاهي اوقات نميتوان به هر دليلي صفحات را در حجم كم طراحي نمود مخصوصا صفحاتي كه داراي عكسهاي زيادي هستند. پس براي مشكل دوم هم بايد يك راهي را در نظر گرفت تا بتوان طراحي خوبي ارائه داد. در اين آموزش شما ياد خواهيد گرفت كه با يك سري دستورات جاوا اسكريپت چگونه براي صفحه خود Preloader قرار دهيد. اينكار سبب ميشود كه كاربر كمي آرامتر شده و تحمل آن هم براي ديدن صفحات بيشتر خواهد شد. اين كار را ميتوانيد در تمام سايتها و يا وبلاگها عملي كنيد.
براي شروع كار ابتدا كد جاوا اسكريپت زير را در تگ <head> صفحه مورد نظرخود قرار دهيد.


<SCRIPT>

var DHTML = (document.getElementById || document.all || document.layers);

function ap_getObj(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];

}

}

function ap_showWaitMessage(div,flag)

{

if (!DHTML) return;

var x = ap_getObj(div);

x.visibility = (flag) ? 'visible':'hidden'

if(! document.getElementById)

if(document.layers)

x.left=280/2;

return true;

}

</SCRIPT>


و سپس كد زير را بعد از <body> قرار دهيد:


<DIV id=waitDiv style="LEFT: 40%; VISIBILITY: hidden; POSITION: absolute; TOP: 50%; TEXT-ALIGN:center">

<TABLE cellPadding=6 border=0>

<TBODY>

<TR>

<TD align=middle>

<IMG alt="Please wait" src="loading.gif">

</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

<SCRIPT>

ap_showWaitMessage('waitDiv', 1);

</SCRIPT>


در كدي كه بالا ذكر شد شما ميتوانيد طراحي مورد نظر خود را داخل تگ <DIV> قرار دهيد. توجه داشته باشيد تگ <DIV> حتما بايد وجود داشته باشد ولي محتواي درون آن (در اين كد مثلا <Table> ) ميتواند با توجه به نياز شما تغيير كند.
سپس كد زير را دقيقا بالاي (قبل از) </body> قرار دهيد. (اين تگ در يك خط مانده به آخرين خط صفحه شما قرار دارد)


<SCRIPT>

ap_showWaitMessage('waitDiv', 0);

</SCRIPT>


حالا ديگر كدهاي نوشته شده توسط شما كار خواهد كرد. كافي است صفحه مورد نظر را درون سايت خود قرار دهيد و سپس آنرا مشاهده نمايد .
توجه داشته باشيد اين preload بر حسب load شدن صفحه شما ميباشد.