په ویب پاڼو کې د غوښتن لیک طرزالعمل چمتو کړئ
متحرک HTML (DHTML) تاسو ته اجازه درکوي چې ستاسو په ویب پاڼو کې د اپیل طرزالعمل تجربه رامنځته کړي، تعدد کم کړئ چې ټولې پاڼې باید په بشپړ ډول پورته شي. په غوښتنلیکونو کې، کله چې تاسو په څه شي باندې کلیک وکړئ، غوښتنلیک په چټکۍ سره بدلون راوړي ترڅو دا ځانګړي محتويات ښکاره کړي یا ستاسو ځواب سره تاسو ته وړاندې کړي.
برعکس، ویب پاڼې معمولا باید بیا پورته شي، یا ټول نوې پاڼې باید پورته شي. دا کار کوالی شي ډیر بې رحمه تجربه وکړي. ستاسو پیرودونکي باید لومړی پاڼه وګوري ترڅو د پورته کولو لپاره او بیا دویم مخ لپاره بیا بیا وینځئ، او داسې نور.
د & lt؛ div & gt؛ کارول د لیدونکي تجربې ښه والی
د DHTML کارول، د دې تجربې د ښه کولو لپاره تر ټولو آسانه لارښوونو څخه یو دی چې د ډوی عناصر لري چې غوښتن لیک وړاندې کولو کې د منځپانګو ښودلو لپاره او بل ټکی کوي. د فای عنصر ستاسو په ویب پاڼه کې منطقي ویشونه تعریفوي. د یوې بکس په څیر فکر وکړئ چې کېدای شي پیراګرافونه، سرلیکونه، اړیکې، انځورونه او حتی نورې برخې ولري.
ته اړتیا لرئ
د دې لپاره چې د هغه ډیزاین جوړلو لپاره چې تیریږي او بند شي، تاسو لاندیني اړتیاو ته اړتیا لرئ:
- کله چې ټک وکړئ د ډیوال کنټرول لپاره یو لینک کنټرولیږي
- د دې د ښودلو او پټولو لپاره
- سی ایس ایس پټ شوی وی یا پټ شوی
- جاوا سکريپټ د عمل کولو لپاره
کنټرول لینک
کنټرول لینک اسانه برخه ده. په ساده ډول یو لینک جوړ کړئ لکه تاسو یو بل مخ ته. د دې لپاره، د HTML ځانګړتیاوې پریښودئ.
د HTML زده کړهدا ستاسو په ویب پاڼې کې هر ځای ځای ونیسئ.
د ښودلو او پټولو لپاره
د هغه عنصر جوړ کړئ چې تاسو یې وغواړئ او پټ کړئ. ډاډ ترلاسه کړئ چې ستاسو ډوی یو ځانګړی ID لري. په مثال کې، ځانګړې ID د HTML زده کول دي .
زده کړه HTML h3> - د وړیا HTML HTML li>
- HTML ټیوټرالیل a> li>
- XHTML څه دی؟ li> ul> div> div>
د سي ډي د ښودلو او پټولو لپاره سي ایس ایس
د سی ایس ایس لپاره دوه درسونه جوړ کړئ: یو د ډوی پټ او بل یې پټولو لپاره پټ کړئ. تاسو د دې لپاره دوه اختیارونه لرئ: نمونه او لیدنه.
ننداره د لین د وهلو څخه لرې لرې کړه، او لیدلوري یوازې هغه بدلونونه بدلوي چې څنګه لیدل کیږي. ځینې کوډر غوره کوي غوره کوي ، مګر کله کله لیدل کیږي احساس هم کوي. د مثال په توګه:
. ښایسته {نمونه: هیڅ نه؛ }. منع شوی {نمونه: بندیز؛ } که تاسو غواړئ چې د لیدلو وړ وکاروی نو بیا دا ټولګی ته بدلون ورکړئ:
. پټ شوی {لیدل: پټ؛ }. منحل {لیدل: لیدل؛ } پټ شوی ټولګی ته ستاسو د ډوډۍ په برخه کې اضافه کړئ ځکه چې دا په پاڼه کې پټ شوی پیل کیږي:
class = " hidden " > جاوا سکريپټ د کار کولو لپاره
دا ټول سکریپټ د اوسني طبقه ګورئ چې ستاسو د ډایټ پر بنسټ جوړ شوی او د منلو وړ یې ټکوي که چیرې دا پټ یا پټ وي.
دا یوازې جاوا سکرپٹ یوازې څو لینونه دي. لاندې د خپل HTML سند په سر کې ځای په ځای کړئ (مخکې له <سر> tag:
<د متن ډول = "متن / جاوا اسکرپٹ"> فعالیت ناخوندي (divid) {var item = document.getElementById (divid)؛ که (item). ('item.className ==' پټ شوی)) 'نه منل شوی': 'پټ'؛ }} script> دا دا لپ ټاپ څه کوي، د کرښې لیکه:
- د دې فعالیت فعالیت ناخبره کوي ، او divid یو ځانګړی ځانګړی ID دی چې تاسو یې غواړئ یا پټ کړئ.
- د خپل د ویش سره یو متغیر کونکي ځای نیسي.
- د ساده لټون برنامه معاینه کوي که چیرې براؤزر د getElementById ملاتړ ونه کړي، نو دا متن به کار ونه کړي.
- ټولګی په ویش وګورئ. که دا پټ شوی وي ، نو دا په ناخوندي توګه بدلوي. که نه نو، دا په پټه کې بدلون کوي.
- که دا بیان بیان کړي.
- فعالیت بندوی.
د لیکلو کار کولو لپاره، تاسو باید یو بل څه وکړئ. بېرته خپل لینک ته لاړ شئ او جاواسکرپٹ د href ځانګړتیاوو ته واستوئ. ډاډ ترلاسه کړئ چې دقیق ځانګړي ID استعمال کړئ چې تاسو یې د خپل د نوم نوم ورکړئ په دې href:
جاوا سکسپټنټ) (هیلن ایچ ایچ ایل')؛ "> HTML زده کړه مبارکۍ! تاسو اوس یو داسې وی لرئ چې هرکله چې تاسو په لینک کې کلیک وکړئ ښکاره کړئ او پټ کړئ.
د لید لپاره احتمالي ستونزې
دا رسم الخط بې سمه ثبوت نه دی. ځینې شرایط شتون لري چې پدې کې ستاسو د ستونزو لامل کیږي:
- جاوا سکریپټ ندی بدل شوی. که ستاسو لوستونکي جاوا سکریپټر نه لري یا دا بند شوی وي، دا لپاس به کار ونکړي. پټې وېش هیڅکله پټ نه پټوي چې ستاسو لوستونکي څه کوي. د دې د حل کولو لپاره یوه لاره دا ده چې پوش شوي ویش په یوه نسکریټ سیمې کې واچوم، مګر تاسو باید د هغې سره سم په سمه توګه وښایئ ترڅو دا سمه وښایه.
- ډیر ډیر مواد. دا یو ښه وسیله کیدی شي چې ستاسو لوستونکي یوازې هغه محتويات وګوري چې دوی ورته اړتیا لري، مګر که تاسو پټ شوي ویشونو کې ډیر زیات وساتئ، نو دا به په پراخه توګه اغیزه کولی شي د پاڼې وزن څنګه. په ياد ولرئ چې که څه هم محتويات نه ښودل کيږي، د ګورت برنر لا تر اوسه دا ډاونلوډ کوي، نو له دې امله تاسو ښه پوهه ترلاسه کړئ چې تاسو څومره پټ ساتل غواړئ.
- پیرودونکي نه پوهیږي. بالاخره، پیرودونکي ممکن د محتویاتو ښکاره کول یا پټولو لپاره د هغه لینک کلک کولو لپاره عادی نه وي. د شبیهونو سره شاوخوا لوبې وکړئ (اضافي نښه او تیرونه ښه کار کوي) یا متن ته تشریح کولو لپاره ستاسو پیریدونکو ته څه پیښ شي. بله لاره دا ده چې د یو ویش د خلاصیدو په حال کې پاتې شي پداسې حال کې چې نور نور تړل شوي دي. دا کولی شي خپل پیرودونکو ته نظر ورسوي، له دې امله دوی کولی شي په چټکۍ سره معلومه کړي چې پاتې نور مواد څنګه خلاص کړي.
تاسو باید تل د متحرک HTML په څیر د دې پېرېدونکو سره معاینه کړئ. یوځل چې تاسو ډاډه یاست چې دوی پوهیږي او کارولای شي، دا کولی شي د سترګو لیدلو ځای په پام کې نیولو پرته ستاسو په ویب پاڼو کې د یوې پراخې محتوا د ترلاسه کولو لپاره یوه ښه لار وي.
د سي ډي د ښودلو او پټولو لپاره سي ایس ایس
د سی ایس ایس لپاره دوه درسونه جوړ کړئ: یو د ډوی پټ او بل یې پټولو لپاره پټ کړئ. تاسو د دې لپاره دوه اختیارونه لرئ: نمونه او لیدنه.
ننداره د لین د وهلو څخه لرې لرې کړه، او لیدلوري یوازې هغه بدلونونه بدلوي چې څنګه لیدل کیږي. ځینې کوډر غوره کوي غوره کوي ، مګر کله کله لیدل کیږي احساس هم کوي. د مثال په توګه:
. ښایسته {نمونه: هیڅ نه؛ }. منع شوی {نمونه: بندیز؛ }که تاسو غواړئ چې د لیدلو وړ وکاروی نو بیا دا ټولګی ته بدلون ورکړئ:
. پټ شوی {لیدل: پټ؛ }. منحل {لیدل: لیدل؛ }پټ شوی ټولګی ته ستاسو د ډوډۍ په برخه کې اضافه کړئ ځکه چې دا په پاڼه کې پټ شوی پیل کیږي:
جاوا سکريپټ د کار کولو لپاره
دا ټول سکریپټ د اوسني طبقه ګورئ چې ستاسو د ډایټ پر بنسټ جوړ شوی او د منلو وړ یې ټکوي که چیرې دا پټ یا پټ وي.
دا یوازې جاوا سکرپٹ یوازې څو لینونه دي. لاندې د خپل HTML سند په سر کې ځای په ځای کړئ (مخکې له <سر> tag:
<د متن ډول = "متن / جاوا اسکرپٹ"> فعالیت ناخوندي (divid) {var item = document.getElementById (divid)؛ که (item). ('item.className ==' پټ شوی)) 'نه منل شوی': 'پټ'؛ }} script>دا دا لپ ټاپ څه کوي، د کرښې لیکه:
- د دې فعالیت فعالیت ناخبره کوي ، او divid یو ځانګړی ځانګړی ID دی چې تاسو یې غواړئ یا پټ کړئ.
- د خپل د ویش سره یو متغیر کونکي ځای نیسي.
- د ساده لټون برنامه معاینه کوي که چیرې براؤزر د getElementById ملاتړ ونه کړي، نو دا متن به کار ونه کړي.
- ټولګی په ویش وګورئ. که دا پټ شوی وي ، نو دا په ناخوندي توګه بدلوي. که نه نو، دا په پټه کې بدلون کوي.
- که دا بیان بیان کړي.
- فعالیت بندوی.
د لیکلو کار کولو لپاره، تاسو باید یو بل څه وکړئ. بېرته خپل لینک ته لاړ شئ او جاواسکرپٹ د href ځانګړتیاوو ته واستوئ. ډاډ ترلاسه کړئ چې دقیق ځانګړي ID استعمال کړئ چې تاسو یې د خپل د نوم نوم ورکړئ په دې href:
جاوا سکسپټنټ) (هیلن ایچ ایچ ایل')؛ "> HTML زده کړهمبارکۍ! تاسو اوس یو داسې وی لرئ چې هرکله چې تاسو په لینک کې کلیک وکړئ ښکاره کړئ او پټ کړئ.
د لید لپاره احتمالي ستونزې
دا رسم الخط بې سمه ثبوت نه دی. ځینې شرایط شتون لري چې پدې کې ستاسو د ستونزو لامل کیږي:
- جاوا سکریپټ ندی بدل شوی. که ستاسو لوستونکي جاوا سکریپټر نه لري یا دا بند شوی وي، دا لپاس به کار ونکړي. پټې وېش هیڅکله پټ نه پټوي چې ستاسو لوستونکي څه کوي. د دې د حل کولو لپاره یوه لاره دا ده چې پوش شوي ویش په یوه نسکریټ سیمې کې واچوم، مګر تاسو باید د هغې سره سم په سمه توګه وښایئ ترڅو دا سمه وښایه.
- ډیر ډیر مواد. دا یو ښه وسیله کیدی شي چې ستاسو لوستونکي یوازې هغه محتويات وګوري چې دوی ورته اړتیا لري، مګر که تاسو پټ شوي ویشونو کې ډیر زیات وساتئ، نو دا به په پراخه توګه اغیزه کولی شي د پاڼې وزن څنګه. په ياد ولرئ چې که څه هم محتويات نه ښودل کيږي، د ګورت برنر لا تر اوسه دا ډاونلوډ کوي، نو له دې امله تاسو ښه پوهه ترلاسه کړئ چې تاسو څومره پټ ساتل غواړئ.
- پیرودونکي نه پوهیږي. بالاخره، پیرودونکي ممکن د محتویاتو ښکاره کول یا پټولو لپاره د هغه لینک کلک کولو لپاره عادی نه وي. د شبیهونو سره شاوخوا لوبې وکړئ (اضافي نښه او تیرونه ښه کار کوي) یا متن ته تشریح کولو لپاره ستاسو پیریدونکو ته څه پیښ شي. بله لاره دا ده چې د یو ویش د خلاصیدو په حال کې پاتې شي پداسې حال کې چې نور نور تړل شوي دي. دا کولی شي خپل پیرودونکو ته نظر ورسوي، له دې امله دوی کولی شي په چټکۍ سره معلومه کړي چې پاتې نور مواد څنګه خلاص کړي.
تاسو باید تل د متحرک HTML په څیر د دې پېرېدونکو سره معاینه کړئ. یوځل چې تاسو ډاډه یاست چې دوی پوهیږي او کارولای شي، دا کولی شي د سترګو لیدلو ځای په پام کې نیولو پرته ستاسو په ویب پاڼو کې د یوې پراخې محتوا د ترلاسه کولو لپاره یوه ښه لار وي.