ik probeer op deze website 2 divjes (menu en mijn container) te laten faden als je er over hovert. In Chrome werkt het perfect, maar in internet explorer werkt alleen mijn menu. Vind iemand het probleem?
Mootools fade probleem
- Onderwerp starter hawky
- Startdatum
- Status
That Guy
Meubilair
- Lid geworden
- 28 nov 2006
- Berichten
- 5.010
zomaar even:
nu, je vraag:
Ik krijg een 'Object doesn't support this property or method' op regel 58, char 1. Nu, 58 is dit:
nu, je vraag:
Ik krijg een 'Object doesn't support this property or method' op regel 58, char 1. Nu, 58 is dit:
sinds het javascript is, is het denk ik het 'this'. 'this' staat i deze context gelijk aan het element; ofwel, de div. Ik denk dat er in je jsLib ergens een fade() wordt gemaakt voor alle elementen, maar IE deze niet (goed) ziet. Shocker. Anywho, mischien kan je de fade() code even opzoeken en hier posten.
Ik gebruikt mootools 1.2.4.
Is het dit stuk code dat gebruikt word?:
Ik gebruik voor mijn menu en container dezelfde code, het menu werkt in IE, maar de container niet. In Google Chrome werken ze beiden.
Is het dit stuk code dat gebruikt word?:
Code:
fade: function(how){
var fade = this.get('tween'), o = 'opacity', toggle;
how = $pick(how, 'toggle');
switch (how){
case 'in': fade.start(o, 1); break;
case 'out': fade.start(o, 0); break;
case 'show': fade.set(o, 1); break;
case 'hide': fade.set(o, 0); break;
case 'toggle':
var flag = this.retrieve('fade:flag', this.get('opacity') == 1);
fade.start(o, (flag) ? 0 : 1);
this.store('fade:flag', !flag);
toggle = true;
break;
default: fade.start(o, arguments);
}
if (!toggle) this.eliminate('fade:flag');
return this;
},
highlight: function(start, end){
if (!end){
end = this.retrieve('highlight:original', this.getStyle('background-color'));
end = (end == 'transparent') ? '#fff' : end;
}
var tween = this.get('tween');
tween.start('background-color', start || '#ffff88', end).chain(function(){
this.setStyle('background-color', this.retrieve('highlight:original'));
tween.callChain();
}.bind(this));
return this;
}
});Ik gebruik voor mijn menu en container dezelfde code, het menu werkt in IE, maar de container niet. In Google Chrome werken ze beiden.
Code:
<body id="inhoud" onload="$$('#menu').fade(0.6);$$('#container').fade(0.8)">
<div id="menu" onmouseover="this.fade(0.8);" onmouseout="this.fade(0.6);">
<div id="container" onmouseover="this.fade(0.9);" onmouseout="this.fade(0.8);">
- Status
