Hi,
I am using qtip for the first time, it works but throws an script error "parent is null
[Break On This Error] if (parent.tagName.toLowerCase() =...t.tagName.toLowerCase() == 'html') "
This error is in throw from the jquery.dimensions.js while using qTip..could someone please help me out...
Following is my code not sure, what evere I ve done is correct...
JS Code
this.displayQtipEvents=function(){
$('.tplearningelementli').each(function(){
$(this).qtip({
content: {
text:"<div style='text-align:center;'>"+t("Loading...")+"</div>",
title: {
text: ' ',
button: 'Close'
}
},
api:{
onShow: function(){
var self = this;
//alert($(ul.trainingCollection li selected).metadata());
$(".qtip-title").html("<div class='qtiptitle'>Select Delivery Type</div>");
$(".qtip-title").show();
var showTip=false;
var outhtml="";
outhtml+="<div class='qtip-contentbody'>";
if($("ul.trainingCollection li.tplearningelementli.selected").length>0){
var data=$("ul.trainingCollection li.tplearningelementli.selected ").metadata();
var deliverydata =$("#"+data.trainingPlanId+"_hiddendeltypes").metadata();
var array1=unescape(deliverydata.delTypeVals).split('~');
for(i=0;i<array1.length-1;i++){
var array2=array1[i].split(':');
var dataObj=new Object();
dataObj.DeliveryId=array2[0];
dataObj.DeliveryName=array2[1];
dataObj.classId=array2[2];
dataObj.OfferingId=array2[2];
dataObj.RegId=array2[3];
dataObj.DeliveryModId=array2[4];
dataObj.displayIdx=array2[5];
dataObj=object2string(dataObj);
outhtml+="<div class='qtip-deltype'><a data=\""+dataObj+"\" href='j<strong></strong>void(0)' title='Click to select '"+array2[1]+" o<strong></strong>nclick=\"Instances.getInstance('ChildMyTrainingProgramLearningElements','0').validateTPMultiDelOptions(this);\">"+array2[1]+"</a></div>";
}
}
outhtml+="<div class='qtipdtbtn'><input type='button' class='qtipbtns' title='Close' value='Close' style='display: inline;'></div>";
outhtml+="</div>";
self.updateContent(outhtml,false);
return true;
}
},
style: {
background:'#E6E8B7',
width:350
},
position: { adjust: { x: -150, y: 0 } },
show: { when: { event: 'click'} },
hide: false
});
$(".qtipbtns").expire("click");
$(".qtipbtns").livequery("click",function(){
$('.qtip').hide();
});
});
};