Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

Kliensoldali Programozás Javascript példák. Üzenő doboz A beviteli mezőben beírt szöveggel megjelenít egy üzenetet.

Hasonló előadás


Az előadások a következő témára: "Kliensoldali Programozás Javascript példák. Üzenő doboz A beviteli mezőben beírt szöveggel megjelenít egy üzenetet.

3 Az oldal háttér színének megváltoztatása

4 Az If THEN használata példa Kattints a képre a jelszóval védett dokumentum megjelenítéséhez

5 IF (logikai kifejezés) { igaz ág } ELSE { különben ág}

6 Ciklus használata Type your word Result:

7 Metódusok használata Date Methods – időpont beállítása Window Methods – új ablak megnyitása és bezárása Document Methods – Új dokumentum létrehozása menet közben Form Methods – webes űrlapok vezérlése. History Methods – A böngésző vissza gombjának használata Text Methods – szövegek megjelenésének beállítása. Math Methods - sin, cos, round, random, absolute value, stb. MessageBox Methods - Alert, Prompt, and Confirm

8

9 Felhasználás: Type a message in the box, it will become a link to close the new window.

10 Dátum eljárások

11 window.open metódus opcióértékleírás toolbar yes/no vagy 1/0 eszköztár status yes/no vagy 1/0 státuszsor menubar yes/no vagy 1/0 menűsor scrollbars yes/no vagy 1/0 csuszka resizeable yes/no vagy 1/0 Átméretezhető-e location yes/no vagy 1/0 directories yes/no vagy 1/0 width képpont szélesség height képpont magasság

12 Élő oldal generálás document.write használata

13 A kód 1. Writing to a document 2.With just a little creativity, you can have JavaScript create fully formatted web pages on the fly Please enter your first name 5.What city/town do you live in? 6.How old are you? 7.Name another person in your house 8. 10.

14 A kód 1.function MakePage(name,town,roommate,age) { 2.var content = ' '+name+'\'s Page ' + ' ' + ' ' + name + '\'s Page ' + ' Hello, and welcome to my page. I live in ' + town + ' and I am ' + age + ' years old.' + ' ' + town + ' isn\'t a bad place to live, if you can stand ' + roommate + '\'s cooking ' + 'Some people think they\'re so cool just because they created a home page. ' + 'They have fancy backgrounds and colors, but they just go on and on with nothing to say. ' + ' Click Here to search Yahoo <--Boy, there\'s a link I never' + ' would have found on my own. Some people\'s pages are so boring I think my computer could do' + ' a better job with a 10 line program.' 3.document.open() document.write(content) document.close() 4.}

15 események Eseményhatókőrbekövetkezéskezelő abort ImagekKép betöltésének megszakítása onAbort blur Ablak,keret és minden űrlap elemFókusz megszüntetése onBlur click Gombok,linkekkattintás onClick change Szövegmezők, listákElemek megváltoztatása onChange error Imagek,ablakokDokumentumok betöltésekor onError focus Ablak,keret és minden űrlap elemFókusz megadása onFocus load Dokumentum törzsOldal betöltése onLoad mouseout Területek, linkekEgérmutató elhagyja a területet onMouseout mouseover linkekEgérmutató áthalad a területen onMouseover reset űrlapokŰrlap alaphelyzetbe állításakor onReset select szövegmezőkElem kiválasztásakor onSelect submit Submit gombŰrlap feldolgozása onSubmit unload Dokumentum törzsKilépés az oldalról onUnload

16 SetTimeout() metódus Automatikus időzítésre lehet használni setTimeout(" your function ", delay in milliseconds) function MsgBox() { alert("Hello There"); }

17 Slideshow 1.var slidesmax=55 2.var slidehely='http://www.honlapom/galeria/' //a végén kell a / 3.function runSlideShow() 4.{ 5.var slim=Math.round(Math.random()*(slidesmax-1)); 6.if (document.all) 7.{ 8.document.images.SlideShow.style.filter="blendTrans(duration=3)" 9.document.images.SlideShow.style.filter="blendTrans(duration=5)" 10.document.images.SlideShow.filters.blendTrans.Apply() 11.} 12.document.images.SlideShow.src=slidehely+[slim]+".jpg"; 13.if (document.all) 14.{ 15.document.images.SlideShow.filters.blendTrans.Play() 16.} 17.t=setTimeout('runSlideShow()', 9000) 18.}

18 Ha a részbe kerül akkor kell a páros Ha külső fájlba rakjuk akkor A html body részébe a kívánt helyen a képnek így kell kinéznie: És nem árt a body onLoad=”runSlideShow()” sem

19 slidesmax: képek száma (0 tól indítva kell számozni a képeket, és ha pl. 11 képünk van, az utolsó lesz a 10, ez a slidesmax értéke is) slideshely: képek helye, itt a mappát kell megadni. Csak azért van itt külön, hogy változtatáskor ne kelljen keresgélni. Minden kisbetű, ékezetek nélkül, így biztosan működni fog. Fontos a mappa megadása után a / jel! slideshow funkciónk generál egy véletlen számot, majd a html-ben lévő képen alkalmazza az áttűnést. az első duration a megjelent kép eltűnésének idejét, a második a következő kép megjelenítési idejét jelenti.

20 Ezután megadjuk, hogy pontosan hol is vannak a képek a slideshow.src sorral. A slidehely változóban megadott helyről a generált számú (slim kódnevű…) számhoz biggyeszt egy.jpg kiterjesztést, és már indul is a blendtrans… Fontos az elérési út, és a kis/nagybetű is ugye pl. a kiterjesztésnél. A következő a timeout, vagyis időzítünk. Millisecundumot kell megadni, a 9000 érték 9 másodpercet jelent. Túl alacsony értéknél levágja az effektet

21 Véletlen helyett fix sorrend A fenti kódot módosítjuk, a véletlen helyett sorba olvassa be a képeket. az első sor után új sorba megadjuk a változót: var slim= -1 az 5. sort a következőkre cseréljük: slim++ if(slim>slidesmax) slim=0 ezzel a fenti változó értékét egyel növeljük (a -1 miatt a 0. képpel kezdi), ha a változó értéke nagyobb lenne, mint a maximum képek száma, akkor újra a 0. képet teszi ki.


Letölteni ppt "Kliensoldali Programozás Javascript példák. Üzenő doboz A beviteli mezőben beírt szöveggel megjelenít egy üzenetet.

Hasonló előadás


Google Hirdetések