JavaScript zsebkönyv
A JavaScript zsebkönyv minden JavaScript, Ajax, DHTML és CSS kódot bemutat, ami az interaktív webalkalmazások, weboldalak és webhelyek gyors és eredményes elkészítéséhez szükséges. Tartalmazza a legfontosabb parancsokat és kifejezéseket, amelyek a JavaScript kapcsán előfordulhatnak. Kicsi és tömör: a kötetet bárhová magunkkal vihetjük és haszonnal forgathatjuk. Rugalmas és gyakorlatias: a kötet több mint száz testreszabható kódmintát tartalmaz, amelyek alapján gyorsan készíthetünk JavaScript és Ajax programokat.
Részlet a bevezetőből:
"Ez a könyv nem nyújt bevezetést a JavaScriptbe. Érintjük a JavaScript alapvetõ elemeit, de a középhaladó és haladó anyagra is igyekeztünk nagy hangsúlyt fektetni. A cél az volt, hogy különösen a kissé megkopott JavaScripttudással rendelkezõk számára gyakori problémákat és megoldásokat mutassunk be. Így a könyv referenciaként használható, gyors megoldásokat kínál a fejlesztés közben felmerülõ kérdésekre, emellett pedig a JavaScript olyan szolgáltatásait is megtalálhatjuk benne, amelyekre esetleg nem is gondoltunk volna korábban. "
Szerző: Christian Wenz
Oldalszám: 288
Szint: középhaladó, haladó
Kiadó: Kiskapu Kiadó
ISBN: 9789639637221
Kiadás éve: 2006
1. fejezet A JavaScript alapjai
A JavaScript (és története) . . . . . . . . . . . . . . . . . . . . . 1
A tesztkörnyezet felállítása . . . . . . . . . . . . . . . . . . . . . 3
A webböngészõk beállítása . . . . . . . . . . . . . . . . . . . . 6
A JavaScript kód beillesztése . . . . . . . . . . . . . . . . . . . 7
Külsõ JavaScript fájlok alkalmazása . . . . . . . . . . . . . . 9
JavaScript fájlok dinamikus betöltése . . . . . . . . . . . . . 9
Ál-URL címek alkalmazása . . . . . . . . . . . . . . . . . . . . 11
JavaScript kód végrehajtása eseménykezelõkkel . . . 12
JavaScript nélküli böngészõk kezelése . . . . . . . . . . . 13
2. fejezet Általános kifejezések
A böngészõ típusának felismerése . . . . . . . . . . . . . . 17
A böngészõ képességeinek ellenõrzése . . . . . . . . . . 20
A gyorstárazás megakadályozása . . . . . . . . . . . . . . . 21
A böngészõ átirányítása . . . . . . . . . . . . . . . . . . . . . . 22
Weblap frissítése . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Véletlenszám létrehozása . . . . . . . . . . . . . . . . . . . . . 23
Dátum- és idõinformációk . . . . . . . . . . . . . . . . . . . . 24
Keresés szabályos kifejezésekkel . . . . . . . . . . . . . . . 27
Szöveg cseréje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Navigálás az Elõzmények között . . . . . . . . . . . . . . . 28
Weblap módosítási dátumának megjelenítése . . . . . 29
GET paraméterek elérése . . . . . . . . . . . . . . . . . . . . . 29
Felhasználói jóváhagyás kérése . . . . . . . . . . . . . . . . 31
Felhasználói adatok bekérése . . . . . . . . . . . . . . . . . 31
3. fejezet Képek és animációk
Váltóképes gombok létrehozása . . . . . . . . . . . . . . . 34
Képek elõzetes letöltése . . . . . . . . . . . . . . . . . . . . . 36
Grafika animálása . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Grafika nyújtása . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
A weblap letöltési állapotának megjelenítése
folyamatsávval . . . . . . . . . . . . . . . . . . . . . . . . . . 43
4. fejezet CSS
Hozzáférés a CSS stílusokhoz . . . . . . . . . . . . . . . . . . 48
Hozzáférés a CSS-osztályokhoz . . . . . . . . . . . . . . . . 50
Hozzáférés az egyes stíluslapokhoz . . . . . . . . . . . . . 51
Tartalomjegyzék
Hozzáférés az egyes CSS-szabályokhoz . . . . . . . . . . 53
Weboldal tartalmának eltüntetése . . . . . . . . . . . . . . 57
JavaScript kód hozzárendelése CSS-kijelölõkhöz . . . 60
Az egérmutató megváltoztatása . . . . . . . . . . . . . . . . 63
5. fejezet DOM és DHTML
A DOM . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
A DHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Hozzáférés az elemekhez . . . . . . . . . . . . . . . . . . . . 68
Hozzáférés a címkékhez . . . . . . . . . . . . . . . . . . . . . 69
Csomópont-információk meghatározása . . . . . . . . . 70
Elemek eltávolítása . . . . . . . . . . . . . . . . . . . . . . . . . 72
Elemek létrehozása . . . . . . . . . . . . . . . . . . . . . . . . . 74
Szövegelemek létrehozása . . . . . . . . . . . . . . . . . . . . 76
Jellemzõk kezelése . . . . . . . . . . . . . . . . . . . . . . . . . 77
Elemek klónozása . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Elemek cseréje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Felsorolásjeles lista létrehozása JavaScript-adatokból . 81
Táblázat létrehozása JavaScript-adatokból . . . . . . . . 83
HTML-töredékek megváltoztatása . . . . . . . . . . . . . . 85
Elemek elhelyezése . . . . . . . . . . . . . . . . . . . . . . . . . 87
Elemek mozgatása . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Ragadós navigációs sávok . . . . . . . . . . . . . . . . . . . . 90
Elõugró Flash hirdetés létrehozása . . . . . . . . . . . . . . 92
6. fejezet Objektumközpontú programozás és események
Osztályok létrehozása . . . . . . . . . . . . . . . . . . . . . . . 97
Hozzáférés osztálytagokhoz . . . . . . . . . . . . . . . . . . . 98
Osztályok öröklése . . . . . . . . . . . . . . . . . . . . . . . . 100
A beépített JavaScript objektumok bõvítése . . . . . . 103
Válasz JavaScript-eseményekre . . . . . . . . . . . . . . . 104
Billentyûesemények használata . . . . . . . . . . . . . . . 107
Ûrlapok elküldése az Enter billentyûvel . . . . . . . . . 109
Egéresemények használata . . . . . . . . . . . . . . . . . . . 110
7. fejezet Sütik
A sütik . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 114
A sütik beállítása . . . . . . . . . . . . . . . . . . . . . . . . . . 116
Sütik olvasása . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
Lejárati idõ beállítása . . . . . . . . . . . . . . . . . . . . . . . 120
További sütibeállítások . . . . . . . . . . . . . . . . . . . . . . 122
Sütik törlése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
JavaScript zsebkönyv
A sütitámogatás megállapítása . . . . . . . . . . . . . . . . 124
Több adat írása egyetlen sütibe . . . . . . . . . . . . . . . 126
8. fejezet Ûrlapok
JavaScriptet használó HTML ûrlapok . . . . . . . . . . . 130
Szövegmezõk elérése . . . . . . . . . . . . . . . . . . . . . . . 131
Jelölõnégyzetek elérése . . . . . . . . . . . . . . . . . . . . . 133
Választógombok elérése . . . . . . . . . . . . . . . . . . . . 134
Választólisták elérése . . . . . . . . . . . . . . . . . . . . . . . 135
Több elem kiválasztását engedélyezõ választólisták
elérése . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Ûrlapelemek kikapcsolása . . . . . . . . . . . . . . . . . . . 141
Ûrlap elküldése . . . . . . . . . . . . . . . . . . . . . . . . . . . 144
Ûrlap elküldésének megakadályozása . . . . . . . . . . 145
Az ismételt ûrlapelküldés megakadályozása . . . . . 146
Fókusz átadása egy mezõnek . . . . . . . . . . . . . . . . . 148
Mezõben lévõ szöveg kijelölése . . . . . . . . . . . . . . . 149
Szövegmezõk kiürítése kattintásra . . . . . . . . . . . . . 151
Szövegmezõk érvényesítése . . . . . . . . . . . . . . . . . . 154
Jelölõnégyzetek érvényesítése . . . . . . . . . . . . . . . . 155
Választógombok érvényesítése . . . . . . . . . . . . . . . 156
Választólisták érvényesítése . . . . . . . . . . . . . . . . . . 158
Ûrlap automatikus érvényesítése . . . . . . . . . . . . . . 160
Navigáció megvalósítása választólistával . . . . . . . . 164
Hierarchikus navigáció megvalósítása választólistával 166
Választógombcsoport kiürítése . . . . . . . . . . . . . . . 168
Elõre feltöltött dátumválasztó listák létrehozása . . . 169
Érvényesítõ dátumválasztó listák létrehozása . . . . . 171
9. fejezet Ablakok és keretek
Ablakbeállítások használata . . . . . . . . . . . . . . . . . . 176
Modális ablak megnyitása . . . . . . . . . . . . . . . . . . . 179
A képernyõméret meghatározása . . . . . . . . . . . . . . 181
Az ablakméret meghatározása . . . . . . . . . . . . . . . . 183
Ablak átméretezése . . . . . . . . . . . . . . . . . . . . . . . . 184
Ablak áthelyezése . . . . . . . . . . . . . . . . . . . . . . . . . 186
Elõugró ablak megnyitása középen . . . . . . . . . . . . 187
Teljes képernyõs ablak megnyitása . . . . . . . . . . . . 189
Új ablak megnyitása a képernyõ sarkában . . . . . . . 189
Webhelytérkép készítése . . . . . . . . . . . . . . . . . . . . 191
Ablak bezárása . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
Tartalomjegyzék
Elõugró ablakokat letiltó alkalmazás jelenlétének
vizsgálata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194
Két keret tartalmának egyidejû megváltoztatása . . . 198
Beillesztett keretek használata . . . . . . . . . . . . . . . . 201
10. fejezet Webszolgáltatások
Webszolgáltatás létrehozása PHP kóddal . . . . . . . . 206
Webszolgáltatás létrehozása ASP.NET kóddal . . . . . 208
Webszolgáltatás meghívása az Internet Explorerbõl . 210
Webszolgáltatás meghívása Mozilla böngészõbõl . . 213
ASP.NET webszolgáltatás meghívása Mozilla
böngészõbõl . . . . . . . . . . . . . . . . . . . . . . . . . . . 217
11. fejezet AJAX (és kapcsolódó témák)
AJAX alkalmazás mûködésének elõkészítése . . . . . 221
GET kérés elküldése . . . . . . . . . . . . . . . . . . . . . . . 223
POST kérés elküldése . . . . . . . . . . . . . . . . . . . . . . 225
Egyidejû kérésküldés . . . . . . . . . . . . . . . . . . . . . . . 227
Több adat fogadása a kiszolgálóról . . . . . . . . . . . . 228
HTTP-kérés megszakítása . . . . . . . . . . . . . . . . . . . 230
HTTP-fejlécek kinyerése . . . . . . . . . . . . . . . . . . . . 232
XML fogadása a kiszolgálóról . . . . . . . . . . . . . . . . . 233
Adatok sorosítása és visszafejtése a JSON
használatával . . . . . . . . . . . . . . . . . . . . . . . . . . 238
Várakoztató képernyõ létrehozása . . . . . . . . . . . . . 240
A könyvjelzõk problémájának megoldása . . . . . . . 243
A Vissza gomb problémájának megoldása . . . . . . . 245
Az XSLT használata . . . . . . . . . . . . . . . . . . . . . . . . 248
XML programkönyvtár használata . . . . . . . . . . . . . 250
A Yahoo! webszolgáltatás használata . . . . . . . . . . . 253
12. fejezet Beágyazott média
Beágyazott média elérése . . . . . . . . . . . . . . . . . . . . 259
Bõvítmények keresése . . . . . . . . . . . . . . . . . . . . . . 260
Az Internet Explorer legújabb változatai . . . . . . . . 262
Multimédiás tartalom elérése . . . . . . . . . . . . . . . . . 264
Java tartalom elérése . . . . . . . . . . . . . . . . . . . . . . . 265
Flash tartalom elérése . . . . . . . . . . . . . . . . . . . . . . . 267
Tárgymutató . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269
Kapcsolódó tanfolyamok:
Web, Webmester
Grafika, 3D, Videó