[jQuery] Problem in alerting the mouseover values
Hi all,
I am playing around with jquery.autocomplete.js file since last couple
of days. There is a function inside this file name "function init()",
inside this there is a "function(event)" which takes care of mouseover
events. have a look:
function init() {
if (!needsInit)
return;
element = $("<div/>")
.hide()
.addClass(options.resultsClass)
.css("position", "absolute")
.appendTo(document.body);
list = $("<ul/>").appendTo(element).mouseover( function(event) {
if(target(event).nodeName && target(event).nodeName.toUpperCase() ==
'LI') {
active = $("li", list).removeClass(CLASSES.ACTIVE).index
(target(event));
$(target(event)).addClass(CLASSES.ACTIVE);
//getSubList('Computers');
//alert($(event.target).list);
//alert($(target(event)).element.parentNode);
//alert($(target(event)).element.value);
}
}).click(function(event) {
$(target(event)).addClass(CLASSES.ACTIVE);
select();
// TODO provide option to avoid setting focus again after selection?
useful for cleanup-on-focus
input.focus();
return false;
}).mousedown(function() {
config.mouseDownOnSelect = true;
}).mouseup(function() {
config.mouseDownOnSelect = false;
});
if( options.width > 0 )
element.css("width", options.width);
needsInit = false;
}
if you look at closely on the commented lines inside function(event)
added by me, you will find that I am trying to alert the mouseover
value, but I am not getting success in it, I am getting errors like
"undefined", "[object Object]" but not getting the actual value.
My motto is when once I get the mouseover value, I will pass it to a
function [like //getSubList('my_alerted_value');] and use that value
in my html code.
Please help me on this and let me know how should I able to alert the
mouseover value.
Thanks a lot in Advance
Puneet