Programmiererforum

window.addEventListener("load", function(){
bindIt();
});

window.addEventListener("resize", function(){
bindIt();
});

function bindIt(){
var elements = document.getElementsByClassName("DropMenu");
if(window.innerWidth > 960){
for(var i = 0; i < elements.length; i++){
elements[i].addEventListener('mouseover', dropopen, false);
}

for (var i = 0; i < elements.length; i++) {
elements[i].addEventListener('mouseout', dropclose, false);
}
}else{
for(var i = 0; i < elements.length; i++){
elements[i].removeEventListener('mouseover', dropopen);
}

for (var i = 0; i < elements.length; i++) {
elements[i].removeEventListener('mouseout', dropclose);
}
}

function dropopen(){
var attribute = this.getAttribute("group");
if(this.querySelector('#'+attribute) != null){
               document.getElementById(attribute).style.display = 'block';
}
}

function dropclose(){
var attribute = this.getAttribute("group");
if(this.querySelector('#'+attribute) != null){
               document.getElementById(attribute).style.display = 'none';
}
}
}

Ich habe ein [url=viewtopic.php?t=26065]Problem[/url] mit meinem Code, wenn der Bildschirm größer als 960px ist. hinzugefügt.[code]window.addEventListener("load", function(){
bindIt();
});

window.addEventListener("resize", function(){
bindIt();
});

function bindIt(){
var elements = document.getElementsByClassName("DropMenu");
if(window.innerWidth > 960){
for(var i = 0; i < elements.length; i++){
elements[i].addEventListener('mouseover', dropopen, false);
}

for (var i = 0; i < elements.length; i++) {
elements[i].addEventListener('mouseout', dropclose, false);
}
}else{
for(var i = 0; i < elements.length; i++){
elements[i].removeEventListener('mouseover', dropopen);
}

for (var i = 0; i < elements.length; i++) {
elements[i].removeEventListener('mouseout', dropclose);
}
}

function dropopen(){
var attribute = this.getAttribute("group");
if(this.querySelector('#'+attribute) != null){
  document.getElementById(attribute).style.display = 'block';
}
}

function dropclose(){
var attribute = this.getAttribute("group");
if(this.querySelector('#'+attribute) != null){
  document.getElementById(attribute).style.display = 'none';
}
}
}
[/code]