tags:

views:

38

answers:

0

Hi, i have page which generate lightweight box it has function as

popups is another folder which contain allwidgetMenus.html the function is as follows

function ajax_showTooltip(e,externalFile,inputObj) { currentTooltipObject = inputObj; //window.onresize = function(e) { ajax_positionTooltip(e); } ; if(document.all)e = event;

if(!ajax_tooltipObj)    /* Tooltip div not created yet ? */
{
    ajax_tooltipObj = document.createElement('DIV');
    ajax_tooltipObj.style.position = 'absolute';
    ajax_tooltipObj.id = 'ajax_tooltipObj';     

    document.body.appendChild(ajax_tooltipObj);


    var leftDiv = document.createElement('DIV');    /* Create arrow div */
    leftDiv.className='ajax_tooltip_arrow';
    leftDiv.id = 'ajax_tooltip_arrow';
    ajax_tooltipObj.appendChild(leftDiv);

    var contentDiv = document.createElement('DIV'); /* Create tooltip content div */
    contentDiv.className = 'ajax_tooltip_content';
    ajax_tooltipObj.appendChild(contentDiv);
    contentDiv.id = 'ajax_tooltip_content';
    contentDiv.style.marginBottom = '15px';

    // Creating button div
    var buttonDiv = document.createElement('DIV');
    buttonDiv.style.cssText = 'position:relative;float:right;right:135px;top:-95px;text-align:center;background-color:#FFF;font-size:0.8em;height:15px;z-index:10000000';
    buttonDiv.innerHTML = '<a href="#" onclick="ajax_hideTooltip();return false"><img src="img/closelabel.png" height="22" width="66"/></a>';
    ajax_tooltipObj.appendChild(buttonDiv);

    if(ajax_tooltip_MSIE){  /* Create iframe object for MSIE in order to make the tooltip cover select boxes */
        ajax_tooltipObj.style.cursor = 'default';
        ajax_tooltipObj_iframe = document.createElement('<IFRAME frameborder="0">');
        ajax_tooltipObj_iframe.style.position = 'absolute';
        ajax_tooltipObj_iframe.border='0';
        ajax_tooltipObj_iframe.frameborder=0;
        ajax_tooltipObj_iframe.style.backgroundColor='#FFF';
        ajax_tooltipObj_iframe.src = 'about:blank';
        contentDiv.appendChild(ajax_tooltipObj_iframe);
        ajax_tooltipObj_iframe.style.left = '0px';
        ajax_tooltipObj_iframe.style.top = '0px';
    }       
}
// Find position of tooltip
ajax_tooltipObj.style.display='block';
ajax_loadContent('ajax_tooltip_content',externalFile);
if(ajax_tooltip_MSIE){
    ajax_tooltipObj_iframe.style.width = ajax_tooltipObj.clientWidth + 'px';
    ajax_tooltipObj_iframe.style.height = ajax_tooltipObj.clientHeight + 'px';
}


ajax_positionTooltip(e,inputObj); 

}

function ajax_positionTooltip(e,inputObj) { if(!inputObj)inputObj=currentTooltipObject; if(inputObj){ var leftPos = (ajaxTooltip_getLeftPos(inputObj) + inputObj.offsetWidth); var topPos = ajaxTooltip_getTopPos(inputObj); }else{
var leftPos = e.clientX; var topPos = e.clientY; } var tooltipWidth = document.getElementById('ajax_tooltip_content').offsetWidth + document.getElementById('ajax_tooltip_arrow').offsetWidth; ajax_tooltipObj.style.left = leftPos + 'px'; ajax_tooltipObj.style.top = topPos + 'px';
}

function ajax_hideTooltip() { ajax_tooltipObj.style.display='none'; }

function ajaxTooltip_getTopPos(inputObj) {
var returnValue = inputObj.offsetTop; while((inputObj = inputObj.offsetParent) != null){ if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop; } return returnValue; }

function ajaxTooltip_getLeftPos(inputObj) { var returnValue = inputObj.offsetLeft; while((inputObj = inputObj.offsetParent) != null){ if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft; } return returnValue; }

Now my query how can i put this code in cakephp

Please reply

Thanks