dodgeitorelse3 Posted July 26, 2013 Share Posted July 26, 2013 I have a webpage that has a hidden div that will show when hovered. When I hover it, I can see the hidden div which contains an iframe. My porblem is no matter what I try I can't get the mouse to move into the block showing the iframe where there is a link. Once I move off the div to go to the iframe it disappears again. Can any one help me sort this? it works fine in firefox. <div class='showchevy'> {$server['s']['map']} <div style='float:left;' class='showchevy_1'> <iframe id='mapdl' class='mapd' scrolling='no' marginwidth='0' marginheight='0' frameborder='0' vspace='0' hspace='0' style='overflow:visible; width:100%;' src='/maps/php/map_dload2.php?map={$server['s']['map']}'> </iframe> </div></div> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="refresh" content="165" > <style type="text/css"> .voip tr td .showchevy_1{ display: none; } .voip tr td .showchevy:hover .showchevy_1{ position: relative; display : block; } Quote Link to comment Share on other sites More sharing options...
dodgeitorelse3 Posted July 26, 2013 Author Share Posted July 26, 2013 maybe this is clearer? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> .voip tr td .showchevy_1{ display: none; } .voip tr td .showchevy:hover .showchevy_1{ position: relative; display : block; } </style> </head> <body STYLE="background-color:transparent"> <?php echo "<table class='voip' cellpadding='0' cellspacing='0' style='width:10%; margin:auto; text-align:center'> <tr> <td title='Server ip and port---' style='padding:0px; text-align:center'> <div class='showchevy'>In firefox I can click the link below but in IE10 I can't ..... <div class='showchevy_1'> <iframe id='svr_lnk' class='svr_lnk' scrolling='no' marginwidth='0' marginheight='0' frameborder='0' vspace='0' hspace='0' style='overflow:visible;' src='http://chevys-place.nl/gsreaders/lgsl/lgsl_files/svr_shortcuts/chevy_svr_1.html'> </iframe> </div> </div> </td> </tr> </table>"; ?> </body> </html> Quote Link to comment Share on other sites More sharing options...
dodgeitorelse3 Posted July 27, 2013 Author Share Posted July 27, 2013 what I see happening in IE10 is that when I have the mose over the text in <div class"showchevy it shows the hidden div and it's contents. If I put the tip of the mouse pointer to the very bottom edge of the text the hidden file will repeatedly hide and show. So this tells me that I need to somehow make the <iframe> the are that has the focus. As the code is now when I try to move mouse into the iframe it hides again because of moving cursor from text. Any suggestions? Quote Link to comment Share on other sites More sharing options...
dodgeitorelse3 Posted August 13, 2013 Author Share Posted August 13, 2013 ok i lost the iframe and found a better way to load an external page into my div and yay it works, no java or jquery. Quote Link to comment Share on other sites More sharing options...
Solution dodgeitorelse3 Posted August 13, 2013 Author Solution Share Posted August 13, 2013 (edited) I searched everywhere and found nothing for an acceptable answer for me except to use javascript or jquery. After days of trying to sort it out I found a very simple solution that worked for me. I simply removed the iframe from the div and used the object such as <div class='showchevy'> {$server['s']['map']} <div style='float:left;' class='showchevy_1'> <object type='text/html' data='/maps/php/map_dload2.php?map={$server['s']['map']}' style='width:100%; height:100%' border='0'> </object> </div> </div> I hope this helps folks save a lot of research time. Edited August 13, 2013 by dodgeitorelse3 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.