I have built a page which loads data dynamiically from a DB and uses jQuery to add html labels and classes to the page
the html is
<fieldset>
<legend>msgs</legend>
<div id="maya">
<!--Here will come the maya msgs-->
</div>
</fieldset>
<fieldset>
<legend>recommendation</legend>
<div id="recommendText"></div>
<div id="rate" class="rating">
<div id="star1"></div>
<div id="star2"></div>
<div id="star3"></div>
<div id="star4"></div>
<div id="star5"></div>
</div>
</fieldset>
and the js is
date = '<label id="tbDate" for="tbMessage" class="label_info">'+data[i++]+'</label>';
link = '<label id="tbMessage" class="label_info_text" ><a href="'+data[i++]+'" target="_blank">'+data[i++]+'</label>';
$("#maya").append('<div class="label_maya_info">'+date+link+'</div>'+clear);
$('#stars1').addClass("star");
$('#stars2').addClass("halfStar");
it works on FF and chrome but not IE8.
the page link is http://www.s-maof.com/PRO/index.php?fkapp=9 (look for '649012' in the search box - there is only one).
Also the high charts graph doesn't work (only on IE).
thanks.
thanks guys, i figured this out. The problem wasn't with jquery. It was with the syntax :
link = '<label id="tbMessage" class="label_info_text" ><a href="'+data[i++]+'" target="_blank">'+data[i++]+'</a></label>'; //added closing </a>
The addClass didn't work because I didn't "css" those element correctly.