Dreamweaver VII.
Munkatársunktól
2005 March 06, Sunday
Folytatjuk a Dreamweaver megismerĂ©sĂ©t. A mai mĂ»sorban az Ăşgynevezett viselkedĂ©sekrõl lesz szĂł. Rovatunk a Merlin StĂşdiĂł segĂtsĂ©gĂ©vel kĂ©szĂĽlt.
|
A keretek után most az objektumok viselkedĂ©sĂ©vel foglalkozunk. Pontosabban beállĂthatjuk, hogy egy esemĂ©nyre milyen akciĂłt indĂtson el. PĂ©ldául egy kĂ©pnek esemĂ©nye lehet a rámutatás, a rákattintás, a duplakattintás Ă©s mĂ©g sorolhatnánk. Ezek az esemĂ©nyek akciĂłkat indĂthatnak el. PĂ©ldául egy ĂĽzenetpanel megjelenĂtĂ©sĂ©t, kĂ©pcserĂ©t, egy weblap megnyitását. A következõ pĂ©ldában legyen az objektumunk egy kĂ©k kör. A rámutatás hatására ĂrĂłdjon ki az ĂĽzenet ablakban egy szöveget. EsetĂĽnkben a rámutatás lesz az esemĂ©ny, az akciĂł pedig az ĂĽzenet megjelenĂtĂ©se. NĂ©zzĂĽk meg, hogyan lehet ezt a viselkedĂ©st lĂ©trehozni. JelöljĂĽk ki az objektumot. A Behaviors panelon a + gombbal tudunk Ăşj viselkedĂ©st felvenni. A legördĂĽlõ listában válasszuk ki a nekĂĽnk megfelelõ akciĂłt, a Popup Message-et. A megjelenõ ablakban Ărjuk be egy szöveget. Láthatjuk, hogy meg is jelent a viselkedĂ©s a listában. PrĂłbáljuk ki a böngĂ©szõben! MĂłdosĂtsuk a kĂ©k kör esemĂ©nyĂ©t rámutatásrĂłl kattintásra! Kattintsunk az esemĂ©nyre Ă©s a legördĂĽlõ menĂĽbõl válasszuk az OnClick esemĂ©nyt! IsmĂ©t indĂtsuk el a böngĂ©szõt! Az akciĂłk aprĂł programok, Ăşgynevezett scriptek, melyek Javascript nyelven ĂrĂłdnak. Ezeket a Dreamweaver automatikusan elkĂ©szĂti, beilleszti a weblap kĂłdjába. Most nĂ©zzĂĽnk bele a kĂłdjába. NĂ©zzĂĽnk meg egy másik viselkedĂ©st, ahol az akciĂł kĂ©pváltás lesz. KĂ©szĂtĂĽnk egy olyan kĂ©ptárat, ahol a kĂ©p kis mĂ©retĂ» változatára kattintva lentebb a nagyobb mĂ©retĂ» változatát mutatja. ElõkĂ©szĂtĂ©skĂ©nt nevezzĂĽk el a nagy kĂ©p helyĂ©t n-nek, Ă©s töröljĂĽk ki a mĂ©reteit, hogy minden kĂ©p a saját mĂ©retĂ©ben jelenhessen meg az n nevĂ» kĂ©phelyen. Utána jelöljĂĽk ki azt a kĂ©pet, amelyikre kattintáskor a változásnak meg kell törtĂ©nni. Ez legyen a második kis kĂ©p. A Behaviors panelen a + gombbal tudunk Ăşj viselkedĂ©st felvenni. Ez nem más, mint egy esemĂ©ny által elindĂtott akciĂł. A legördĂĽlõ menĂĽbõl válasszuk a kĂ©pváltáshoz szĂĽksĂ©ges Swap Image parancsot! A megjelenõ ablakban beállĂthatĂł, hogy melyik nevĂ» kĂ©p forrását szeretnĂ©nk lecserĂ©lni. BeállĂthatĂł, hogy a második kĂ©pet elõre letöltse-e. Ez galĂ©riáknál nem elõnyös. Illetve beállĂthatĂł, hogy ha az egĂ©rkurzor elhagyja az esemĂ©nyt indĂtĂł kĂ©pet, akkor a váltott kĂ©p vissza váltson-e az eredeti állapotára. Az adatok kitöltĂ©se után minden viselkedĂ©s egy kĂĽlön sor lesz a listában. Az elsõ oszlopban itt is az akciĂłt kiváltĂł esemĂ©nyt állĂthatjuk be. Most a rámutatáskori esemĂ©ny helyett válasszuk a kattintáskori esemĂ©nyt. Az akciĂł oszlopban dupla kattintással mĂłdosĂthatĂłk az akciĂł beállĂtásai. PrĂłbáljuk ki böngĂ©szõben, hogy mĂ»ködik-e a kĂ©pváltás. Most már lĂ©trehozhatjuk minden kĂ©p viselkedĂ©sĂ©t. TermĂ©szetesen minden kis kĂ©phez a saját nagy kĂ©pĂ©t választjuk a váltásnál. Tudnunk kell, hogy az esemĂ©nyek böngĂ©szõ fĂĽggõek. Számos esemĂ©ny nem mĂ»ködik pĂ©ldául Netscape Navigatorban. Ha azt szeretnĂ©nk, hogy a kis kĂ©pre mutatáskor a böngĂ©szõben a mutatĂł kĂ©z alakra váltson a kurzor, akkor minden kis kĂ©pre állĂtsunk be # linket. A viselkedĂ©sek a listábĂłl a - gombbal törölhetõk. Illetve akár több viselkedĂ©st is rendelhetĂĽnk egy kĂ©phez. NĂ©zzĂĽk meg a böngĂ©szõben.
|
|
Kedves Olvas�! Jelentkezzen be �s akkor egy kattint�ssal nyithat a cikkhez f�rumos t�m�t.
Hozz�sz�l�sok Kedves Olvas�! Jelentkezzen be �s akkor hozz�sz�lhat a t�m�hoz!