JavaScript.4 2012. Отношения между фреймами Родительский – дочерний –[window.]frames[n].ObjFuncVarName –[window.]frameName.ObjFuncVarName Дочерний – родительский. - презентация

1 JavaScript

2 Отношения между фреймами Родительский – дочерний –[window.]frames[n].ObjFuncVarName –[window.]frameName.ObjFuncVarName Дочерний – родительский –parent.ObjFuncVarName –top.ObjFuncVarName Дочерний – дочерний –parent.frames[n].ObjFuncVarName –parent.frameName.ObjFuncVarName

3 Изображения Объект Image document.images[n] document.images[imageName] document.imageName

4 Предварительное кэширование изображений var myImage = new Image(width, height) myImage.src = someArt.gif document.images[0].src = myImage.src

5 Пример кэширования (1) Image Object // pre-cache four images image1 = new Image(120,90) image1.src = desk1.gif image2 = new Image(120,90) image2.src = desk2.gif image3 = new Image(120,90) image3.src = desk3.gif image4 = new Image(120,90) image4.src = desk4.gif // load an image chosen from select list function loadCached(list) { var img = list.options[list.selectedIndex].value document.thumbnail.src = eval(img +.src) }

6 Пример кэширования (2) Image Object Bands Clips Lamp Erasers

7 Ролловер (1) Jukebox/Image Rollovers if (document.images) { // precache all off button images var offImgArray = new Array() offImgArray[play] = new Image(75,33) offImgArray[stop] = new Image(75,33) offImgArray[pause] = new Image(75,33) offImgArray[rewind] = new Image(86,33) // off image array -- set off image path for each button

8 Ролловер (2) offImgArray[stop].src = images/stopoff.jpg offImgArray[pause].src = images/pauseoff.jpg offImgArray[rewind].src = images/rewindoff.jpg // precache all on button images var onImgArray = new Array() onImgArray[play] = new Image(75,33) onImgArray[stop] = new Image(75,33) onImgArray[pause] = new Image(75,33) onImgArray[rewind] = new Image(86,33) // on image array -- set on image path for each button onImgArray[play].src = images/playon.jpg onImgArray[stop].src = images/stopon.jpg onImgArray[pause].src = images/pauseon.jpg onImgArray[rewind].src = images/rewindon.jpg }

9 Ролловер (3) // functions that swap images & status bar function imageOn(imgName) { if (document.images) { document.images[imgName].src = onImgArray[imgName].src } function imageOff(imgName) { if (document.images) { document.images[imgName].src = offImgArray[imgName].src } function setMsg(msg) { window.status = msg return true }

10 Ролловер (4) // controller functions (disabled) function playIt() { } function stopIt() { } function pauseIt(){ } function rewindIt() { } Jukebox Controls

11 Ролловер (5)