مواد جي قابل تقاضا استعمال ڪندي
صارفين طرفان تبديل ٿيل ويب سائيٽ تي متن ٺاهڻ آسان بڻائي ٿي توهان جي توقع آهي. HTML انهي مقصد لاء هڪ خاصيت مهيا ڪري ٿو: متفق.
محتويات پسند وصف پهريون ڀيرو 2014 ۾ HTML5 جي آزاديء سان متعارف ڪرايو ويو. اهو انهي ڳالهه جي تصديق ڪري ٿو ته اهو مواد جيڪو گورنمنٽ ۾ برائوزر جي اندر سائٽن جو دورو ڪندڙ تبديل ڪري سگھجي ٿو.
مواد جي قابل تقاضا لاء مدد ڪريو
گهڻيون ڊيسڪ برائوزر برائوزر خاصيت جي حمايت ڪن ٿيون.
انهن ۾ شامل آهن:
- Chrome 4.0 ۽ اپ
- انٽرنيٽ ايڪسپلورر 6 ۽ مٿي
- فائر فاکس 3.5 ۽ مٿي
- صفاري 3.1 ۽ اپ
- اوپيرا 10.1 ۽ اپ
- Microsoft ايج
اهو ساڳيو ئي موبائل برائوزرن لاء آهي.
مواد کي استعمال ڪرڻ لاء
بس اي ايم ٽيٽ عنصر سان منسوب ڪيو جيڪو توهان تبديلي ڪرڻ چاهيو ٿا. ان مان ٽي ممڪن آھي: سچا، غلط ۽ ورثي ۾. وراثت ڊجيٽل قيمت آهي، مطلب ته اهو عنصر پنهنجي والدين جي قيمت تي وٺندو آهي. ساڳئي طور، توهان جي نئين ايڊيٽوريل مواد جي ٻار جو عنصر پڻ قابل نه ٿيندو جيستائين توهان پنهنجن قيمتن کي غلط ڪرڻ ۾ تبديل نه ڪندا. مثال طور، هڪ DIV عنصر قابل تدوين ڪرڻ لاء، استعمال ڪريو:
مواد سازي سان گڏ هڪ قابل تدوين ٺاهيو ٺاهيو
جڏھن قابل ھوندو مواد ان کي گھڻو ذخيرو بڻائي ٿو، جڏھن توھان ان کي مقامي اسٽوريج سان ملائي ٿو، تنھنڪري مواد جاري ڪرڻ ۽ سيشن جي دوري جي وچ ۾ رھي ٿو.
- توھانجي صفحي کي HTML واري ايڈیٽ ۾ کوليو.
- منهنجي ٽيڪٽس نالي نالي واري بلڊنگ، اڻ ترتيب ڏنل فهرست ٺاهيو:
- ڪجهه ڪم li>
- ٻئي ڪم li>
ul>
- ڪجهه ڪم li>
-
- عنصر کي مشهوري سان خاصيت شامل ڪريو.
- توھان جي دستاويز جي ۾ jQuery جي لنڪ شامل ڪريو.
<رسم الخط = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> script>
اهو مثال گوگل سي ڊي اين استعمال ڪري ٿو، پر توهان پنهنجي پسند ڪيو ٿا اهو پاڻ کي ميزبان ڪري سگهي ٿو يا ٻي ڪنهن ڊي ڊي استعمال ڪريو.
- توھانجي صفحي جي تري ۾، مٿي ڏنل ئي body> ٽيگ، پنھنجي رسم الخط شامل ڪريو:
<لپي>
اهو jQuery سند جو پهريون آغاز آهي. اڳ فنڪشن ۽ برائوزر کي ٻڌائي ٿو ته ھن رسم الخط کي مڪمل طور تي دستاويز مڪمل ڪيو ويو آھي.
$ (document.ready (فنڪشنل () {
})؛ اسڪرپٽ> - دستاويزن. اڳوڻي ڪارڪردگي جي اندر، مقامي اسٽوريج ۾ ڪم کي لوڊ ڪرڻ لاء پنهنجي رسم الخط شامل ڪريو ۽ ڪنهن به ڪم حاصل ڪريو جيڪي اڳ ۾ محفوظ ٿيا هئا:
$ (document.ready (فنڪشنل () {
$ ("# myTasks") بلبل (فنڪشن) ().) / // جڏهن ڪلڪ ڪيو ويو ته #myTasks عنصر
مقامي اسٽوريج.setItem ('myTasksData'، this.innerHTML)؛ // محفوظ ڪرڻ لاء مقامي اسٽوريج
})؛
جيڪڏهن (localStorage.getItem ('myTasksData')) {// جيڪڏهن مقامي مواد تي موجود مواد هجي
$ ("# myTasks"). html (localStorage.getItem ('myTasksData'))؛ // رکيل مواد صفحي تي
} })؛
سڀني صفحن لاء HTML ڏسڻ جهڙو آهي:
<سر>
My Taskks title>
<رسم الخط = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> script>
سر>
<جسم>
منهنجا ڪم h1>
پنهنجي لسٽ لاء شيون داخل ڪريو. برائوزر ان کي توهان لاء ذخيرو ڪندو، تنهن ڪري جڏهن توهان توهان جو برائوزر ٻيهر پڙهي، اهو اڃان تائين هتي ٿيندو. p>
- ڪجهه ڪم li>
- ٻئي ڪم li>
ul>
<لپي>
$ (دستاويزن). اڳوڻي (فنڪشنل () {
$ ("# myTasks"). blur (function () {
مقامي اسٽوريج.setItem ('myTasksData'، this.innerHTML)؛
})؛
جيڪڏهن (localStorage.getItem ('myTasksData')) {
$ ("# myTasks"). html (localStorage.getItem ('myTasksData'))؛
}
})؛
اسڪرپٽ>
جسم>
html>