HTML хужжатлар ва javascript даги объектлар иерархияси

Yuklangan vaqt:

20.09.2019

Ko'chirishlar soni:

0

Hajmi:

255 KB

Ko'chirib olish

HTML хужжатлар ва javascript даги объектлар иерархияси Режа : 1. Фреймлар . 2. Дарча яратиш. 3. Vrml -сахналарини динамик яратиш. 4. Image объекти .

Web сахифанинг барча элементлари JavaScript тилидаги иерархик тузилиши буйича курилади . Хар бир элемент объект куринишида номаён булади. Ва бундан хар бир объект аник таркибга ва усулга эга булади. Уз навбатида JavaScript тили Web сахифа объектларини осон бошкариш имкониятини беради. Ва бунда сиз объектлар иерархиясини тушунишингиз жуда мухим. Буларнинг кандай руй беришини навбатдаги мисол оркали тез тушунишингиз мумкин. Оддий HTML сахифани курамиз: Демак биз 2 та тасвир, 1 та мурожат ва кандайдир матн чикариш учун 2 майдондан иборат форма ва 1 та тугмачага эгамиз. JavaS с ript нуктаий назаридан броузер дарчаси – аллакандай Window объекти булиб хисоблланади . Бу объект уз навбатида бир неча расмийлаштириш элементларига эга . Дарча ичкарисига биз html документини урнатишимиз урнатишимиз мумкин ( ёки бошка тилдаги файл, хозирча html файли билан чегараланиб турамиз ). Бундай сахифа document объектидан сира хам фарк килмайди . Бу шуни англатадики document объекти JavaScript тилида хозирги пайтда юкланган html документни намоён этади . Document объекти JavaScript тилида жуда мухим объектлардан бири хисобланади ва сиз ундан куп марта фойдаланасиз . Масалан Document объектининг таркибига , Web сахифанинг фонинг ранги киради . Шундай килиб биз учун шуниси мухимки html объектлвридан барчаси document объектининг таркибига киради . Html объектларига мисол , мурожаат ёки тулдирилган форма була олади . Куйидаги расмда мисолимиз оркали яратилган html сахифанинг объектлари иерархияси тасвирланган : Албатта биз бу иерархия ёрдамида турли объектлар хакида маълумотга эга булишимиз ва уни бошкариш имконига эга булишимиз керак . Бунинг учун 1

биз JavaScript тилида турли объектларга рухсат кандай ташкил этилганлигини билишимиз шарт . Куриниб турибдики иерархик тузилишга кура хар бир объект уз номига эга. Мос равишда агар сиз html сахифадаги 1- расмга мурожат килмокчи булсангиз объектлар иерархиясидаги уз йуналишингизни танлаб олишингиз керак ва энг юкори чуккидан бошлаш керак. Бу тузилишдаги 1-объект document деб аталади. Сахифадаги 1-расм images [0] объекти каби тасвирланган. Бу шуни англатадики JavaScript да document . images [0] деб ёзиб бу объектга рухсат олган буламиз. Масалан агарда сиз форманинг 1-элементига кандай матн киритилганини билмокчи булсангиз датслаб кандай килиб объектга рухсат олишни аниклаб олишингиз керак ва яна объектлар иерархиясининг энг юкорисидан бошлаймиз. Сунгра elements [0] объектга йул курсатамиз ва кетма–кетлик билан барча объектларни номини ёзамиз ва натижада шу нарса аникланадики 1-майдонга рухсатни шуларни ёзиш оркали олиш мумкин: Document . forms [0]. Elements [0]. Энди фойдаланувчи томонидан киритилган матнни кандай килиб билиш мумкин. Объектнинг кайси тури ёки хоссаларидан бири бу информацияга рухсат бериши мумкинлигини аниклаш учун JavaScript хакидаги маълумотномаларга муржат килиш керак. У ерда сиз киритилган матн майдонига мос келувчи элемент value хоссаси борлиги ва у киритилган матнга мос келади. Демак энди биз киритилган кийматни укиш учун барча керакли нарсаларга эгамиз. Бунинг учун JavaScript сатрида куйидагини ёзиш мумкин. Name = document . froms [0]. elements [0]. value Олинган сатр name узгарувчисига юкланади. Энди биз бу узгарувчидан хохлаган керакли пайтда фойдаланишимиз мумкин. Масалан, биз alert (“ Hi ”+ name ) буйруги ёзилган дарча яратишимиз мумкин. Натижада, агар фойдаланувчи бу майдонга ‘ Stefan ’ c узини киритган булса alert (“ Hi ”+ name ) буйругига кура янги дарчада ‘ Hi Stefan ’ саломи пайдо булади. Агар сиз катта сахифалар билан иш курсангиз турли объектларга номлар буйича адреслаш процедурасида жуда чалкашлик булиши мумкин. Масалан 2

document . forms [3]. elements [17] document . forms [2]. elements [18] объектларига мурожаат килиш керак булсин? Бундай муоммадан кутилиш учун турли объектларга узингиз ном беришингиз мумкин. Буларни кандай килишни мисол оркали куришингиз мумкин: < form name = “ myForm ” Name < input type = “text” name = “kirit “ value = “ “ > <br> бу ёзув шуни билдирадики , forms[0] объекти энди 2- чи исм myForm га эга булди . Худди шундай elements[0] урнига kirit ни ёзишингиз мумкин (<input> тегида охирги атрибути name да курсатилган ). Шу тарика name = document.forms[0].elements[0].value урнига name = document.myForm.kirit.value ни ёзишингиз мумкин . Бу сезиларли даражада JavaScript да дастурлашни соддалаштиради , айникса катта Web-сахифалар куп микдорда объектларга эга булса. (Номларни ёзишда регистрларни, ката - кичик харфлар холатини эътиборга олиш керак, яъни myForm урнига myform ёзиш мумкин эмас ) JavaScript да объектларнинг купчилик хусусиятларида рухсат факат укиш учун эмас . Яна сиз уларга янги кийматлар ёзиш имкониятига хам эгасиз . JavaScript воситалари оркали курсатилган майдонга янги сатр ёзишингиз мумкин . Location объекти JavaScript да window ва document объектларидан ташкари location деб аталувчи яна бир мухим объект мавжуд . Бу объектда HTML документ юкланган адрес сакланади . Агар сиз http://www.xyz.com/page/html сахифасини юклаган булсангиз , у холда location.href нинг киймати хам худди шу адресга мос тушади . Шундай булсада биз учун жуда мухим нарса шуки , сиз location.href га янги киймат ёзишингиз мумкин. Масалан, куйидаги мисолда тугмача жорий дарчадан янги сахифага утишни юклайди : 3

ФРЕЙМЛАР. Фрейм яратиш. Фрейм ва JavaScript кандай килиб бирга ишлайди деган савол тез - тез бериладиган саволлардан биридир . Дастлаб биз фрейм нима ва у нима учун ишлатилади деган саволни тушунтирамиз. Сунгра JavaScript ва фреймлар кандай биргаликда ишлатилишини куриб чикамиз.Умуман олганда броузер дарчаси бир неча алохида фреймларга ажратилиши мукин. Бу шуни англатадики,фрейм бу броузер дарчасидаги тугри туртбурчак шаклидаги бирор бир белгиланган майдон. Хар бир фрейм экранга узининг документини чикаради. Шу тарика мисол учун сиз 2 та фрейм яратмокчисиз. Биринчи фреймга сиз Netscape фирмасининг “Уй сахифасини” юклашингиз, 2 чига эса Microsoft фирмасиникини юклашингиз мумкин. Фреймлар яратиш HTML тили масаласи бул c ади, биз бу ерда бу жараённинг асосий куринишини тавсифлаб утамиз. Фрейм яратиш учун бизга < frameset > ва < frame > теглари керак булади. 2 та фрейм яратувчи HTML сахифа куйидаги куринишда булиши мумкин : Натижада 2 та фрейм яратилади. <frameset> тегида rows хоссасининг фойдаланилганини сезган булсангиз керак . Бу фреймлар бир - бири устидан жойланганини билдиради . Юкори фреймга page1.htm сахифаси юкланади , пастки фреймга эса page2.htm документи жойлаштирилади. Тула яратилган фрейм таркиби куйидаги киёфада булади : Агар сиз документлар усти-устига эмас, ёнма-ён туришини хохласангиз, у холда <frameset> тегида rows эмас cols сузини ёзиш керак . “ 50% , 50% ” фрегменти фреймларни канчалик катталигини билдиради. Агар 4

сиз хисоб-китоб билан узингизни кийнашни истамасангиз ва хисобда барибир 100% хисоб-китоб булишини истасангиз “ 50% * % ” ёзишингиз мумкин. Фрейм улчамини нукталарда бермокчи булсангиз сондан сунг % белгисини куймаслигингиз керак. Истаган фреймга ном бериш учун < frame > тегида name атрибутидан фойдалансангиз етарли . Бундай имконият бизга JavaScript тилида фреймларга рухсат учун керак булади . Web - сахифалар яратишда бир неча куйилган < frameset > тегларидан фойдаланишингиз мумкин . <frameset> тилида border параметрини ишлатган холда фреймлар орасидаги йугинликни беришингиз мумкин . Агар border=0 деб берилса бу сиз фреймлар орасида кандайдир масофа булишини хохламаётганингизни билдиради . Фреймлар Ва Javascript Энди келинг JavaScript да фреймларни браузер дарчасида кандай “ куринишни ” куриб чикамиз . Бу максадда ушбу кисмни берилишида келтирилган биринчи мисолдагидек иккита фрейм яратамиз . Куриб утганимиздек JavaScript web- сахифадаги курсатилганларнинг барча элементларини аллакандай иерархик таркибдаги куринишда ташкил килади . Худди шулар фреймларга хам таалуклидир . Навбатдаги расмда биринчи мисолдаги обьектлар иерархияси курсатилган : Иерархия чуккисида браузер дарчаси жойлашган ( browser window ). Жорий холатда у иккита фреймга ажратилган. Шу тарика дарча объект 5

сифатида тур бошлиги яъни ушбу иерархиянинг онаси ( parent ), иккита фрейм эса мос равишда уларнинг авлодлари ( children ) хисобланади. Биз бу иккита фреймга frame 1 ва frame 2 деб ном бердик. Улар ёрдамида биз келтирилган иккита фреймлар билан маьлумот алмашишимиз мумкин. Скрипт ёрдамида куйидаги масалани ечиш мумкин: Айтайлик, фойдаланувчи кандайдир мурожатни биринчи фреймда фаоллаштирса, бирок унга мос сахифа уша фреймда эмас, бошкасида юкланиши керак. Ушбу масалага мисол булиб мундарижа тузишни келтирсак ва бунда битта фрейм узгармас булиб колади, лекин фойдаланувчига бир неча турли мурожатларни урганишга таклиф килади. Ушбу масалани ечиш учун биз 3 та холни куриб чикишимиз керак:  асосий дарчалар фрейм авлод фреймга рухсат олади  авлод-фрейм она дарчалар фреймга рухсат олади  авлод фрейм бошка бир авлод фреймга рухсат олади Объект нукталари назаридан «дарча» ( window ) иккита курсатилган фрейм frame 1 ва frame 2 деб номланади. Олдинги расмда куриш мумкинки, она дарча ва фреймлар орасида тугри олака мавжуд. Яъни агар сиз она дарча учун скрипт ёзсангиз яъни бу фреймларни яратувчи сахифалар учун скрипт ёзсангиз у холда бу фреймларга уларни номлари оркали мурожаат килишингиз мумкин. Маслан: Frame 2. document . write («ушбу хабар она дарчадан юборилган»); Айрим холлларда сизга 1 фреймда туриб она дарчага рухсат олиш зарур булиб колади. Масалан, бу агар сиз келаси утишда фреймлардан кутилишда 6

зарур булади. Бундай холда фреймларни йук o тиш факатгина мавжуд фреймлар урнига янги сахифани юклаш оркали бажарилади. Бундай холатда бу юкланиш она дарча сахифасига булади. Буни она дарча - parent (ёки она фрейм) га унинг авлодлари булмиш фреймлардан рухсат олиш билан амалга ошириш мумкин. Янги документ юклаш учун location . href га янги URL адресларни киритиш керак. Фреймлардан кутилиш истагида эканмиз она дарчада location объектидан фойдаланиш керак. (шуни эслатамизки хар бир фреймга алохида сахифа юклаш мумкин ва хар бир фрейм узининг location объектига эга). Демак биз она дарчага ушбу буйрук оркали янги сахифа юклашимиз мумкин: Parent . location . href = “ http://… ” Ва нихоят , сизга тез – тез учраб турадиган масалаларни бори бу 1 авлод фреймда туриб 2 авлод фреймга рухсат таъимнлаш масаласидир . Бизнинг масаламизда кандай килиб иккита фрейм орасида хеч кандай тугри олака йуклигини куриш мумкин . Ва шунинг учун 2 чи фрейм борлиги хакида хеч нарсани билмайдиган frame 1 да туриб frame 2 ни чикаришимиз мумкин эмас . Она дарча нуктаси назарига кура 2 чи фрейм мавжуд ва у frame 2 деб номланади ва 1 чи фреймдан она дарчага parent номи билан мурожат килса булади . Шу тарика 2 чи фреймга жойлашган документга рухсатни куйидагини ёзиш оркали олиш мумкин: Parent . frame 2. document . write (“Салом, бу чакирик / чи фреймдан! ”) 7

Навигацион панеллар (катновчи йулкалар) Келинг, катнавчи йулкалар кандай яратилишини куриб чикамиз. Битта фреймда Бир неча мурожатларни яратамиз. Лекин, агар фойдаланувчи улардан биттасини фаоллаштирса мос сахифа уша фреймда эмас, бошкасида жойлашшади. Бунга мисол: Дастлаб курсатилган фреймларни яратувчи скриптни ёзиб олишингиз керак. Бу документ худди олдинги кисмимизнинг берилишида куриб чиккан документдек куринишда булади. Fromes3.htm Куриб турганингиздек , янги сахифа юклаш урнига биз браузерга JavaScript да кандайдир буйрукни бажаришни таклиф киламиз . Яъни бунинг учун биз оддий href урнига JavaScript: параметридан фойдаланишимиз керак холос . Сунграк кавс ичида “first.htm” ни ишлатганимизни куришимиз мумкин . Бу сатр load функциясининг аргументи сифатида берилган . Load ( ) функциясининг узи куйидаги тарзда аникланади . Function load (url) { Parent.main.location.href = url; } 8

бу ерда кавс ичида url деб ёзилганини куришингиз мумкин . Бизнинг мисолимизда ‘first.htm’ сатри функция чакирилганда url узгарувчисига узлаштирилади . Ва бу янги узгарувчини load ( ) функцияси *** фойдаланиш мумкин . Биз кейинрок узгарувчиларни бошка бир мисолда ишлатилиши билан танишамиз . Иккинчи мурожатда torget параметри катнашган . Аслини олганда Java S тегшили эамас . У html тилининг кулланмаларидан биридир. Куриниб турганидек,биз факат керакли фрейм номини курсатамиз. Бу холда курсатилган фрейм номидан олдин parent сузини ишлатиш шарт эмас, чунки torget параметри Java S эмас html тилининг функцияси хисобланади. Ва учунчи мурожатда torget ёрдамида кандай килиб фрейм кутилишни куришингиз мумкин. Агар сиз load ( ) функцияси ёрдамида фреймларни йукотмокчи булсангиз факатгина унга parent . location . href = url деб ёзсангиз етарли булади. Демак кайси усулни танлашингиз керак? Бу сизнинг нима килмокчилигингизга яъни script га боглик. Torget параметри жуда оддий ишлатилади. Сиз ундан янги сахифани бошка фреймга юкламокчи булган пайтингиздагина фойдаланишингиз мумкин. Java s тили асосида ечилган усул (бунга мисол биринчи мурожат булади) одатда агарда сиз мурожатни фаоллаштирганингизда 1 неча ходисалар руй бериш кузда тутилганда ишлатилади. Тез-тез учраб турадиган муоммалардан бири 2 сахифани 2 та фреймга юклаш шу турдаги масалаларга киради. Бу масалани torget параметри ёрдамида хам хал этиш мумкин, лекин Java S функциясидан фойдаланиш афзалрокдир. Фараз киламиз биз frame 1 frame 2 frame 3 номли фреймларга эгамиз. Айтайлик frame 1 да мурожатни фаоллаштирганда 2 та фреймнинг хар бирида хар хил Web сахифа юклансин. Ечим сифатида куйидаги функциядан фойдалансангиз булади. Function load two ( ) { Parent.frame 1.location.href = “first.htm”; Parent.frame 2.location.href = “second.htm”; } 9

Агарда шу функциянгиз янада ихчам булишини хохласангиз , у холда узгарувчини аргумент сифатида узатиш имкониятидан фойдалансангиз булади : Натижа куйидаги куринишда булади: Function load two ( url1, url2 ) { Parent.frame 1.location.href = url1; Parent.frame 2.location.href = url2; } Бундан сунг load two( “first.htm”, “second.htm” ) ёки load two( “first.htm”, “forth.htm” ) функция чакиригини тахлил килса булади . Шубхасиз бу сизнинг функциягизни янада ихчам ва уни тез - тез , турли контекстларда ишлатишингиз мумкин булади . ДАРЧА ВА ДИНАМИК ЯРАТИЛУВЧИ ДОКУМЕНТЛАР. Дарча яратиш. Броузерда янги дарча яратиш JavaS нинг энг зур кулайликларидан биридир. Биз бу янги дарчада янги документларни (масалан уша html документларини) ёки янги материалларни (динамик равишда) яратиб куйиш мумкин. Дастлаб биз янги дарча очиш кейин унга html – сахифани кандай юклашни ва нихоят уни кандай ёпишни курамиз. Куйида келтирилган скрипт браузерда янги дарча очади ва унга кандайдир Web сахифани юклайди. Келтирилган мисолимизда янги дарча open усули ёрдамида menu.htm сахифаси ёзилади . Биз дарча яратиш жараёнини бошкариш имкониятига эга эканлигингизни айтиб утишимиз керак . Масалан , янги дарча макола сатрига , ускуналар сатрига ёки мундарижага эга булиш мумкинлигини курсатишингиз мумкин . Масалан, навбатдаги скриптда 400х300 нуктали 10

улчамдан иборат янги дарча очилади, уларга макола сатрига, на ускуналар панелига ва яна мундарижага эга. Куриб турганингиздек дарча тартибини “width = 400, width = 300, status = no, toolbar=no,menubar = no” сатрида расмийлаштирамиз. Шунга эътиборингизни каратингки сизга бу сатрда символлар орасида буш жой куйиш талаб куйидмайди. Дарча бошкариладиган хоссалар руйхати directorie s yes|no height количество пикселов location yes|no menubar yes|no resizable yes|no scrollbar s yes|no status yes|no toolbar yes|no width количество пикселов JavaS тилининг 1.2 версиясига бир неча янги хоссалар кушилган (яъни netscape navigator 4.0) сиз бу янги хосасаларни netscape 2 x , 3 x ёки Microsoft Internet Explorer 3 x учун материал тайёрлашда ишлата олмайсиз чунки браузер Java s ни 1.2 версиясига тушунмайди. Дарчанинг янги хоссалари alwaysLower ed yes|no alwaysRaised yes|no dependent yes|no hotkeys yes|no innerWidth количество пикселов (заменяет 11

width) innerHeight количество пикселов (заменяет height) outerWidth количество пикселов outerHeight количество пикселов screenX количество пикселов screenY количество пикселов titlebar yes|no z-lock yes|no Биз бу хоссаларнинг изохини Java S тилининг 1.2 версияси тарифидан топишингиз мумкин. Сунгрок улардан бир нечасига тушинтириш ва мисоллар бериб утамиз. Масалан, энди сиз бу хоссалар ёрдамида янги очилаётган экраннинг кайси жойида жойлашишини аниклашингиз мумкин. Java S нинг эски версиясида сузда бундай имконият йук. Дарча номи. Куриб турганингиздек дарча очаётганда бу учта аргументдан фойдаланишимиз керак: myWin= open("bla.htm", "displayWindow", "width=400,height=300,status=no,toolbar=no,menubar=no") ; 2 – аргумент кимга керак? Бу дарча номи юкорида бу у target параметрида кандай ишлатилишини курган эдик. Демак, агар сиз дарча номини билсангиз у ерга янги сахифа юклашингиз мумкин: <a href="bla.html" target="displayWindow"> Бунда сиздан мос дарча номини курсатиш талаб килинади (агар шундай дарча мавжуд булмаса, шу номли янги дарча яратилади ). Шунга эътиборингизни каратингки, бу ердаги mywin дарча номи эмас. Факатгина шу узгарувчи билан дарчага рухсатни олмайсиз. Модомики у оддий узгарувчи экан, унинг харакат майдони факатгина у аниклаганунча скрипт 12

билан белгиланади. Бундан ташкари дарча номи ( жорий холатда display window ) ажойиб узгарувчи булиб уни ихтиёрий броузер дарчасидан туриб фойдаланса булади. Дарчаларни ёпиш. Сиз шунингдек Java S тили ёрдамида дарчаларни ёпиш имкониятига эгасиз. Буни килишда сизга close ( ) усули ёрдам беради. Келинг олдин килганимиздек, янги дарча очамиз ва унга навбатдаги сахифани юклаймиз. Энди эса, агар сиз янги дарча тугмачани боссангиз у ёпилади. Open ( ) ва close ( ) бу window объектининг усуллари хисобланади . Шуни эсда тутиш керакки , биз факат open( ) ва close( ) деб эмас , балки window.open( ) ва window.close ) деб ёзишимиз керак . Лекин бизникидай холатда window объектининг тушириб колдириш мумкин , чунки агар сиз бу объектнинг факатгина 1 усулини чакирмокчи булсангиз window ни колдирса булади . ( Бу факат шу объект учун мумкин булган хол ). Документларни динамик яратиш. Энди биз Java S нинг энг зур имконияти хисобланиш документларни динамик яратишларни куриб чикамиз. Яъни энди сиз скриптингизга Java S тилида узи янги html сахифалар яратишга рухсат беришингиз керак. Бундан ташкари сиз шу тарика бошка Web документлар яъни vrlm – сахналар ва бошкалар каби. Кулайлик учун сиз бу документларни алохида дарча ёки фреймларда жойлаштиришингиз мумкин. Дастлаб биз оддий html документ яратамиз ва буни янги дарчада курсатамиз. Унинг скрипти куйидагича: Келинг mywin 3() функциясини куриб чикамиз. Афтидан бу дастлаб браузерга янги дарча очамиз. Open () функциянинг 1 чи аргументи () буш сатр булгани учун яъни у шуни билдирадики, бу жорий холатда url нинг аник 13

адресини курсатишини мумкин. Браузер факат мавжуд документларни ишлаш эмас, балки у янги документларни кушимча равишда яратиши хам керак. Скриптда бу mywin узгарувчисини аниклаймиз. Ва унинг ёрдамида биз янги дарчага рухсат олиб биламиз. Шунга эътиборингизни каратингки, жорий холатда ушбу максад билан биз дарча номига ( DisplayWindow ) мурожат кила олмаймиз. Дарчани очганимиздан сунг document нинг объектини ёзиш учун очишга жавоб келади. Бу ушбу буйрук ёрдамида амалга оширилади: // документ объектини навбатдаги босмада очиш myWin.document.open(); Бу ерда биз document объектининг усули open ( ) га мурожат киламиз. Бирок бу усул window объектининг open ( ) усули билан умуман бир хил эмас. Бу буйрук янги дарча очмайди, у факат document ни навбатдаги босмага тайёрлайди. Бундан ташкари, бу my win олд кушимчасини document open ( ) олдидан кушишингиз керак, бу бизга янги дарча ёзиш имконини беради. Куйидаги скрипт сатрларидаги document . write ( ) чакириги ёрдамида янги документ ёрдамида янги документ матни шаклланади: // янги документ ташкил этиш myWin.document.write("<html><head><title>On-the-fly"); myWin.document.write("</title></head><body>"); myWin.document.write("<center><font size=+3>"); myWin.document.write("This HTML-document has been created "); myWin.document.write("with the help of JavaScript!"); myWin.document.write("</font></center>"); myWin.document.write("</body></html>"); 14

куриб турганингиздек , биз бу ерда html тилининг оддий тегларини ёзамиз . Яъни бу хакикий html лойихасини ташкил этамиз . Бунда сиз html нинг ихтиёрий тегларидан фойдаланишингиз мумкин . Буни тугатиш учун биз яна документни ёпишимиз керак. Бу навбатдаги буйрук оркали бажарилади: // документни ёпиш - ( дарчани эмас ) mywin . document . close ( ); Айтиб утганимиздек, сиз факат документларни динамик яратиш эмас, балки уз ихтиёрингизга кура уларни у ёки бу фреймларда жойлаштиришимиз мумкин. Масалан, сиз 2 та фреймга эга булсангиз ва улар frame 1 ва frame 2 номли булса ва frame 2 да янги документ ташкил килмокчи булсангиз у холда сиз frame 1 да туриб ушбуларни ёзсангиз етарли булади: parent.frame2.document.open(); parent.frame2.document.write("Here goes your HTML- code"); parent.frame2.document.close(); VRML-САХНАЛАРИНИ ДИНАМИК ЯРАТИШ . JavaS тилининг ихчамлигини намоиш килиш учун , келинг энди VRML тилида динамик тарзда сахна ташкил этамиз . Эслатиб утамизки ,VRML вокеликни ветуал моделлаштириш каби кенгайтирилади . Яъни бу тил 3 улчовни сахналар яратиш тилидир . Оддий мисол келтирамиз кук куб . Бундан ташкари буни куриш учун сизнинг браузерингизга VRML нинг дастурий приставкаси керак булади . Киритилган скрипт VRML нинг браузерга кира олиш имкониятини аниклайди . 15

Куриниб турибдики, скрипт матни олдинги мисолимиздагидай. Дастлаб янги дарча очилади . Сунгра унга маълумот чикариш учун document очамиз . Унга мос буйрукни батафсил куриб чикамиз: // куйидаги маълумотни чикариш учун document очиш vrml.document.open ( “x – world /x – vrml ”); Олдинги мисолларда бу кавс ичида хеч нарса курсатмаган эдик. У холда “ x – world / x – vrml ” ёзув нимани англатади? Аслида олганда биз ушбу кулланма ёрдамида яратаётган document га MIME типини берамиз. Яъни биз бу билан браузерга бериладиган маълумотлар кандай типдалигини хабар киламиз. Агар биз уша жойда кавс ичида MIME нинг аник типини аниклаб олмаганимизда янги документга “ text / html ” типи танланган булар эди. ( Бу эса html файллар учун MIME типининг узидир ). Уч улчамли сахна яратиш учун биз vrml . document . write ( ) кулланмасини ташкил килишимиз керак. Лекин бу жуда узун булганлиги сабабли, биз оддий vr дан vrml . document узгарувчисини аниклаб оламиз. Ва сунгра vrml . document . write ( ) деб ёзиш урнига биз факат vr . write ( ) деб ёзамиз. Буни тамомлагандан сунг биз vrml тилида оддий кулланмаларни ёзишимиз мумкин. Биз бу ерда vrml сахнасининг элементарини тавсифини келтириб утирмаймиз. Улар билан танишишни истовчилар учун интернетда бир неча яхши маълумот манбалари бор. Vrml тилида оддий матн куйидагича булади: Бу document . write буйруги ёрдамида экранга чикармокчи булган коднинг худди узи. Лекин оддий vrml файли билан юклаш мумкин булган имкониятни динамик тарзда сахна яратиш бемаъниликдир . КИСМ. ХОЛАТЛАР САТРИ САТР ХОЛАТИ ВА ТАЙМЕРЛАР. § Сатр холати (холатлар сатри) Java S да сиз томондан тузилган дастурлар холатлар сатрига ёзув ёзиш мумкин яъни у сизни браузерингиз дарчасини пастки кисмида туртбурчак 16

шаклида булади. Буни килиш учун сизга атиги window . status да керакли сатрни ёзишингиз етарлидир. Навбатдаги мисолда шундай иккита тугмача ташкил килинадики улар оркали сиз холат сатрига бирор бир матнни ёзишингиз ва мос холда сунгра уларни учриришингиз мумкин: Демак, биз иккита тугмадан иборат форма ташкил этамиз. Бу иккала тугмача хам statbar () функциясини чикаради. Ёзиш тугмачасидан чакурув куйидагича булади: statbar ‘салом! Бу холатлар сатри!’ Кавс ичига биз ‘салом! Бу холатлар сатри!’ деб ёздик. Ва бу statbar функциясига юборилалиган матннинг узидир. Уз навбатида statbar () функциясини кандай аникланганини куришингиз мумкин: Функция сахифасида txt сузи жойлаштирилган бу биз функцияга узатайтган сатр txt узгарувчисига узлаштиришини билдиради. Функцияга узгарувчилар кириртиш тез – тез кулланиладиган ва функцияга ихчамлик келтирадиган холатдир. Сиз функцияга бир неча аргументларни киритишингиз мумкин, факат уларни вергул билан ажратиш керак. Txt сатри window . status = txt буйруги оркали холатлар сатрига олиб борилади. Шунга мос холда матнни холатлар сатридан йукотиш window . status ёзувида буш сатрни узлаштириш оркали бажарилади. Холатлар сатрига матнни чикариш механизми мурожатлар билан ишлашда жуда кулай. Жорий мурожатнинг url ини экранга чикариш урнига, сиз оддийгина кейинги сахифада нима дейилишини суз билан тушинтиришингниз мумкин. Ушбу мисолдаги link – факатгина сичконча курсаткичини мурожат устига жойлаштиришни намоиш килади. onmouseover га нима учун true кийматни беришимиз керак деб сурашингиз мумкин. Аслини олганда бу шуни англатадики , браузер бундан кейин mouseover ходисасини ишлашнинг ш ахсий кодини бажармсалиги керак. Коидага кура браузер холатлар сатрида мос мурожатнинг url ини курсатади. 17

$Агар биз true кийматини бермасак, у холда бизнинг код бажарилгандан дарров браузер уз усули буйича холатлар сатрига ёзади, яъни бизнинг матн шу ернинг узида учирилади ва укувчилар кура олмайди. Бу скриптда сиз яна бир нарсани куришингиз мумкин. Айрим холларда сизга куштирнок символларни чоп этиш керак булиб колади. Масалан биз dont click me матнини чоп этишимиз керак ва биз уни onmouseover ходисаларни ишлаш процедурасига берсак унда бирлик куштирноклар ишлатилади. Натижада биз dont … деб ёзсак, браузер апостров символарида адашади. Ушбу муоммани ечиш учун бизга факат куштирнок белгиси олдидан \ белгини куйиш етарли, бу жорий белги факат чоп этиш учун куйилганини билдиради (бу холат иккилик куштирноклар учун хам мумкин). § Таймерлар. Time out (ёки таймерлар) функцияси ёрдамида сиз компъютерни бир неча буйрукларини кандайдир вактгача бажарилишини дастурлаштиришингиз мумкин. Навбатдаги скриптда шундай тугмача намойиш килинганки, у тушаётган дарчани дарров эмас, балки 3 секунддан сунг бажаради: Бу ерда settimeout () window объектининг усуулларидан биридир. У вакт интервалини урнатади, мен уйлашимча бу кандай содир булишини англадингниз? Биринчи чакирув аргументи бу Java S коди булиб у берилган вактда бажарилувчи хиобланади. Бизнинг холатда у “ alert (‘вакт булди’)” га тенг. Илтимос шунга эътиборингизни каратингки Java S коди куштирнокка олиниши керак. 2 чи аргументда компьютерга ушбу код качон бажарилиши хабар килинади. Бунда биз вактни миллисекундларда курсатишимиз керак. (3000 миллисекунд = 3 секунд). § Прокрутка (Айлантириш). 18$