J'ai un gridview et quand je souris sur une colonne particulière, je charge un div externe (position: absolute) dans cette position. J'ai fait cela en appelant une fonction js dans l'onmouseover événement de la cellule gridview (gvTestGrid.cells [1] .attributes.add ("onmouseover", "loadDIV();")). Je suis en mesure de charger la div correctement sur le vol stationnaire de la souris, mais le problème est mon div chargé contient une liste déroulante et un bouton à l'intérieur. Lorsque j'essaie de déplacer ma souris à l'intérieur de la div pour cliquer sur le bouton ou sélectionner la liste déroulante, la div s'éloigne. Cela se produit après que j'ai ajouté événement onmouseout (gvTestGrid.cells [1] .attributes.add ("onmouseout", " removeDIV(); "))montrant le div flottant dans un gridview
sans onmouse à mon événement div reste là chargé sur le cell.Please gridview aide
je l'ai fait un petit échantillon
<html>
<div id="divPopup" onmouseout="removeDIV(this,event);" style="display:none;width:100px;height:100px;color:Navy;border:2px;border-color:Red;border-style:solid;">
Yes its me
</div>
<table>
<tr><td>A</td></tr>
<tr><td>S</td></tr>
<tr><td onmouseover="loadDIV(event)" onmouseout="removeDIV(this,event);">D</td></tr>
<tr><td>E</td></tr>
</table>
</html>
<script language="javascript" type="text/javascript">
function loadDIV(evt)
{
var myWin = document.getElementById('divPopup');
myWin.style.position='absolute';
myWin.style.left = evt.x;
myWin.style.top = evt.y;
myWin.style.display='block';
}
function removeDIV(obj,evt)
{
var myWin = document.getElementById('divPopup');
myWin.style.display='none';
myWin.style.left = 0;
myWin.style.top = 0;
}
</script>
si vous essayez d'entrer la souris dans le div, il se déplace loin.Toute solution pour cela s'il vous plaît ??
s'il vous plaît poster votre code pertinent – Jason