Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, tenho uma div que eu mostro/oculto ao ser colocado o mouse no botão de ajuda (são vários ícones na mesma e uma função), ele posiciona certo sem probelma automaticamente sobre o botão de ajuda, muda seu conteudo, porém se eu mudar a resolução ou restaurar a janela seja em qual navegador for, o problema aparece, ele nao fixa a posição em relação ao objeto...
css
/ ------------------------- Div Informação ---------------------------------------------------------------------- /
.infoAzul{
display:none;
height:auto;
width:180px;
z-index:999999;
}
.infoAzulTopo{
background:url(../img/guia_configuracoes/boxTopo.gif) bottom left no-repeat;
height:5px;
width:174px;
}
.infoAzulConteudo{
background:url(../img/guia_configuracoes/boxConteudo.gif) top left repeat;
height:auto;
width:164px;
color:#FFFFFF;
padding: 2px 5px 2px 5px;
}
.infoAzulBase{
background:url(../img/guia_configuracoes/boxBase.gif) top left no-repeat;
height:12px;
width:174px;
}
Link
<p class="botao" ><a href="javascript:void(0);" onmouseover="ToolTip(findPosition(this,2),findPosition(this,1),"'+vHelp+'");" onmouseout="ToolTip(-1);" class="btnGeral" id="btn'+vId+'"><span>?</span></a></p>'
Código JS
//--------------------------------------------------------------------------------------------------------------------------------- //
// Busca a posição x,y de um objeto
//--------------------------------------------------------------------------------------------------------------------------------- //
function findPosition( oElement,vParam )
{
if( typeof( oElement.offsetParent ) != 'undefined' ) {
for( var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent ) {
posX += oElement.offsetLeft;
posY += oElement.offsetTop;
}
if(vParam == 1){
return posY;
}else{
return posX;
}
} else {
if(vParam == 1){
return oElement.y;
}else{
return oElement.x;
}
}
}
//----------------------------------------------------------------------------------------------------------------------------------//
// Mostra o ajuda em azul da pátina de aplicativos
//----------------------------------------------------------------------------------------------------------------------------------//
function ToolTip(vPosX,vPosY,vHelp)
{
if(vPosX==(-1))
{ $('.infoAzul').hide();}
else
{
if(navigator.userAgent.match("MSIE 6.0")){ vPosY = vPosY - 10;}
$('.infoAzul').show();
$('.infoAzul .infoAzulConteudo').html(vHelp);
if(vHelp.length > 70){vPosY = vPosY-55;}else{vPosY = vPosY-30;}
$('.infoAzul').css('position','absolute');
$('.infoAzul').css('float','left');
$('.infoAzul').css('top',vPosY);
$('.infoAzul').css('left',vPosX-230);
$('.infoAzul').css('display','inline-block');
}
}Carregando comentários...