• Фреймлар Ва Javascript
  • Навигацион панеллар (катновчи йулкалар)
    		•

    Function calculetion




    Download 425 Kb.
    bet3/7
    Sana18.10.2023
    Hajmi425 Kb.
    #88385
    1   2   3   4   5   6   7
    Bog'liq
    JavaScript
    BrokerSurvey2018, 2 5190420685331109228, TTBA FANIDAN MUSTAQIL TAlim (1), Muhandislik darslari, portal.guldu.uz-OZIQ-OVQAT BIOTEXNOLOGIYASI, Matematika tugarak, X.Ch Bo\'riyev, tabiiy-gazni-dastlabki-tayyorlashda-jihozlarning-ishonchliligiga-erishish, masalalar, 401Mehriniso kursish, I bob innovatsion muhit samarali innovatsiyalarning eng muhim sh, 3-topshiriq, N.M.Hamdamova tex.talim.praktikum., Истиқлол Савинкова

    ФРЕЙМЛАР.


    Фрейм яратиш.


    Фрейм ва JavaScript кандай килиб бирга ишлайди деган савол тез-тез бериладиган саволлардан биридир. Дастлаб биз фрейм нима ва у нима учун ишлатилади деган саволни тушунтирамиз. Сунгра JavaScript ва фреймлар кандай биргаликда ишлатилишини куриб чикамиз.Умуман олганда броузер дарчаси бир неча алохида фреймларга ажратилиши мукин. Бу шуни англатадики,фрейм бу броузер дарчасидаги тугри туртбурчак шаклидаги бирор бир белгиланган майдон. Хар бир фрейм экранга узининг документини чикаради. Шу тарика мисол учун сиз 2 та фрейм яратмокчисиз. Биринчи фреймга сиз Netscape фирмасининг “Уй сахифасини” юклашингиз, 2 чига эса Microsoft фирмасиникини юклашингиз мумкин. Фреймлар яратиш HTML тили масаласи булcади, биз бу ерда бу жараённинг асосий куринишини тавсифлаб утамиз. Фрейм яратиш учун бизга ва теглари керак булади. 2 та фрейм яратувчи HTML сахифа куйидаги куринишда булиши мумкин :




    < html >
    < frameset rows “ 50% , 50% ”
    < frame src = “ page 1.htm ” name = “frame1”
    < frame src = “ page 2.htm ” name = “frame2”
    < /frameset >
    html >
    Натижада 2 та фрейм яратилади. тегида rows хоссасининг фойдаланилганини сезган булсангиз керак. Бу фреймлар бир-бири устидан жойланганини билдиради. Юкори фреймга page1.htm сахифаси юкланади, пастки фреймга эса page2.htm документи жойлаштирилади. Тула яратилган фрейм таркиби куйидаги киёфада булади :
    Агар сиз документлар усти-устига эмас, ёнма-ён туришини хохласангиз, у холда тегида rows эмас cols сузини ёзиш керак. “ 50% , 50% ” фрегменти фреймларни канчалик катталигини билдиради. Агар сиз хисоб-китоб билан узингизни кийнашни истамасангиз ва хисобда барибир 100% хисоб-китоб булишини истасангиз “ 50% * % ” ёзишингиз мумкин. Фрейм улчамини нукталарда бермокчи булсангиз сондан сунг % белгисини куймаслигингиз керак. Истаган фреймга ном бериш учун < frame > тегида name атрибутидан фойдалансангиз етарли. Бундай имконият бизга JavaScript тилида фреймларга рухсат учун керак булади. Web - сахифалар яратишда бир неча куйилган < frameset > тегларидан фойдаланишингиз мумкин.






    < frame src=”cell.htm”>




    Натижада керак булган фреймлар таркиби куйидагича булади:
    тилида border параметрини ишлатган холда фреймлар орасидаги йугинликни беришингиз мумкин.Агар border=0 деб берилса бу сиз фреймлар орасида кандайдир масофа булишини хохламаётганингизни билдиради.
    Фреймлар Ва Javascript

    Энди келинг JavaScript да фреймларни браузер дарчасида кандай “куринишни” куриб чикамиз. Бу максадда ушбу кисмни берилишида келтирилган биринчи мисолдагидек иккита фрейм яратамиз. Куриб утганимиздек JavaScript web-сахифадаги курсатилганларнинг барча элементларини аллакандай иерархик таркибдаги куринишда ташкил килади. Худди шулар фреймларга хам таалуклидир.Навбатдаги расмда биринчи мисолдаги обьектлар иерархияси курсатилган:



    Иерархия чуккисида браузер дарчаси жойлашган (browser window). Жорий холатда у иккита фреймга ажратилган. Шу тарика дарча объект сифатида тур бошлиги яъни ушбу иерархиянинг онаси (parent), иккита фрейм эса мос равишда уларнинг авлодлари (children) хисобланади. Биз бу иккита фреймга frame1 ва frame2 деб ном бердик. Улар ёрдамида биз келтирилган иккита фреймлар билан маьлумот алмашишимиз мумкин. Скрипт ёрдамида куйидаги масалани ечиш мумкин: Айтайлик, фойдаланувчи кандайдир мурожатни биринчи фреймда фаоллаштирса, бирок унга мос сахифа уша фреймда эмас, бошкасида юкланиши керак. Ушбу масалага мисол булиб мундарижа тузишни келтирсак ва бунда битта фрейм узгармас булиб колади, лекин фойдаланувчига бир неча турли мурожатларни урганишга таклиф килади.


    Ушбу масалани ечиш учун биз 3 та холни куриб чикишимиз керак:



    • асосий дарчалар фрейм авлод фреймга рухсат олади

    • авлод-фрейм она дарчалар фреймга рухсат олади

    • авлод фрейм бошка бир авлод фреймга рухсат олади

    Объект нукталари назаридан «дарча» ( window) иккита курсатилган фрейм frame1 ва frame2 деб номланади. Олдинги расмда куриш мумкинки, она дарча ва фреймлар орасида тугри олака мавжуд. Яъни агар сиз она дарча учун скрипт ёзсангиз яъни бу фреймларни яратувчи сахифалар учун скрипт ёзсангиз у холда бу фреймларга уларни номлари оркали мурожаат килишингиз мумкин. Маслан: Frame2.document.write («ушбу хабар она дарчадан юборилган»);

    Айрим холлларда сизга 1 фреймда туриб она дарчага рухсат олиш зарур булиб колади. Масалан, бу агар сиз келаси утишда фреймлардан кутилишда зарур булади. Бундай холда фреймларни йук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.frame2.document.write(“Салом, бу чакирик / чи фреймдан! ”)

    Навигацион панеллар (катновчи йулкалар)




    Келинг, катнавчи йулкалар кандай яратилишини куриб чикамиз. Битта фреймда Бир неча мурожатларни яратамиз. Лекин, агар фойдаланувчи улардан биттасини фаоллаштирса мос сахифа уша фреймда эмас, бошкасида жойлашшади.


    Бунга мисол:
    Дастлаб курсатилган фреймларни яратувчи скриптни ёзиб олишингиз керак. Бу документ худди олдинги кисмимизнинг берилишида куриб чиккан документдек куринишда булади.
    Fromes3.htm








    бу ерда start.htm сахифа асосий фрейм (main) да курсатиладиган сахифа хисобланади. Бизда бу мавжуд сахифа учун махсус талаблар йук.


    Menu.htm







    first
    second


    third






    ");
    myWin.document.write("

    ");


    myWin.document.write("This HTML-document has been created ");
    myWin.document.write("with the help of JavaScript!");
    myWin.document.write("
    ");
    myWin.document.write("





    ");


    myWin.document.write("
    ");
    myWin.document.write("This HTML-document has been created ");
    myWin.document.write("with the help of JavaScript!");
    myWin.document.write("
    ");
    myWin.document.write("






    onClick="statbar('Привет! Это окно состо\яни\я!');">
    onClick="statbar('');">

    Это пример прокрутки в строке состояния средствами JavaScript.



    Введите Ваше имя:



    Введите Ваш адрес e-mail:



    Telephone:

    onClick="test(this.form.telephone.value)">

    onMouseOut="off()">
    width="140" height="50" border="0">

    onMouseOut="off()">


    width="140" height="50" border="0">

    onMouseOut="off()">


    width="140" height="50" border="0">

    Download 425 Kb.
    1   2   3   4   5   6   7




    Download 425 Kb.