Guest User

Untitled

a guest
Jul 19th, 2018
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. function ifiJeBuh(parametryButtonu){
  3.    
  4.     //vemu handler na button, pro pozdější změny value
  5.     var buttonHandler = document.getElementById("button");
  6.     //pokud se podaří drapnout handler, objekt smaže
  7.     if (document.getElementById("menuDiv") !== null){
  8.         var oldElement = document.getElementById("menuDiv");
  9.         document.body.removeChild(oldElement);
  10.        
  11.         //změnim value buttonu
  12.         buttonHandler.value = "Show Menu";
  13.     }
  14.     //pokud ne, vytvoří ho a dá mu ID
  15.     else{
  16.    
  17.     //veme proměnou a dá do ní objekt typu div
  18.     var objekt = document.createElement("div");
  19.     //přiřadí idčko
  20.     objekt.id = "menuDiv";
  21.         //tricky party: z předaných parametrů funkce si vemu odsazení a jebnu je do stylu
  22.         objekt.style.left = parametryButtonu.offsetLeft + "px";
  23.         objekt.style.top = parametryButtonu.offsetTop + parametryButtonu.offsetHeight + "px";
  24.         //hodí si stringy s obrázky do proměnný
  25.         var properties = "<img onclick=\"changeAllTheDivs('nbproject/vzorek1.png');\" src='nbproject/vzorek1.png' alt=image>";
  26.         properties += "<img onclick=changeAllTheDivs('nbproject/vzorek2.png'); return true; src='nbproject/vzorek2.png' alt=image>";
  27.         properties += "<img onclick=changeAllTheDivs('nbproject/vzorek3.png'); src='nbproject/vzorek3.png' alt=image>";
  28.         properties += "<img onclick=changeAllTheDivs('nbproject/vzorek4.png'); src='nbproject/vzorek4.png' alt=image>";
  29.         //tyto properties napíšem htmlkem do objektu
  30.         objekt.innerHTML += properties;
  31.         //zobrazíme ho v body
  32.         document.body.appendChild(objekt);
  33.         //změnim value buttonu
  34.      
  35.         buttonHandler.value = "Hide Menu";
  36.     }    
  37. }
  38.  
  39.  
  40. //funkce si bere jako parametr obrázek, který se následně nastaví jako background
  41. function changeAllTheDivs(image){
  42.    
  43.     //veme si handlery na všechny divy, a postupně je všechny projede forem
  44.     var divs = document.getElementsByTagName("div");
  45.     for (var divIndex in divs){
  46.        
  47.        
  48.        
  49.        
  50.         //projede regExpem a změní background image, nastaví repeater
  51.         if(divs[divIndex].className.match("changeAble")!= null){
  52.             divs[divIndex].style.background = 'url(' + image + ')';
  53.             divs[divIndex].style.backgroundRepeat="repeat-x,y";
  54.        
  55.         }
  56.        
  57.     }
  58.    
  59. }
Add Comment
Please, Sign In to add comment