Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function ifiJeBuh(parametryButtonu){
- //vemu handler na button, pro pozdější změny value
- var buttonHandler = document.getElementById("button");
- //pokud se podaří drapnout handler, objekt smaže
- if (document.getElementById("menuDiv") !== null){
- var oldElement = document.getElementById("menuDiv");
- document.body.removeChild(oldElement);
- //změnim value buttonu
- buttonHandler.value = "Show Menu";
- }
- //pokud ne, vytvoří ho a dá mu ID
- else{
- //veme proměnou a dá do ní objekt typu div
- var objekt = document.createElement("div");
- //přiřadí idčko
- objekt.id = "menuDiv";
- //tricky party: z předaných parametrů funkce si vemu odsazení a jebnu je do stylu
- objekt.style.left = parametryButtonu.offsetLeft + "px";
- objekt.style.top = parametryButtonu.offsetTop + parametryButtonu.offsetHeight + "px";
- //hodí si stringy s obrázky do proměnný
- var properties = "<img onclick=\"changeAllTheDivs('nbproject/vzorek1.png');\" src='nbproject/vzorek1.png' alt=image>";
- properties += "<img onclick=changeAllTheDivs('nbproject/vzorek2.png'); return true; src='nbproject/vzorek2.png' alt=image>";
- properties += "<img onclick=changeAllTheDivs('nbproject/vzorek3.png'); src='nbproject/vzorek3.png' alt=image>";
- properties += "<img onclick=changeAllTheDivs('nbproject/vzorek4.png'); src='nbproject/vzorek4.png' alt=image>";
- //tyto properties napíšem htmlkem do objektu
- objekt.innerHTML += properties;
- //zobrazíme ho v body
- document.body.appendChild(objekt);
- //změnim value buttonu
- buttonHandler.value = "Hide Menu";
- }
- }
- //funkce si bere jako parametr obrázek, který se následně nastaví jako background
- function changeAllTheDivs(image){
- //veme si handlery na všechny divy, a postupně je všechny projede forem
- var divs = document.getElementsByTagName("div");
- for (var divIndex in divs){
- //projede regExpem a změní background image, nastaví repeater
- if(divs[divIndex].className.match("changeAble")!= null){
- divs[divIndex].style.background = 'url(' + image + ')';
- divs[divIndex].style.backgroundRepeat="repeat-x,y";
- }
- }
- }
Add Comment
Please, Sign In to add comment