In my ASP.NET web app I'm trying to create a popup DIV that displays some text when the user hovers the mouse over a link in a particular cell in a table. I'm using JavaScript to show & hide the popup. I've played around but can't get the popup to work properly. Toggling between 'visibility:hidden' & 'visibility:visible' doesn't work correctly because the row height is incorrect and includes the height of the popup text. Toggling between 'display:none' & 'display:block' doesn't work because the row height gets increased when the popup is displayed. Can someone help me out to get the popup to work properly so that the row height is correct? It needs to work with IE6.
This is what I use, hope it helps. function switchVisible(objname) { var obj = document.getElementById(objname); if ( obj.style.display == 'none' ) { obj.style.display = ''; } else { obj.style.display = 'none'; } } > In my ASP.NET web app I'm trying to create a popup DIV that displays > some text when the user hovers the mouse over a link in a particular > cell in a table. I'm using JavaScript to show & hide the popup. > > I've played around but can't get the popup to work properly. Toggling > between 'visibility:hidden' & 'visibility:visible' doesn't work > correctly because the row height is incorrect and includes the height > of the popup text. Toggling between 'display:none' & 'display:block' > doesn't work because the row height gets increased when the popup is > displayed. > > Can someone help me out to get the popup to work properly so that the > row height is correct? It needs to work with IE6. >
This is what I've been using and it doesn't work. It will show & hide the popup OK but it also causes the row height to get increased & decreased each time. "The Colorado Kid" <tck> wrote in message news:9d7f13bf8a0f8cacb6bad0c1388@newsgroups.comcast.net... > This is what I use, hope it helps. > > function switchVisible(objname) { > var obj = document.getElementById(objname); > if ( obj.style.display == 'none' ) { > obj.style.display = ''; > } else { > obj.style.display = 'none'; > } > } > >> In my ASP.NET web app I'm trying to create a popup DIV that displays >> some text when the user hovers the mouse over a link in a particular >> cell in a table. I'm using JavaScript to show & hide the popup. >> >> I've played around but can't get the popup to work properly. Toggling >> between 'visibility:hidden' & 'visibility:visible' doesn't work >> correctly because the row height is incorrect and includes the height >> of the popup text. Toggling between 'display:none' & 'display:block' >> doesn't work because the row height gets increased when the popup is >> displayed. >> >> Can someone help me out to get the popup to work properly so that the >> row height is correct? It needs to work with IE6. >> > >
