Ишоратларни ўрнатиш. «Bookmark» ташкил қилиш. График ишоратлар ва тасвир харитасини қўйиш - Информатика и ИТ - Рефераты

Ишоратларни ўрнатиш. «Bookmark» ташкил қилиш. График ишоратлар ва тасвир харитасини қўйиш

Загружено в:

20.09.2019

Скачано:

0

Размер:

515.5 KB

www.arxiv.uz И шоратларни ўрнатиш. « B ookmark» ташкил қилиш. Г рафик ишоратлар ва тасвир харитасини қўйиш Режа: 1. Form ташкил қилиш. MS FrontPage компонентларини ўрнатиш ва фойдаланиш 2. JavaScript га кириш. Ўзгарувчилар, объектлар ва хусусиятлар.

www.arxiv.uz Web хужжатларнинг асосий ажралиб турадиган қисми, бу ҳужжатларга қўйиладиган гиперишоратлардир. Гиперишоратлар «жонли» равишда намоён бўлади. Яъни оддий матнларга қўйилган, масалан, «қўшимча маълумотларни иккинчи варақдан оласиз» каби изохда сиз уни иккинчи вараққа ўтсангиз, оласиз. Гиперматнларда эса ўша ишоратларнинг ўзи харакатланади. Бошқа ҳужжатларга йўл кўрсатувчи ва олиб борувчи гиперишоратлар ҳам гиперматнли алоқаларнинг асосий қисми ҳисобланади. Гипералоқалар фақат калитли сўзлар орқалигина бўлмай, балки турли объектлар, ҳатто расмларнинг бўлакларлари орқали ҳам амалга оширилиши мумкин. Гиперишоратларни қўйиш MS FrontPage дастурида қандай амалга оширилиши тўғрисида кенгроқ тўхталиб ўтамиз. Айтиб ўтилганидек, гиперишорат матн қисмига ҳам қўйилиши мумкин. Бунинг учун гиперишорат қўйилиши керак бўлган матн белгилаб олинади ва ускуналар панелида жойлашган тугмаси босилади. Натижада экранда 14- расмда кўрсатилган мулоқот ойна ҳосил бўлади. Б у ойнадаги URL майдонида активлашиши лозим бўлган файлга йўл ва файл номи кўрсатилади. Ok тугмаси босилганидан кейин белгиланган матн қисми бошқа рангга бўялганини кўрамиз. Агар web хужжатни браузерда очиб сичқонча кўрсаткичини шу матн устига олиб келадиган бўлсак, сичқон кўрсаткичи «қўл» кўринишини олади. Яъни матн танланганда URL майдонида берилган файл (web хужжат) активлашади.

www.arxiv.uz 14-расм. Гиперишорат қўйиш учун мулоқот ойна Гиперишоратларни фреймлар билан ишлаётган вақтда анчагина эътибор билан ўрнатилиши талаб этилади. Маълумки, фреймлар экранда бир неча web ҳужжатларни намоён қилади. Бир web хужжатда ўрнатилган гиперишоратга боғланган бошқа бир web хужжат жорий вақтда активлашиб турган фрейм ойнаси ўрнида хосил бўлиши учун қуйидаги ишларни бажарилади:  керакли матн қисми белгиланади;  гиперишорат тугмаси босилади;  ҳосил бўлган 14-расмдаги мулоқот ойнадан тегишли файлга йўл кўрсатилади;  мулоқот ойнадаги Target frame тугмаси босилади;  хосил бўлган мулоқот ойнанинг ўнг томонидаги фреймли ойна шаблонидан ишорат қўйилаётган хужжат фреймнинг қайси бўлимида хосил бўлиши танланади (15-расм);  Ok тугмаси босилади.

www.arxiv.uz 15-расм. Target Frame мулоқот ойнаси Браузерлар бошқа бир хужжатга ёки хужжатнинг маълум бир қисмига мурожаат қилиш учун ажратилган калит сўзни ўзгача рангда ёки остига чизилган шаклда хосил қилиши хақида юқорида айтиб ўтган эдик. Бу ишорат кўрсаткич устида сичқонча тугмасини бир марта босиш билан бошқа хужжатга тез ўтиш мумкин. Манзилли-ишоратнинг кўринмас қисмида бошқа хужжатга ўтишга йўл кўрсатилади. HTML тилида ишорат ўрнатиш қуйидагича бўлади: <A HREF  ”Main.htm”> Main.htm га ишорат <  A> Б у ерда «Main.htm га ишорат » калит сўзи жорий хужжат жойлашган каталогдаги Main.htm номли хужжатга ишоратни ифодалайди . А гар бош қ а бир каталогда жойлашган хужжатга ишорат қ ўйиш керак бўлса , у холда ўша каталокка йўлни тўли қ кўрсатиш керак . Масалан , жорий каталогда жойлашган AtlanticStates каталогидаги NSStates.htm га ишорат қ ўйиш қ уйидагича бўлади : <A HREF  ”AtlanticStates  NSStates.htm”>New Jersey<  A> Ю қ орида кўрилган ишоратлар фа қ атгина бир компьютергагина тегишли бўлиб , ишоратларни тармо қ бўйича хам қ ўйиш мумкин :

www.arxiv.uz <A HREF  ”http  www. AtlanticStates  NSStates.htm”>New Jersey<  A> Тармо қ да жойлашган хужжатга ишорат қ ўйилганда , ўша хужжат кўрсатилган жойда бўлиши керак . Барча ички ишоратларга хужжатларни бош қ а каталокка кўчирилганда хар доим тузатиш киритилишидан қ очиш керак . Гиперишоратларни фақат тасвир ёки хужжатларгагина эмас , балки ихтиёрий файлга бериш мумкин . Масалан , хужжатингиз жойлашган каталогдаги Doom2 ўйинига ишорат қўйилса : <A HREF  ”Doom2.zip”> Doom2 <  A> бу холатда браузер кўрсатилган файлни фойдаланувчи дискига са қ лаш ҳа қ идаги сўров ойнасини хосил қ илади . Гиперишоратларни нафақат бошқа файлга бериш мумкин , балки , жорий хужжатнинг бирор қисмига хам бериш мумкин . Бунинг учун хужжатнинг мурожаат қилинувчи қисмига закладка (Bookmark) ўрнатиб олиш керак . Бу ишни MS FrontPage дастурида амалга ошириш учун хужжатнинг ўша қисмини бошига курсор ўрнатилади ва менюлар сатридан Insert->Bookmark кетма - кетлик бажарилади . Экранда хосил бўлган мулоқот ойнада закладка номи берилади (16-расм). 16-расм. Закладка ( Bookmark ) ўрнатиш ойнаси У шбу ўрнатилган закладкага ишорат ўрнатиш учун ишорат қўйилувчи матн қисми белгилаб олинади ва гиперишорат тугмаси босилади. Экранда 14- расмда кўрсатилган мулоқот ойна хосил бўлади. Бу ойнадаги Bookmark

www.arxiv.uz майдонига керакли закладка номи ёзилади ва Ок тугмаси босилади. Хужжатнинг аниқланган қисмига ишорат қўйишда жорий хужжат бўлмасдан, бошқа бир хужжат бўлиши хам мумкин. Бунинг учун мулоқот ойнанинг URL майдонида ўша хужжат номи ва Bookmark майдонида мурожаат қилиниши керак бўлган закладка номи берилиши етарлидир. Хужжатнинг аниқланган қисмига ишорат қўйиш HTML тилида қуйидагича амалга оширилади. Масалан Main . htm хужжатида закладка қўйиш: < A name  ” A 001”>1-боб*<  A > Шундай қилиб, 1-боб сўзи А001 закладкани ифодалайди. Бошқа хужжатдан туриб Main . htm даги А001 закладкасига ишорат қўйиш қуйидагича амалга оширилади: <A HREF  ”Main.htm #A001”>1- боб <  A> # белгисини қўйиш мажбурийдир . Матнларга гиперишорат қўйишдан ташқари график тасвирларга хам гиперишоратлар қўйиш мумкин . Хар қандай расм гиперматнли ишорат бўлиши мумкин . Бунда белгиланган матн ўрнида белгиланган расм бўлади холос . Ишорат қўйишнинг қолган қисмлари матнли билан айнан бир хил . HTML тилида эса бир оз ўзгариш бўлади : <A HREF  #start><img src  image.jpg><  A> расмли ишорат атрофида хосил бўлиб қ олган чизи қ ни автоматик олиб ташлаш учун img тегида border  ”0” параметрини қ ўллаш керак . График ишоратли тасвирга бошқа параметрларни хам қўшиш мумкин : <A HREF  aaa.htm><img src  home.gif width  200 heught  133 h space  12 vspace  4 align  left alt  ” Бош сахифага ишорат ” border  2><  A> Бир фрейм ойнасидаги матнга қўйилган ишорат мурожаат қилувчи хужжат шу экрандаги бошқа бир фрейм ойнасида хосил бўлиши учун қандай кетма-кетликни амалга ошириш керак?

www.arxiv.uz Т асвир харитаси. Юқорида айтиб ўтилган график-ишоратлар айнан бир бутун расмларгагина қўйилади. Шандай муаммо туғилиши хам мумкинки, бир бутун расмнинг турли қисмларига алохида-алохида ишоратлар қўйилсин. Бунинг учун тасвир харитасидан фойдаланилади. Харита қуйидаги учта форманинг ишчи майдонини аниқлайди: айлана, тўғри тўртбурчак ва кўпбурчак. MS FrontPage дастурида бундай шаклларни чизиш учун алохида тугмалар ажратилган (17-расм). 17-расм. Тасвир харитаси учун тугмалар Р асмнинг турли бўлакларига турлича ишоратлар қўйиш учун аввал керакли расм экранга жойлаштириб олинади. Кейин эса расмнинг ишорат қўйилувчи қисмининг шаклига қараб тўғри тўртбурчак, айлана ёки кўпбурчаклардан бири чизилади. Чизиш тугатилиши билан автоматик равишда гиперишорат ўрнатиш мулоқот ойнаси экранда хосил бўлади (14- расм). Бу ойнада мурожаат қилиниши лозим бўлган файл кўрсатилади. Бу кўрсатилган файл расмнинг айнан танланган бўлимигагина тегишли бўлиб хисобланади. Тасвир харитасини ўрнатиш HTML тилида қандай амалга оширилишини кўриб чиқайлик. Бошлаш учун қуйидагилар зарур: 1. Р асм жойлашувчи сохани номланган харита деб олиш керак: < map name  ” Karta _1”> 2. Ўрнатилувчи ишоратларнинг манзиллари ва координаталарини белгилаб олиш керак 3. Берилган харита сохасини ёпиш

www.arxiv.uz <  map > 4. Шундан кейингина расм манзилларини ундан харита кўринишида фойдаланиш учун бериш мумкин: <img src  ”Image.jpg” uscmap  ”#Karta_1”> Э нди эса 2-пунктда нималар назарда тутилганлигини батафсил кўриб ўтамиз: Энг оддийси – айлана соха: Махсус area тегида ишорат ёзилганидан кейин mama . htm файлига ишчи майдоннинг типи берилади ( circle ), координа ўқлари бўйича айлана маркази координатаси берилади (биринчи иккита рақам) ва ундан кейин радиус кўрсатилади (барча ўлчовлар пикселларда берилади). <area href  ”mama.htm” shape  ”circle” coords  ”350,200,100”> Бир оз мураккабро қ бўлган тў ғ ри тўртбурчак координаталари эса қ уйидагича берилади : ю қ ори - чап бурчак координатаси ва пастки ўнг бурчак координатаси : <area href  ”papa.htm” shape  ”rect” coords  ”34,67,125,280”> Кўпбурчакли майдонни белгилашда рақамлар ичида қолиб кетиш мумкин . Чунки кўпбурчакнинг хар бир нуқта координатаси кетма - кетликни сақлаган холда бериб чиқилади : <area href  ”baby.htm” shape  ”polygon” coords  ”55,175,347,61,98,56,11,37,57,27,250,99”> А гар ишоратни бублик ( ўртаси тешик ёпиқ соха ) кўринишида қўйиш керак бўлса , у холда тасвир харитасининг яна бир имконияти қўл келади . Ишоратнинг ишчи майдони тасвирнинг ихтиёрий жойида бир-бирини

www.arxiv.uz беркитиши мумкин. Агар шундай холат юз берса, у холда html кодида 1- ёзилган ишорат ишчи бўлади. Хаританинг ихтиёрий майдонини ўлик (ишламайдиган) деб эълон қилиш мумкин, бунинг учун шу майдоннинг координаталарини ўша area тегида бериш керак, ( NOHREF параметри билан биргаликда) масалан href  ” aaa . htm ”. Б убликли мисолда олдин ички айлана майдонини (ишламайдиган) NOHREF параметри билан ёзиб олиш керак, шундан кейин ишорат қўйилувчи доирани унинг маркази координасини ўлик айлана маркази билан тенг қилиб, радиусини каттароқ қилган холда хосил қилинади. Form ташкил қилиш. MS FrontPage компонентларини ўрнатиш ва фойдаланиш Форма – бу сизнинг ахборот тармоғингиздан фойдаланаётганлардан маълумот йиғиш учун фойдаланишингиз мумкин бўлган майдонлар тўпламидир. Маълумот жўнатувчилар очилувчи рўйхатлар, радио тугмалардан фойдаланиб матн киритиш йўли билан формани тўлдирадилар. Формани яратиш учун қуйидаги кетма-кетликни амалга ошириш керак: 1. Аввал қандай ахборот олиш кераклиги аниқланиши керак 2. Хужжатга форма ўрнатилади (Insert->Form->Form) 3. Формага керакли майдонлар қўшилади 4. Майдонларни сиз маълумотларни қандай кўринишда қайта ишлашингиз учун қулай холда ўрнатинг. 5. Хужжатга тасдиқлашни ўрнатинг. MS FrontPage дастурида тайёр форма шаблонлари мавжуд бўлиб, улардан иш мақсадига кўра фойдаланса бўлади. Форма шаклини яратиб олиш учун қуйидаги компонентлардан фойдаланиш мумкин. Ушбу компонентларни юқори менюлар сатрида

www.arxiv.uz жойлашган Insert -> Form ойнаси ёрдамида формага ўрнатиш мумкин (18- расм): 18-расм. Форма компонентларини ўрнатиш менюси 1. On-Line Text Box 2. Scrolling Text Box 3. Check Box 4. Radio Button 5. Drop-Down Menu 6. Push Button 7. Picture 8. Label Ушбу компонентларнинг хар бирига алохида - алохида таъриф бериб ўтамиз . Web сахифалар яратишда қандай сабаблар формалардан фойдаланишни тақозо этди? On - Line Text Box – бу компонент бир сатрли матнларни киритиш мақсадида фойдаланилади. Компонент формага ўрнатилгандан сўнг, унинг устида сичқончанинг ўнг тугмаси босилса сузувчи меню хосил бўлади. Менюдан Form Field Properties буйруғи танланади. Натижада 19-расмда кўрсатилган мулоқот ойнаси хосил бўлади.

www.arxiv.uz 19- расм . Text Box Properties муло қ от ойнаси Name майдонида ушбу компонентга ном берилади. Скриптлар ёрдамида ушбу компонентга мурожаат ана шу ном билан амалга оширилади. Initial Value майдонига киритилган матн дастур ишга туширилиши билан экранда чиқувчи матн бўлиб қолади. Уни фойдаланувчи хар қанча ўзгартириши мумкин. Width in Characters - бирор сон киритиш билан майдон кенглиги белгиланади (масалан, 10, 40...) Password Field майдонида эса киритилаётган матн калит сўз ( Yes ) ёки оддий матн ( No ) эканлиги белгиланади. Майдонга баъзи чекловларни ўрнатиш учун Validate тугмасидан фойдаланилади. Scrolling Text Box компоненти хам On - Line Text Box компоненти каби бир хил параметрларга эга. Фақат ундан фарқи шуки, бир неча сатрли матнларни киритиш учун фойдаланилади. Check Box компоненти бирор сатрни танлаш ёки танламасликни белгилайди. Компонентнинг хусусиятларини ўзгартирувчи мулоқот ойна кўриниши 20-расмда кўратилган. 20-расм. Check Box мулоқот ойнаси

www.arxiv.uz Бу ойнада Name майдонига компонент номи киритилади. Value майдонида эса бирор қиймат берилади. Initial state бўлимида эса компонент дастлаб белгиланган ёки белгиланмаган бўлишлигини аниқланади. Radio Button хам Check Bo х билан бир хил хусусиятга эга. Фарқи шундаки, Check Box нинг хар алохида мустақил вазифага эга бўлса, Radio Button ларнинг бир нечтаси биргаликда фойдаланилади, яъни улардан бири танланади холос (вариант танлашга ўхшаш). Экранда очилувчи рўйхатларни ташкил этиш учун Drop - Down Menu компонентидан фойдаланилади. Компонентнинг хусусиятларини белгиловчи мулоқот ойнадаги Name майдонига компонен номи киритилади. Рўйхат киритиш учун Add ... тугмаси босилади ва шу тариқа бир нечта рўйхатларни киритиш мумкин. Push Button компоненти эса формада йиғилган маълумотларни тегишли манзилга жўнатиш ёки маълуотлар ойналарини тозалаш ишлари учун фойдаланилади. Унинг хусусият мулоқотойнасида қуйдаги ўзгартишларни қилиш мумкин: 21-расм. Drop - Down Menu мулоқот ойнаси Name майдонида компонент номи киритилади. Value майдонида эса тугма вазифаси берилади ( Normal , Submit , Reset ). Normal – тугма хеч қандай иш бажармайди.

www.arxiv.uz Submit – формадаги маълумотларни жўнатиш (тасдиқлаш) Reset – майдонларни тозалаш. JavaScript га кириш. Ўзгарувчилар, объектлар ва хусусиятлар. JavaScript - бу Netscape фирмаси томонидан ишлаб чиқилган ва скриптлар тузиш учун мўлжалланган янги дастурлаш тилидир. Сиз унинг ёрдамида интерактив Web - сахифалар тузишингиз мумкнн. Қуйида сиз JavaScript ёрдамида қандай ишлар қилиш мумкинлигини кўрасиз ва ўрганасиз. JavaScript - бу Java эмас! Кўпгина фойдаланувчилар JavaScript дастурлаш тилини бу Java тилининг ўзгинаси деб хисоблашади (бу икки тилнинг номида ўхшашлик борлиги учун). Лекин бу ундай эмас. Биз бу дарсда JavaScript ва Java нинг барча фарқларини кўриб ўтмаймиз, фақат шуни ёдда тутингки бу икки тил умуман бошқа-бошқадир. Агар бу икки тилнинг фарқи ва ўхшаш томонларини билмоқчи булсангиз Netscape фирмасининг сайтига ёки ушбу мавзуга тегишли сайтларга мурожаат қилишингиз мумкин. JavaScript ни ишга тушириш JavaScript тилида ёзилган скриптларни ишга тушириш учун нима қилиш керак? Бунинг учун сизга JavaScript билан ишлай оладиган браузер керак бўлади масалан Netscape Navigator (2.0 версияси ва ундан юқори) ёки Microsoft Internet Explorer ( MSIE - 3.0 версиясидан бошлаб). Ушбу икки браузернинг кенг тарқалиши фойдаланувчиларга JavaScript тилида ёзилган скриптлар билан ишлаш имконияти пайдо бўлди. Сиз ўзингизнинг Web - сахифангизни яхшилаш томонига қадам ташлаш бу JavaScript тилини танлашдир. Лекин қуйидаги дарсликни ўқиб-ўрганиш учун сиз аввал бошқа бир тил- HTML асослари билан танишиб чиқишингиз керак бўлади. Шу билан

www.arxiv.uz бирга, HTML ни ўрганиб, кўпгина диалог воситаларни фақат HTML тилидан фойдаланибгина яратиш мумкинлигини хам билиб оласиз. HTML тили хақида маълумот топиш учун Интернетнинг бирор- бир қидирув серверида “ HTML ” ни қидириш кифоя. Интернетда HTML га тегишли жуда хам кўп маълумот жамланган. HTML-сахифада JavaScript ни жойлаштириш JavaScript скриптининг коди бевосита HTML - сахифада жойлаштирилади. Бу қандай амалга оширилишини биз қуйидаги мисолда кўриб чиқамиз: < html > < body > < br > Бу оддий HTML -хужжат. <br> <script language=«JavaScript"> document.write(" Бу эса JavaScript!") </script> <br> Ушбу жойдан яна HTML бошланади . </body> </html> Биринчи қ арашда ю қ оридаги мисол оддий HTML файлни ёдга солади . Бу ерда битта янгилик бу қуйидаги конструкция: <script language=«JavaScript"> document.write(" Бу эса JavaScript! ") </script>

www.arxiv.uz Бу хақиқатдан хам JavaScript коди . Бу скрипт қандай ишлашини кўришни хохласангиз , бу мисолни оддий HTML файл каби сақланг ва браузерга юкланг . Натижада сиз 3 қатордан иборат матнни кўрасиз : Бу оддий HTML- хужжат Бу эса JavaScript! Ушбу жойдан яна HTML бошланади . JavaScript дан фойдаланиш учун HTML тилини билиш етарли деб хисоблайсизми? Буни тан олиш керакки, ушбу скрипт унчалик хам фойдали эмасдир, чунки ушбу ишни фақат HTML дан фойдаланиб хам ёзиш мумкин эди. Бу мисолда фақат < script > тэги хақида тушунча бериш мақсад қилинган холос. < script > ва <  script > тэглари орасидаги барча маълумотлар JavaScript тилидаги код сифатида интерпретация қилинади. Мисолда сиз document . write () инструкциясини ишлатилишини кўрдингиз; ушбу инструкция JavaScript тилида дастурлашдаги энг мухим буйруқлардан бири хисобланади . document . write () буйруғи жорий хужжатга бирор-бир маълумот ёзиш керак бўлиб қолганда ишлатилади. Масалан бизнинг мисолда HTML хужжатдаги JavaScript да ёзилган кичик дастурча қуйидаги ёзувни экранга чикаради: “ Бу эса JavaScript !“ JavaScript ни “тушунмайдиган” браузерлар Агар браузер JavaScript скриптларини қабул килмаса бизнинг сахифа қандай кўринишга эга бўлади? JavaScript ни қабул қилмайдиган браузерлар < script > тэгини хам қабул қилмайди. Браузер тэгни инобатга олмайди ва ушбу тэгдан сўнг ёзилган барча кодни оддий матн сингари намоён этади. Бошқача қилиб айтганда, бизнинг мисолда келтирилган JavaScript коди

www.arxiv.uz оддий матн кўринишида HTML хужжатнинг ўртасида пайдо бўлиб қолади. Бу эса бизнинг режаларимизга кирмайди. Бундай вазиятларда браузерларнинг олдинги версияларидан скриптни бошланғич (исходник) кодини олиш учун биз HTML тилидаги <! - - > изох тэгини ишлатамиз. Натижада бизнинг кодни янги варианти қуйидаги кўринишда бўлади: < html > < body > < br > Бу оддий HTML -хужжат. < br > < script language =« JavaScript "> <!—кодни эски браузерлардан беркитади document.write(" Бу эса JavaScript!") // --> </script> <br> Ушбу жойдан яна HTML бошланади .. </body> </html> Бу холда JavaScript ни қ абул қ илмайдиган браузерлар қ уйидагини чоп этади : Бу оддий HTML- хужжат Ушбу жойдан яна HTML бошланади . HTML нинг изох тэгисиз JavaScript ни қабул қилмайдиган браузерлар қуйидагини чоп этади :

www.arxiv.uz Бу оддий HTML- хужжат document.write(" Бу эса JavaScript!") Ушбу жойдан яна HTML бошланади . Қ уйидагига эътибор беринг : JavaScript нинг бошлан ғ ич кодни ( исходник ) бутунлай беркита олмайсиз . Биз амалга ошираётган ишлар скрипт кодини кўчиришни олдини олиш ма қ садида қ илмо қ дамиз - лекин фойдаланувчи кодни браузер менюсининг 'View document source' пунктидан кўришингиз мумкин . Сизнинг бошланғич кодингизни беркитишни бошқа усуллари мавжуд эмас . JavaScript да объектлар иерархияси . JavaScript тилида барча web- сахифадаги барча элементлар иерархик тузилишда жойлаштирилади . Хар бир элемент объект сифатида намоён бўлади. Ва хар бир шундай объект маълум хусусият ва услуб (метод)ларга эга бўлади. Ўз навбатида JavaScript тили сизга web -сахифадаги объектларни осон бошқариш имконини беради, лекин шу билан бирга HTML даги оьъектлар иерархиясини тушуниб олиш жуда мухимдир. Бу қандай амалга оширилишини сиз қуйидаги мисолдан кўриб олишингиз мумкин. Оддий HTML сахифани кўриб ўтамиз: < html > < head > </ head > < body bgcolor =# ffffff > <center> <img src=«home.gif" name=«pic1" width=200 height=100> </center> <p> <form name=«myForm"> Name:

www.arxiv.uz <input type=«text" name=«name" value=«"><br> e-Mail: <input type=«text" name=«email" value=«"><br><br> <input type=«button" value=«Push me" name=«myButton" onClick=«alert('Yo')"> </form> <p> <center> <img src=«ruler.gif" name=«pic4" width=300 height=15> <p> <a href=«http://rummelplatz.uni-mannheim.deҒ~skochҒ">My homepage</a> </center> </body> </html> бу эса экранда қуйидагини беради : 22-расм. Шундай қилиб биз икки тасвир, битта ишорат ва матн киритиш учун икки майдон ва бир тугмадан иборат қандайдир формага эгамиз. JavaScript тили нуқтаи назаридан браузер ойнаси-бу қандайдир W indows объектидир. Ушбу объект ўз навбатида холат қатори (строка состояния) каби

www.arxiv.uz элементларни ўз ичига олади. Ойна ичида биз шунингдек HTML хужжатини (ёки бошқа турдаги файлларни) жойлаштиришимиз мумкин. Бундай хужжат document объекти бўлади. Бу document объекти JavaScript тилида айни вақтда юклатилган HTML хужжатни билдиради. Document объекти JavaScript тилидаги энг мухим объектдир ва сиз уни жуда кўп ишлатасиз. Document объектини хоссаларига қуйидагилар киради: масалан, web -сахифа учун фон ранги. Бироқ, биз учун HTML объектларини хаммаси document объектини хоссаларига кириши мухимроқдир. Мисол учун HTML объектига ишорат ёки тўлдириладиган форма кириши мумкин. Қуйидаги расмда HTML сахифа томонидан яратиладиган объектлар иерархияси тасвирланган 23-расм. Объектлар иерархияси. Биз ушбу иерархиядаги турли объектлар хақида маълумотга эга бўлиш ва ушбу иерархияни бошқариш имкониятига эга бўлишимиз керак. Бунинг учун биз JavaScript тилида турли объектларга мурожаат қандай амалга оширилишини билишимиз керак. Расмдан кўриниб турибдики, иерархик тузилмадаги хар бир объект ўз номига эга. Шунинг учун, агар сиз HTML- сахифадаги 1-расмга қандай қилиб мурожаат этишни билмоқчи бўлсангиз объектлар иерархиясини яхшилаб ўрганиб чиқишингиз керак. Ишни энг юқоридан бошлаш керак. Бундай иерархик тўзилманинг биринчи объекти document деб номланади. Сахифадаги биринчи расм images[0] объекти сифатида берилган. Бу эса ушбу объектга JavaScript да document.images[0] деб ёзиб мурожаат этилишини билдиради. Агар сиз, масалан, фойдаланувчи форманинг биринчи элементига қандай матн киритганини билишни

www.arxiv.uz истасангиз, энг аввало ушбу объектга қандай қилиб мурожаат (доступ) олишни билишингиз керак. Ва яна биз объектлар иерархиясини юқори қисмидан бошлаймиз. Сўнгра elements[0] номли объектга олиб борувчи йўлни аниқлаймиз ва навбатма-навбат барча йўлда учраган объектларни номини ёзиб оламиз. Натижада, матн киритиш майдонига доступни қуйидагича олиш мумкинлиги келиб чиқади: document.forms[0].elements[0] Объектлар иерархияси нимани белгилайди? Энди фойдаланувчи томонидан киритилган матнни қандай қилиб билиб олиш мумкин? Объектни қайси хоссаси ва услублари ушбу маълумотга рухсат олишини сиз JavaScript бўйича бирор-бир маълумотномадан ёки Интернет тармоғидан олишинигиз мумкин. Ушбу маълумотномалардан сиз матн киритиш майдони элементи value хоссасига эгалигини билиб оласиз; value хусусияти киритилган матнга тенгдир. Шундай қилиб, биз керакли маълумотни ўқиб олиш учун барча нарсага эгамиз. Бунинг учун JavaScript да қуйидаги қаторни ёзиш керак: name = document . forms [0]. elements [0]. value ; Хосил бўлган қатор name ўзгарувчисига киритилади . Энди биз ушбу ўзгарувчи билан хохлаган амални бажаришимиз мумкин . Масалан , биз alert("Hi"+name) буйруғидан фойдаланиб ойна яратишимиз мумкин . Натижада , агар фойдаланувчи ушбу майдонга 'Malika' сўзини киритса , у холда alert("Hi " + name) буйруғи бўйича 'Hi Malika' сўзлари киритилган янги ойна очилади . Агар сиз катта хажмли сахифалардан фойдаланмоқчи бўлсангиз , объектларга мурожаат процедураси жуда хам чалкаш бўлиб кетиши мумкин . Мисол учун , document.forms[3].elements[17]

www.arxiv.uz document.forms[2].elements[18] объектига қандай қилиб мурожаат этиш масаласини хал этишга тўғри келади . Бундай муаммога дуч келмаслик учун сиз турли объектларга ўзига хос номлар беришингиз мумкин . Буни қандай қилиб амалга оширишни сиз қуйидаги мисолда кўриб ўтишингиз мумкин : <form name=«myForm"> Name: <input type=«text" name=«name" value=«"><br> ... Ушбу ёзувлар forms[0] объекти энди myForm номи хам берилганлигини билдиради . Шундай усулда , масалан , elements[0] ўрнига сиз name деб хам ёзишингиз мумкин . Шундай қилиб name= document.forms[0].elements[0].value; ўрнига сиз қуйидагича ёзишингиз мумкин : name= document.myForm.name.value; Бу JavaScript да дастурлашни нисбатан енгиллаштиради , хусусан кўпгина объектлардан иборат катта web- сахифалар билан ишлаган холларда . Шунисига эътибор қ илингки , номларни ёзган ва қ тда сиз регистрга хам эътибор беришингиз керак , яъни сиз myForm ўрнига myform деб ёзишга ха ққ ингиз йў қ. JavaScript да объектларни кўп хоссаларини нафа қ ат ў қ иса бўлади , балки уларга янги кўрсаткичлар киритишингиз мумкин . Масалан , JavaScript ёрдамида ю қ орида айтиб ўтилган матн майдонига янги қ атор қ ўшишингиз мумкин . Бундай имкониятни намойиш этадиган JavaScript даги код мисоли иккинчи <input> тегидаги onClick хоссаси сифатида ёзилган .

www.arxiv.uz <form name=«myForm"> <input type=«text" name=«input" value=«bla bla bla"> <input type=«button" value=«Write" onClick=«document.myForm.input.value= 'Yo!'; "> Ушбу мисолни хар бир элементини бирма-бир кўриб ўтмаймиз. JavaScript даги объектлар иерархиясини ўзингиз мустақил тушуниб олишга харакат қилинг. Қуйида яна бир мисол кўриб ўтамиз. Ушбу мисолда сиз турли объектлар қандай қилиб ишлатилганлигини кўриб оласиз. Скриптни коди қуйидагича: < html > < head > <title>Objects</title> <script language=«JavaScript"> <!-- hide function first() { //форма майдонига киритилган матн жойлашган // ойна яратилади alert("The value of the textelement is: " + document.myForm.myText.value); } function second() {

www.arxiv.uz // ушбу функция переключателлар холатини текширади var myString= "The checkbox is "; // переключатель ёкилганми ёки учириб куйилганми? if (document.myForm.myCheckbox.checked) myString+= "checked" else myString+= "not checked"; // каторни экранга чикариш alert(myString); } // --> </script> </head> <body bgcolor=lightblue> <form name=«myForm"> <input type=«text" name=«myText" value=«bla bla bla"> <input type=«button" name=«button1" value=«Button 1" onClick=«first()"> <br> <input type=«checkbox" name=«myCheckbox" CHECKED> <input type=«button" name=«button2" value=«Button 2" onClick=«second()"> </form> <p><br><br> <script language=«JavaScript"> <!-- hide

www.arxiv.uz document.write("The background color is: "); document.write(document.bgColor + "<br>"); document.write("The text on the second button is: "); document.write(document.myForm.button2.value); // --> </script> </body> </html> Location объекти . Window ва document объектларидан таш қ ари JavaScript да яна бир мухим объект - location мавжуддир . Ушбу объектда юкланган HTML- хужжат манзили намоён бўлади . Масалан , агар сиз http://www.xyz.com Ғ page.html сахифасини юклаган бўлсангиз location.href даги кўрсаткич айнан ушбу манзилга таалуқли бўлади . Лекин бизга асосийси location.href га ўзимизнинг кўрсаткичларимизни киритиш имконияти мавжудлиги мухимроқдир . Масалан , қуйидаги мисолда тугма босилганда янги ойна очилади : <form> <input type=button value=«Yahoo" onClick=«location.href='http://www.yahoo.com'; "> </form>

www.arxiv.uz Фойдаланиладиган ўқув қўлланмалар рўйхати: 1. А.Р.Марахимов, С. И. Рахмонқулова «Интернет ва ундан фойдаланиш асослари». Тошкент-2001. 2. Матросов, Сергев, Чаунин. HTML 4.0 в подлиннике. BHV-СПб, 2000 3. Вайнам Л, Вайнам В, Динамический HTML . Диасофт 2001 4. Уилтон П. Java Script . Основы. Символ-плюс. 2002 5. М.Арипов. Internet ва Е- mail да ишлаш, Университет нашриёти, 2000. 6. Microsoft FrontPage 2000. Шаг за шагом.М., ЭКОМ,2000. 7. И.Шапошников. Web - сайт своими руками. СПб.:БХВ-Петербург, 2000. 8. Д. Кирсанов. Веб-дизайн. -СПб: Символ-Плюс,2001. 9. Уилтон П. Java Script . Основы. Символ-плюс. 2002 10. www.ziyonet.uz 11. www.tuit.uz

Похожие

Матнли ва график чоп қилиш

Жадвал ташкил қилиш. Ранглар билан ишлаш. Фреймлар ташкил қилиш

График компоненталар

Интернетдан фойдаланиш ва уни ўрнатиш тартиблари

Ички, ташқи ва график хаволалар