[jQuery] problem xml with jquery IE 8
Hi! I'm learning JQuery, and I have a problem to solve.
This script is working fine with google and firefox, but IE 8. It does
nothing in IE... I don't know what I'm doing wrong, or what else I can
change.
I'm using a plugin to convert a string of XML to a DOM object with
jQuery, it's from "http://outwestmedia.com/jquery-plugins/xmldom/".
And the script should show the description of every word that was
clicked and have the style "palavra-chave"(in english it means
keyword). The description is written in an XML file. I'll show the
script (please, remember that I'm a begginer, it may be a ridiculous
script for you):
$(document).ready(function(){
$(document.body).append("<div class=descr> </div>");
$(function(){
$(".palavra_chave").click(function(e){
var palavra = $(this).text();
var x = e.pageX;
var y = e.pageY;
var posX = $(window).width()/2;
$.ajax({
type:"GET",
url: "so_xml.xml",
dataType: "html",
contentType: "application/x-www-form-urlencoded;
charset=iso-8859-1",
success: function (xml) {
$.xmlDOM(xml).find('palavras').each(function(){
var texto = $(this).find(palavra).text();
if(x>posX)
{
var z = x-400;
var y = y-100;
$(".descr").css({"top":y, "left":z, "position":"absolute", "z-
index":"10", "background-color":"#a2cffc"});
$(".descr").html("<table width='200' border='0' cellspacing='0'
cellpadding='0'><tr><td>" + texto + "</td></tr></table>");
$(".descr").fadeIn('fast');
$(".descr").fadeIn(z +', '+ y);
$(".descr").hover('out', function(){$(".descr").fadeOut
('fast')});
}
else {
var y = y-100;
$(".descr").css({"top":y, "left":x, "position":"absolute", "z-
index":"10" , "background-color":"#a2cffc"});
$(".descr").html("<table width='200' border='0' cellspacing='0'
cellpadding='0'><tr><td>" + texto + "</td></tr></table>");
$(".descr").fadeIn('fast');
$(".descr").fadeIn(x +', '+ y);
$(".descr").hover('out', function(){$(".descr").fadeOut
('fast')});
}
});
}
});
});
});
});