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; } Link to comment https://forums.phpfreaks.com/topic/280524-hover-issue-in-ie10/ 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> Link to comment https://forums.phpfreaks.com/topic/280524-hover-issue-in-ie10/#findComment-1442324 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? Link to comment https://forums.phpfreaks.com/topic/280524-hover-issue-in-ie10/#findComment-1442402 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. Link to comment https://forums.phpfreaks.com/topic/280524-hover-issue-in-ie10/#findComment-1444684 Share on other sites More sharing options...
dodgeitorelse3 Posted August 13, 2013 Author Share Posted August 13, 2013 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. Link to comment https://forums.phpfreaks.com/topic/280524-hover-issue-in-ie10/#findComment-1444746 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.