Uncleecheese,
Ok I got my livecalendarwidget rollover popups/tooltips on hasevent class via jquery working a treat for the first month it displays.
I have:
//jquery sitting inside ss template
<script type="text/javascript">
jQuery(document).ready(function(){
$("#live-calendar-widget .calendar tbody td.hasEvent").hover(
function(){
$(this).find("span").css('display', 'block');
$(this).find("span").animate({opacity: 1, top: "-60"}, {queue:false, duration:400});
},
function(){
$(this).find("span").animate({opacity: 0, top: "-50"}, {queue:false, complete:
function(){ $(this).hide();
}
}
);
});
});
</script>
//css
live-calendar-widget .calendar tbody td.hasEvent span {
background: url(../images/blerbbg.png) no-repeat;
width: 152px;
height: 58px;
position: absolute;
top: -30px;
left: -20px;
text-align: center;
padding: 5px;
display: none;
line-height:110%;
color:#000000;
cursor:pointer;
font:Arial, Helvetica, sans-serif;
font-size: 10px;
}
// call the $LiveCalendarWidget
Now when I click the Next Arrow next to the Jump to Month drop down list that button has a link of something like
/LiveCalendarWidget_Controller/show/201011/20101007/20101007/Calendar/79/0
and that months calendar now loads up, but my jquery rollover popups don't load for the new month.
Here is the code difference
//on the first month has event with working tooltip
<td class=" hasEvent">
<a href="Calendar2010>30<ul><li><span style="opacity: 0; top: -50px; display: none; ">here is the content of my tooltip</span></li></ul></a>
</td>
//after I have changed month here is what a hasevent looks like and obviously tooltip does not load
<td class=" hasEvent">
<a href="Calendar2010">07<ul><li><span>here is the content of my tooltip</span></li></ul></a>
</td>
Any idea on what I need to do to get the new months you select to also load there own popups etc as you click through????