Функция ва услублар. JSP буйруқлари - Информатика и ИТ - Рефераты

Функция ва услублар. JSP буйруқлари

Загружено в:

20.09.2019

Скачано:

0

Размер:

134.5 KB

www.arxiv.uz Ф ункция ва услублар. JSP буйруқлари Режа: 1. Функциялар 2. Фреймлар ва JavaScript

Ходиса ва ходисага ишлов берувчи (обработчик) лар JavaScript дастурлаш тилиниг энг мухим қисмларидан биридир. Ходисалар, асосан фойдаланувчи томонидан бажарилган амаллар билан боғлиқдир. Масалан, агар у бирор-бир тугмани босганда " Click " ходисаси рўй беради. Агар сичқонча кўрсаткичи бирор-бир ишорат устидан ўтса MouseOver ходисаси рўй беради. Ходисаларнинг бир неча хиллари мавжуд. Биз ўзимизнинг JavaScript дастуримизни ушбу ходисалардан бир нечтасига жавоб беришини таъминлашимиз мумкин. Бу амалларни ходисаларга ишлов берувчи махсус дастурлар ёрдамида бажаришимиз мумкин. Шундай қилиб, масалан бирор- бир тугма босилганда ойна очилиши яратилиши мумкин. Бу эса ойна очилиши Click ходисасига жавобини билдиради. Бу холдаги ходисага ишлов берувчи дастур onClick деб номланади. Ва у компьютерга ушбу ходиса содир бўлганда нима қилишни билдиради. Қуйида onClick ходисасига 2

ишлов берувчи дастур ишини кўрсатувчи коднинг мисоли келтирилган: <form> <input type=«button" value=«Click me" onClick=«alert('Yo')"> </form> Ушбу мисол бир неча янги хусусиятларга эга - уларни навбатма - навбат кўриб ўтамиз . Бу ерда биз қ андайдир тугма жойлашган форма яратганимизни кўришингиз мумкин . Биринчи янгилик бу <input> тэгидаги onClick=«alert('Yo')" ёзувдир . Юқорида айтиб ўтилганидек ушбу атрибут тугмани босилганда нима содир бўлишини белгилайди . Шундай қилиб Click ходисаси мавжуд булса компьютер alert('Yo') ни бажариши керак . Бу эса JavaScript тилидаги кодни билдиради ( Эътибор беринг , бу мисолда биз <script> тэгидан хам фойдаланмадик ). alert() функцияси сизга пайдо бўлувчи ойналар яратиш имконини беради . 3

Ушбу функциядан фойдаланилганда қавс ичида қандайдир қаторни беришингиз лозим бўлади . Бизнинг холатда бу 'Yo'. Бу эса пайдо бўлувчи ойнадаги матндир . Шундай қилиб , фойдаланувчи тугмани босганда бизнинг скрипт 'Yo' матнидан иборат ойна яратади . Юқоридаги мисолни яна бир хусусияти тушунмовчиликни келтириб чиқариши мумкин : document.write () буйруғида биз иккиталик қўштирноқ (“ ”) ишлатган эдик , alert() конструкциясида эса фақат битталик (‘ ’) қўштирноқ ишлатилди . Нимага ? Кўп холларда сиз қўштирноқни икки кўринишидан хам фойдаланишинигз мумкин . Лекин сўнгги мисолда биз onClick=«alert('Yo')" деб ёздик , яъни биз қўштирноқни икки хилидан фойдаландик . Агар биз onClick=«alert("Yo")" деб ёзганимизда компьютер бизнинг скриптда адашиб кетиши мумкин эди , чунки у холда onClick ходисага ишлов берувчи функция конструкциянинг қайси қисмига тегишли қайси бирига тегишли эмаслиги номаълум бўлиб қолади . Шунинг 4

учун сиз бу холда икки хилдаги қўштирноқдан фойдаланишингиз зарурдир . Сиз қўштирноқни кайси турини биринчи , кайсинисини иккинчи бўлиб ишлатишингиз унчалик катта ахамиятга эмас . Яъни сиз onClick='alert("Yo")' деб хам ёзишингиз мумкин Сиз скриптингизда ходисаларга ишлов берувчи ( обработчик ) функцияларнинг турли хилларини ишлатишингиз мумкин . Уларнинг айримлари билан биз ушбу дарсда кўриб ўтамиз . Агар қайси обработчиклар яна мавжуд ва улар қандай амалларни бажаришини билмоқчи бўлсангиз шу мавзуга тегишли қўшимча адабиётлардан хам топишингиз мумкин . Шундай қилиб , агар сиз Netscape Navigator браузерини ишлатсангиз , у холда пайдо бўлувчи ойнада JavaScript нинг alert функцияси узатган матн бўлади . Бундай чекланишлар хавфсизлик нуқтаи назаридан келиб чиқади . Бундай ойнани сиз шунингдек prompt() методи ёрдамида хам бажаришингиз мумкин . Лекин бу холда ойна фойдаланувчи томонидан киритилган матнни кўрсатади . Шунинг учун бу холда , 5

бирор - бир бузғунчи томонидан ёзилган скрипт системали маълумот кўринишида акс эттирилиши ва фойдаланувчига бирор - бир пароль киритишни сўраши мумкин . Агар матн пайдо бўлувчи ойнага сиғса , бу холда фойдаланувчи ушбу ойна ўзининг операцион тизими томонидан эмас , балки Web- браузер томонидан яратилган деб тушуниши керак . Ушбу чекланиш хавфсизлик нуқтаи назаридан киритилганлиги учун , сиз шунчаки ушбу маълумотни ўчиришингиз мумкин эмас . Функциялар JavaScript тилида ёзилган кўп дастурларда биз функцияларда фойдаланамиз. Шунинг учун тилнинг ушбу элементи хақида батафсилрок тўхталамиз. Кўп холларда функциялар бир неча буйруқларни боғловчи восита сифатида ишлатилади. Келинг мисол учун, бирор-бир матнни уч маротаба чоп этадиган скриптни ёзайлик. Аввал энг оддий ёндашувни кўриб утамиз: 6

< html > < script language =« JavaScript ">  </script> </html> 7

Бундай скрипт қуйидаги матнни уч маротаба ёзади : Менинг сахифамга хуш келибсиз ! Бу JavaScript! Агар скриптнинг бошланғич кодига қаралса , матн уч марта чоп этилиши учун коднинг маълум бир қисми уч марта қайтарилганлиги кўринади . Бу эса эффектив эмасдир. Ушбу масалани биз ундан хам яхшироқ хал этишимиз мумкин. Буни қуйидагича амалга оширамиз <html> <script language=«JavaScript"> <!-- hide function myFunction() { 8

document.write(" Менинг сахифамга хуш келибсиз !<br>"); document.write(" Бу JavaScript!<br>"); } myFunction(); myFunction(); myFunction(); // --> </script> </html> Ушбу скриптда қандайдир бир функцияни киритдик , бу функция қуйидаги қаторлардан иборат : function myFunction() { document.write(" Менинг сахифамга хуш келибсиз !<br>"); document.write(" Бу JavaScript!<br>"); 9

} Скриптнинг барча буйру қ лари фигурали қ авслар ичида жойлаштирилади ; {}-қ авслари myFunction() функциясига тегишли бўлиб , икки document.write() буйру ғ и бирлаштирилган ва myFunction() функцияси ча қ иртирилганда бажарилади . Хақиқатдан хам бизнинг мисолда ушбу функция уч маротаба чақиртирилган . Мисолда кўринадики , функциянинг ўзига таъриф берилгандан сўнг myFunction() қаторини уч маротаба ёзилди . Яъни уч маротаба мурожаат қилинди . Ўз навбатида , ушбу функциядаги буйруқлар уч маротаба бажарилганлиги кўриниб турибди . Бу мисол оддий мисол бўлганлиги учун сизда JavaScript да функциялар нимага шунчалик зарур деган савол пайдо бўлиши мумкин . Сиз қуйида уларни фойдасини билиб оласиз . Функцияни чақиртирилганда маълумотларни узатиш имконияти бизнинг скриптларга хақиқий эгилувчанликни беради . 10

Шунингдек функциялар ходисаларга ишлов берувчилар билан биргаликда ишлатилиши мумкин. Мисолни кўриб ўтамиз : <html> <head> <script language=«JavaScript">  11

</script> </head> <body> <form> <input type=«button" value=«Calculate" onClick=«calculation()"> </form> </body> </html> Бу мисолда тугма босилганда calculation () функцияси ча қ иртирилади . Кўриниб турибдики , ушбу функция x.y ва result ўзгарувчилардан фойдаланиб қ андайдир хисоб - китоб ишларини олиб бормо қ да . Ўзгарувчини var калит сўз ёрдамида беришимиз мумкин . Ўзгарувчилар турли хилдаги катталикларни са қ лаш учун ишлатилиши мумкин , масалан , сон , қ атор , 12

матн ва бош қ. Шундай қ илиб скриптнинг var result= x + y; қ атори браузерга result ўзгарувчини яратиш ва унга арифметик операция x  y ( яъни 5  12) ни натижасини жойлаштиришни буюради . Шундан сўнг result ўзгарувчисига 17 сони жойлаштирилади . Бизнинг холда alert(result) буйруғи alert(17) бажарган ишни бажаради . Бошқача қилиб айтганда биз 17 сон ёзилган ойнани яратдик Фреймлар ва JavaScript Қандай Қилиб JavaScript ойнадаги фреймларни « кўради »? Буни билиш учун биз икки фреймни яратамиз. Биз кўриб ўтганимиздек JavaScript web - сахифада берилган барча элементларни қандайдир иерархик структура сифатида ташкил этади. Бу фреймларга хам таалуқлидир. 13

24-расм. 24-расмдаги иерархияни юқорисида браузер ойнаси ( browser window ) жойлашган. Бу холатда у икки фреймга бўлинган. Шундай қилиб, ойна объект сифатида ушбу иерархияни «ота»си (родитель)- parent хисобланади, икки фрейм эса унинг «фарзанд»лари- children . Биз бу фреймларга ўзига хос номларни бердик- frame 1 ва frame 2. Ва ушбу номлар орқали биз икки фрейм билан маълумот алмашишимиз мумкин. Скрипт ёрдамида қуйидаги масалаларни хал этиш мумкин: айтайлик фойдаланувчи қандайдир ишоратни биринчи фреймда активлаштиради, лекин ишоратга тегишли ойна бу фреймга эмас бошқасига юкланиши керак. Бундай масалага меню (ёки навигация панеллар) яратиш мисоли киради; бу ерда бир фрейм доимо ўзгармасдан қолади, лекин фойдаланувчига ушбу сайтни ўрганиш бўйича бошқа ишоратларни тавсия этади. 14

Бу масалани хал этиш учун учта холатни кўриб утамиз: - асосий ойна  фрейм «фарзанд» (children) фреймга доступ олади - «фарзанд» (children) фрейм асосий ойна  фреймга доступ олади - «фарзанд» (children) фрейм бошқа бир «фарзанд» (children) фреймга доступ олади “Ойна” ( window ) объекти нуктаи назаридан икки фрейм frame 1 ва frame 2 деб номланади. Аввалги расмда кўриб туринибдики, асосий ойна ва хар бир фрейм ўртасида боғлиқлик мавжуд. Шундай қилиб, агар сиз асосий ойна, яъни ушбу фреймларни яратувчи ойна учун скрипт ёзсангиз, у холда ушбу фреймларга номлари бўйича мурожаат этиш кифоядир. Масалан қуйидагича ёзиш мумкин: frame2.document.write("Бу маълумот асосий ойна томонидан юборилган"); 15

25-расм. Баъзи холларда, фреймда туриб асосий ойнага доступ керак бўлиб қолади. Масалан, кейинги ўтишда фреймлардан қутилиш учун. Бу холда фреймларни ўчириш - фреймлар жойлашган сахифа ўрнига янги сахифа юкланишини билдиради. Бизнинг холда бу сахифани асосий ойнага юкланишидир. Бу ишни амалга ошириш учун бизга асосий ойнага ушбу ойна (ёки асосий фрейм) «фарзанд»лари бўлган фреймлардан мурожаатдир. Янги хужжатни юклаш учун, биз location . href га янги URL манзилини киритишимиз керак. Мақсадимиз фреймлардан қутилиш бўлганлиги учун асосий ойнанинг location объектини ишлатишимиз керак. Эслатиб ўтамиз, хар 16

бир фреймга фақат ўзини сахифасини юкланганлиги сабабли, хар бир фрейм учун ўзининг location объектига эгамиз. Шундай қилиб, асосий ойнага янги сахифани юклаш учун қуйидаги буйруқни ишлатишимиз мумкин: parent.location.href= "http://..."; 26-расм. Ва нихоят, сизга кўп холларда «фарзанад» (children) фреймдан бошқа бир «фарзанад» (children) фреймга доступ олиш масаласини хал этиш керак бўлади. Шундай қилиб, биринчи фреймда туриб қандай иккинчисига бирор-бир нарса ёзиш мумкин, яъни page1.htm номли HTML- сахифада қайси бир 17

буйруқни ишлатиш керак. 25-расмда кўриниб турибдики, бу икки фрейм ўртасида тўғри боғланиш йўқ. Шунинг учун биз frame 1 да туриб frame 2 га шунчаки мурожаат қилишимиз мумкин эмас; frame 1 иккинчи фрейм хақида хали хеч нарса билмайди. Асосий ойна нуқтаи назаридан иккинчи фрейм хақиқатдан хам мавжуддир ва frame 2 деб номланади. А сосий ойнани ўзига эса биринчи фреймдан parent орқали мурожаат этиш мумкин. Иккинчи ойнада жойлашган document ойнасига доступ олиш учун қуйидагича ёзиш мумкин: parent.frame2.document.write("Биринчи фреймдан мурожаат"); Навигация панеллари Навигация панеллари қандай қилиб яратилишини кўриб ўтамиз. Битта фреймда бир неча ишоратларни яратамиз. Лекин, агар фойдаланувчи бирор-бирини активлаштирса, ушбу ишоратга таалуқли сахифа ўша 18

фреймга эмас аксинча ёнидаги фреймга юкланади. Энг аввало биз айтиб ўтилган фреймларни яратиб олишимиз лозим бўлади. frames3.htm <html> <frameset rows=«80%,20%"> <frame src=«start.htm" name=«main"> <frame src=«menu.htm" name=«menu"> </frameset> </html> Бу ерда start.htm – бу асосий фрейм ( main ) да энг аввал кўрсатиладиган сахифадир . Бизда бу сахифа тузилишига хеч қандай махсус талаблар йўқ . Кейинги web- сахифа " menu " фреймига юкланади . menu.htm 19

$<html> <head> <script language=«JavaScript">  </script> </head> <body> <a href=«javascript:load('first.htm')">first</a> <a href=«second.htm" target=«main">second</a> <a href=«third.htm" target=«_top">third</a> </body> </html> 20$

Бу ерда сиз menu фреймига янги сахифани юклашни бир неча усулларини кўришингиз мумкин . Биринчи ишоратда бу мақсадлар учун load() функцияси ишлатилади . Бу иш қандай амалга оширилишини кўриб утамиз : <a href=«javascript:load('first.htm')">first</a> Кўриниб турибдики , янги сахифани я ққ ол юкланиш буйру ғ и ўрнига биз браузерга JavaScript тилида қ андайдир буйру қ ни бажаришини таклиф этмо қ дамиз - бунинг учун одатий href параметри ўрнига javascript параметридан фойдаланамиз . Сўнгра қ авслар ичида 'first.htm' ни кўришимиз мумкин . Бу қ аторлар load() функциясига аргумент сифатида узатилади . load() функциясининг ўзи эса қ уйидагича ани қ ланади : function load(url) { parent.main.location.href= url; 21

Бу ерда сиз қ авслар ичида url ёзуви ёзилганлигини кўришингиз мумкин . Бу эса функция ча қ иртирилганда 'first1.htm' қ атори url ўзгарувчига киритилишини билдиради . Ва бу янги ўзгарувчини энди load() функцияси ичида ишлатиш мумкин Иккинчи ишоратда target параметри мавжуд . Аслида бу энди JavaScript га тегишли эмасдир . Бу HTML тилининг конструкциясидир . Кўриниб турибдики , биз фақат керакли фрейм номини бермоқдамиз . Бу холда биз фрейм номи олдида parent сўзини киритмадик . Нега бундай ? Қоидадан чиқиб кетишни сабаби шундаки target - бу JavaScript ни эмас балки HTML тилининг функциясидир . Ва учинчи ишорат мисолида сиз қандай қилиб target ёрдамида фреймлардан халос бўлиш мумкинлигини кўриб турибсиз . 22

Агар сиз фреймлардан load() функцияси ёрдамида қутилишни истасангиз ушбу функцияга parent.location.href= url деб ёзинг . Шундай қилиб , қайси усулни танлаш керак ? Бу сизнинг скриптингизга ва сиз нима қилмоқчилигингизга боғлиқдир . Target параметрини ишлатиш жуда осондир . Сиз уни янги сахифани бошқа фреймга юклаш керак бўлиб қолганда ишлатишингиз мумкин . JavaScript тили асосидаги ёндашув сизга ишорат активлаштирилганда бир неча ишлар амалга оширилиши керак бўлганда ишлатилади . Бундай муаммоларнинг энг кўп учрайдигани бу - бир вақтни ўзида икки фреймга иккита сахифани юклаш муаммосидир . Сиз бу ишни target параметри ёрдамида амалга оширишингиз мумкин , лекин бу ерда JavaScript ни ишлатиш мақсадга мувофиқдир . Мисол учун , бизда учта frame1, frame2 ва frame3 номли фреймлар мавжуд . Айтайлик , фойдаланувчи frame1 даги биринчи ишоратни активлаштирди . Ва шу билан бирга колган икки фреймга икки турли web- сахифалар юклансин . Бу 23

масалани ечимларидан бири қуйидаги функцияда келтирилган : function loadtwo() { parent.frame1.location.href= "first.htm"; parent.frame2.location.href= "second.htm"; Агар сиз функцияни янаям қ улайро қ қ илишни хохласангиз , ўзгарувчини аргумент сифатида узатиш имкониятидан фойдаланишингиз мумкин . Натижа қуйидаги кўринишда бўлади : function loadtwo(url1, url2) { parent.frame1.location.href= url1; parent.frame2.location.href= url2; Шундан сунг loadtwo("first.htm", "second.htm") ёки loadtwo("third.htm", "forth.htm") функцияларини чакиртирилшини ташкил этишингиз мумкин . 24

Аргументлар узатилиши сизнинг функциянгизни янаям қулайроқ қилиши мумкин . Натижада сиз уни кўп маротаба ва турли мақсадларда ишлатишингиз мумкин . 25

Фойдаланиладиган адабиётлар рўйхати: 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. 26

8. Д. Кирсанов. Веб-дизайн. -СПб: Символ- Плюс,2001. 9. Уилтон П. Java Script . Основы. Символ-плюс. 2002 10. www.uzedu.uz 27

Похожие

avaScript тили. Браузернинг объектли моделидан JavaScript да фойдаланиш. Window, Document, Link, Anchor, History объектлари – хоссалари, усуллари, ҳодисалар

Kомпьютер графикаси. Aсосий тушунчалар

MATLAB нинг график имкониятлари

MICRОSОFT EXCEL имкониятлари

Тизимли дастурлаш тиллари (СИ)