mam problem z tym kodem
Kod
st = document.getElementsByClassName('toggler2');
stc = document.getElementsByClassName('accordion2');
// setup the accordion elements by clearing display styles
stc.each(function(el){
el.style.display = '';
});
stc = document.getElementsByClassName('accordion2');
// setup the accordion elements by clearing display styles
stc.each(function(el){
el.style.display = '';
});
Firebug wyświetla komunikat each is not a function skrypt jest dostępny tutaj http://www.artviper.eu/mootoolsmenu/
Normalnie działa, ale potrzebuje go uruchomić z mootools 1.2.1 i wtedy dostaje ten błąd.
z góry dziękuje za pomoc.
EDIT---------------------
gdyby ktoś kiedyś potrzebował, poprawiony kod do mootools 1.2.1
Kod
window.onload=function(){
$$('#menu a').each(function(el) {
el.addEvent('mouseenter',function(){
p = el.innerHTML.toUpperCase();
el.innerHTML = p;
el.setStyle('background','url(bg1.jpg)');
el.morph('.hoverCategory');
})
el.addEvent('mouseleave',function(){
p = el.innerHTML.toLowerCase();
el.innerHTML = p;
el.setStyle('background','url(bg.jpg)');
el.morph('.hoverCategoryBack');
})
})
myStretch = document.getElementsByClassName('toggler');
myStretcher = document.getElementsByClassName('accordion');
// setup the accordion elements by clearing display styles
$each(myStretcher, function(el){
el.style.display = '';
});
var ac = new Accordion(myStretch,myStretcher,
{
onActive: function(tog){
tog.setStyle('color', '#ACDA4E');
tog.setStyle('background-color', '#1d1d1d');
tog.setStyle('cursor', 'help');
},
onBackground: function(tog){
tog.setStyle('color', '#FFF');
tog.setStyle('background-color', '#2d2d2d');
tog.setStyle('cursor', 'help');
},
alwaysHide: true,
start : 'all-closed',
height: true,
opacity : true
});
}
st = document.getElementsByClassName('toggler2');
stc = document.getElementsByClassName('accordion2');
$each(stc, function(el){
el.style.display = '';
});
var acc = new Accordion(st,stc,
{
onActive: function(tog){
tog.setStyle('color', '#ACDA4E');
tog.setStyle('background-color', '#1d1d1d');
tog.setStyle('cursor', 'help');
},
onBackground: function(tog){
tog.setStyle('color', '#FFF');
tog.setStyle('background-color', '#2d2d2d');
tog.setStyle('cursor', 'help');
},
alwaysHide: true,
start : 'all-closed',
opacity : true
});
$$('#menu a').each(function(el) {
el.addEvent('mouseenter',function(){
p = el.innerHTML.toUpperCase();
el.innerHTML = p;
el.setStyle('background','url(bg1.jpg)');
el.morph('.hoverCategory');
})
el.addEvent('mouseleave',function(){
p = el.innerHTML.toLowerCase();
el.innerHTML = p;
el.setStyle('background','url(bg.jpg)');
el.morph('.hoverCategoryBack');
})
})
myStretch = document.getElementsByClassName('toggler');
myStretcher = document.getElementsByClassName('accordion');
// setup the accordion elements by clearing display styles
$each(myStretcher, function(el){
el.style.display = '';
});
var ac = new Accordion(myStretch,myStretcher,
{
onActive: function(tog){
tog.setStyle('color', '#ACDA4E');
tog.setStyle('background-color', '#1d1d1d');
tog.setStyle('cursor', 'help');
},
onBackground: function(tog){
tog.setStyle('color', '#FFF');
tog.setStyle('background-color', '#2d2d2d');
tog.setStyle('cursor', 'help');
},
alwaysHide: true,
start : 'all-closed',
height: true,
opacity : true
});
}
st = document.getElementsByClassName('toggler2');
stc = document.getElementsByClassName('accordion2');
$each(stc, function(el){
el.style.display = '';
});
var acc = new Accordion(st,stc,
{
onActive: function(tog){
tog.setStyle('color', '#ACDA4E');
tog.setStyle('background-color', '#1d1d1d');
tog.setStyle('cursor', 'help');
},
onBackground: function(tog){
tog.setStyle('color', '#FFF');
tog.setStyle('background-color', '#2d2d2d');
tog.setStyle('cursor', 'help');
},
alwaysHide: true,
start : 'all-closed',
opacity : true
});
i dwie nowe klasy do css
Kod
.hoverCategory {
margin-left: 20px;
}
.hoverCategoryBack {
margin-left: 0px;
}
margin-left: 20px;
}
.hoverCategoryBack {
margin-left: 0px;
}
podziękowania dla kuku