PDA

View Full Version : Tooltip problem on remove node



PeterB
04-29-2009, 04:21 AM
Hey all,

I have an issue when you using mootools tooltips but with no mootools forum anymore I thought i would ask here, I'm sure i can fix this with plain javascript anyways.

What i have is a selection of images in a div and when they are moused over a tooltip appears saying click image to remove. then i have an onclick function that removes the image from the dom, the problem is when i click the image and it removes the tooltip stays there and the only way i can get rid of it is to refresh the page.

Mootools tips don't have onclick functions build in just onShow and onHide so I can't figure out how to remove this tip once I have click on the image.

Can anyone help me out with this? do i need some kind of remove event function? my code is below. Thanks


var sessEl = document.getElementById('div').getElementsByTagName('*');
for(i=0; i<sessEl.length; i++){
var sessChild = sessEl[i];
sessChild.set({
events:{
click: function(){removeEle([this.id]);}

}

});
var Tips2 = new Tips($$([sessChild]), {

initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(1);
},
onHide: function(toolTip) {
this.fx.start(0);
},

});