Bosh sahifa
Referatlar
Informatika va AT
Kаватларни жойлаштириш
Kаватларни жойлаштириш
Yuklangan vaqt:
20.09.2019
Ko'chirishlar soni:
0
Hajmi:
107.5 KB
Ko'chirib olish
O'xshashlar
Интернет серверида Web–сайтни жойлаштириш
Microsoft Word мавзусидаги маърузани укувчиларга утиш тартиби
Microsoft Word
Adobe PageMaker дастурида ишлаш
Microsoft Excel 98 (2)
![Left ва top хусусиятлар берилган каватнинг холатини белгилайди. Сиз уларга янги каватлар бериб уни узгартиришингиз мумкин. Масалан навбатдаги сатрда каватнинг горизантал холати 200 нуктада бериляпти: Document . layers [“ mylayer 2”]. left = 200; Энди биз каватларни аралаштириш дастурига утамиз, у браузер дарчасида кандайдир айланишлар яратади. Скрипт куйидаги куринишда : Биз mylayer2 номли кават яратдик. <body> тегида биз onload процедурасини ишлатганимизни куриш мумкин . Бизга сахифа юклатилгандан дарров кават айланишини бошлаш зарур . Onload ходисаларини кайта ишлаш процедурасида биз setInterval ( ) функциясидан фойдаланамиз . Бу Java S версиясининг янги усулларидан биридир . Ундан бирор бир функцияни яна ва кайта яна аник бир интервалида чакиришда фойдаланилади . Олдин биз бунинг учун setTimeOut вакт функциясидан фойдаланганмиз . SetInterval функцияси хам худди шундай ишлайди , бирок сиз уни бир марта чакирсангиз етарли булади . SetInterval функциясида биз move ( ) функциясини хар бир 20 миллисекунддан чакириш имконига эгамиз . Move ( ) функцияси эса уз навбатида хар 20 миллисекунддан каватни янги сохага алмаштиради . Бу функцияни яна ва яна чакиришимиз натижасида матнимизни тез харакатланишини курамиз. Move ( ) функциясида киладиган нарсамиз шуки кават учун янги координата хисоблаш ва уни ёзиш: document . layers [“ mylayer 2”]. left = pos . 10 кисм. K аватлар 2. Биз аллакачон каватлар янги технологиясининг асосий тушунчаларига эга булдик. Бу кисмда куйидаги мавзуларни куриб чикамиз. Каватдан киркиб олиш. 1](/data/documents/4da44651-ab55-41fd-8ce1-1106a6c2d383/page-2.png)
![ Куйилган каватлар. Ялтирок каватлар билан турли хил самаралар олиш. Каватлардан киркиб олиш. Каватнинг кандайдир кисми (туртбурчак) куринадиган килиш мумкин. Бундай усул киркиб олиш дейилади. Масалан, HTML сахифасида куйидаги киркиб олиш функциясини беришимиз мумкин: Берилган тасвир фрагменти 90х70 улчамга эга. Clip атрибутидаги 1 чи 2 та киймат киркилаётган кисмнинг чапдан юкори бурчакни курсатада. Навбатдаги 2 та киймат пастки унг бурчакни курсатади. Java S тили ёрдамида киркилган кисмни бошкариб бундан хам кизикарли натижаларга эришиш мумкин. Аникрок айтганда Layer объектини хусусиятлари булган clip . left , clip . top , clip . right ва clip . button ларни узгартиришингиз мумкин. Агарда бу хусусиятларга янги киймат берсангиз худди шу вактнинг узида бу узгариш мос равишда кабул килинади. Куйидаги мисолда тасвирни киркиб олинган кисмини параметрлари динамик равишда узгариб туради ва фойдаланувчида тасвир аста-секин “усаётган” дай таасурот колади: < body > тегида тавсифланган тугмача start ( ) функциясини чакиради. Дастлаб биз ишни тасвирни кайсидир нуктасидан бошлашни аниклаймиз . Бу нуктанинг х ва у координаталарини midde x ва midde y узгарувчиларга юклаймиз. Бундан сунг биз тасвирни киркилган кисмига middeleX, middleY ва pos узгарувчиларига боглик равишда улчам берувчи show ( ) функциясини чикарамиз . Хар сафар show ( ) функцияси чакирилганда pos функцияси киймати автоматик равишда ошиб боради . Show ( ) функцияси охирида setTimeOut ( ) чакириги ёрдамида таймер урнатамиз ва бунда бу функция ва яна чакирилади . Бу жараён качонки бу киркилган кисм бутун булиб курингунча давом этади. Шу ерда Start ( ) функцияси бошида тасвирнинг улчамини олганимизни эътиборга олиб утиш керак. Var width = document.layers[“imglayer”].document.dowiuci.width; Var height = document.layers[“imglayer”].document.dowiuci.height; 2](/data/documents/4da44651-ab55-41fd-8ce1-1106a6c2d383/page-3.png)
![Document.layers[“imglayer”] конструкцияси ёрдамида бу imglayer номли каватга мурожат килишимиз мумкин . Бирок нима учун document.layers[“imglayer”] дан сунг document деб ёзилади ? Гап шундаки , хар бир кават узининг HTML сахифасига яъни хар бир кават document объектига эга . Imglayer каватдаги тасвирга рухсат олиш учун биз Варакнинг колган барча майдони тоза ушбу document объектига рухсат олишимиз керак . Юкорида келтирилган мисолимизда бундай тасвир dovinci номига эга эди . булиши керак . § Куриб утганимиздек, кават узида бир неча объектларни мужассамлаштириши мумкин. Улар хаттоки бошка каватларни уз ичига олиши мумкин. Хакикатан эса куйилган каватлардан фойдаланишнинг бир неча сабаблари бор. Бир неча куйилган каватларни номоён килувчи мисолларни куриб чикамиз. Биринчи мисолда иккита бошка ( layer 1 ва layer 2) кават куйилган кават ( parentlayer деб номланади) ишлатилади. Бу биринчи кават Бу иккинчи кават Бу асосий (она) кават Move/stopparent Move/stoplayer Move/stoplayer Сахифни очганимиздан сунг биз 3 та тугмача курамиз. Бу тугмачалар каватлар харакатини бошлаши ёки тухташи мумкин. parentlayer ичида биз 2 та каватни аникладик. Булар худди кушилган каватларга эга булади. Java S тилида бу каватларга рухсатни кандай олиш мумкин. Бу кандай килинади, уни move ( ) функциясида куриш мумкин: document.layers [ “ parentlayer ”].left = 100 + pos 0 ; - - - - - - - document.layers [ “ parentlayer ”].layers[ “ layer ”].top = 10 + pos 1 ; - - - - - - document.layers [ “ parentlayer ”].layers[ “ layer 2 ”].top = 10 + pos 2 ; Куйилган каватларга рухсат олиш учун layer 1 ва layer 2 каватлар parentlayer ичида жойлашганлиги сабабли сизга document.layers [ “layer 1”] ёки document.layers[ “ layer 2 ”] деб ёзиш етарли булмайди. 3](/data/documents/4da44651-ab55-41fd-8ce1-1106a6c2d383/page-4.png)
![Энди кандай килиб каватдан куринадиган майдонни куриб чикамиз. Навбвтдаги мисолда тасвирни киркиш ва жойлаштириш механизмидан фойдаланилган. Ва яна куйилган каватга мурожатларни куриш мумкин: document.layers [ “ clippinglayer ”].layers[ “ imglayer ”].top = 100 + pos ; скриптнинг колган элементлари билан аллакачон таниш булишингиз керак. 11 Кисм javascript 1.2 да ходисалар модеми. Янги ходисалар Javas 1.2 куйидаги ходисаларни кайта ишлашни куллаб куватлайди: Abort Dblclick Keydown Mousedown Mouseup Select Blur DragDrob KeyPress Mousemove Move Submit Click Error Keyup Mouseout Reset Unload Change Fox Load Mouseover Resize Жадвални урганиш давомида куришимиз мумкинки бу янги ходисаларнинг бир нечтаси руёбга чикарилган. Биз бу кисмда уларнинг бир нечтасини куриб чикамиз. Датлаб resize ходисасини курайлик. Ушбу ходиса ёрдамида дарча улчами укувчи томонидан узгартирилганини аниклашингиз мумкин. Куйидаги скрипт буни кандай килишни курсатади: window . onresize = message Сатрида биз уша ходиса процедурасини берамиз. Аникрок килиб айтганда фойдаланувчи дарча улчамини узгартирганидан дарров ушбу message ( ) функцичси чакирилади. Эхтимол сиз ходисаларни кайта ишловчи программаларни бундай тарзда бериш билан топип билмасангиз керак. Бирок бу ерда хеч кандай янгилик йук. Масалан, агар сизда button объекти бор булса, бу ходисани кайта ишлаш процедурасини куйидаги тарзда аниклаш мумкин. Уйлаш мумкинки 2 чи вариант бироз мураккаброк. Лекин нима учун биз айнан ундан 1 чи скриптда фойдаландик? Сабаби шундаки биз window объектини бирор бир аник тег ёрдамида аниклай олмаймиз ва шунинг учун 4](/data/documents/4da44651-ab55-41fd-8ce1-1106a6c2d383/page-5.png)
