Note that there are some explanatory texts on larger screens.

plurals
  1. POHover to display element not work on All ie
    primarykey
    data
    text
    <p>I am trying to display element on mouse hover using below codes, this works fine in all browsers except IE.</p> <p>test_g1.php</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt; &lt;script language="JavaScript"&gt; var HttPRequest = false; function doCallAjax(ID) { HttPRequest = false; if (window.XMLHttpRequest) { // Mozilla, Safari,... HttPRequest = new XMLHttpRequest(); if (HttPRequest.overrideMimeType) { HttPRequest.overrideMimeType('text/html'); } } else if (window.ActiveXObject) { // IE try { HttPRequest = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { HttPRequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } if (!HttPRequest) { alert('Cannot create XMLHTTP instance'); return false; } var url = 'test_g2.php'; var pmeters = "tID="+ID; HttPRequest.open('POST',url,true); HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); HttPRequest.setRequestHeader("Content-length", pmeters.length); HttPRequest.setRequestHeader("Connection", "close"); HttPRequest.send(pmeters); HttPRequest.onreadystatechange = function() { if(HttPRequest.readyState == 3) // Loading Request { document.getElementById("mySpan").innerHTML = "&lt;div&gt;Now is Loading...&lt;/div&gt;"; } if(HttPRequest.readyState == 4) // Return Request { document.getElementById('mySpan').innerHTML = HttPRequest.responseText; $('#mySpan div').hide(); $('#mySpan div').each(function(index){ $(this).delay(50*index).fadeIn(500); }); } } } &lt;/script&gt; &lt;/head&gt; &lt;body Onload="JavaScript:doCallAjax('cat');"&gt; &lt;h1&gt;CAT OR FLOWER&lt;/h1&gt; &lt;a href="JavaScript:doCallAjax('cat');"&gt;cat&lt;/a&gt;&lt;br&gt; &lt;a href="JavaScript:doCallAjax('flower');"&gt;flower&lt;/a&gt;&lt;br&gt; &lt;span id="mySpan"&gt;&lt;/span&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>test_g2.php</p> <pre><code>&lt;head&gt; &lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;style type="text/css"&gt; &lt;!-- .recent-items { list-style: none; margin: 0 auto; width: 940px; overflow: hidden; padding-left: 22px; padding-top: 360px; padding-bottom: 11px; margin-top: -207px; } .thumbnail { float: left; margin: 7px; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } .imgWrap { position: relative; } .imgDescription1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(29, 106, 154, 0.72); color: #fff; visibility: hidden; opacity: 0; } .imgWrap:hover .imgDescription1 { visibility: visible; opacity: 1; border: 1px solid #000; background: #333; padding: 0px 10px 7px; margin-left: 94px; width: 201px; height: 286px; text-align: center; position: absolute; margin-top: -225px; display: none; z-index: 999; padding-top: 10px; } --&gt; &lt;/style&gt; &lt;?PHP $strID = $_POST["tID"]; if ($strID == "cat") { $show[0] = "www.catchannel.com/images/articles/cat-yellow-200px.jpg"; $show[1] = "www.fairydol.com/wp-content/uploads/2013/09/c4-200x200.jpg"; $show[2] = "www.fairydol.com/wp-content/uploads/2013/09/cat3-200x200.jpg"; } else { $show[0] = "www.flowerpicturegallery.com/d/228-4/flowers-rose-pictures.jpg"; $show[1] = "www.no1reviews.com/images/category-images/flower-delivery-usa.jpg"; $show[2] = "images.all-free-download.com/images/graphicmedium/hd_flower_picture_03_hd_pictures_169251.jpg"; } ?&gt; &lt;ul class="recent-items" style=" width: 940px; "&gt; &lt;?PHP for($i=0;$i&lt;3;$i++) { ?&gt; &lt;li class="thumbnail" style=" float: left; margin: 7px; width: 80px; "&gt; &lt;div class="imgWrap"&gt; &lt;div style=" float: left; " &gt; &lt;a href="aa.php"&gt; &lt;img border="0" src="http://&lt;?PHP echo $show[$i]; ?&gt;" width="80" height="80" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class="imgDescription1"&gt;&lt;img src="http://&lt;?PHP echo $show[$i]; ?&gt;"/&gt;&lt;br&gt;description.........&lt;/div&gt; &lt;/div&gt; &lt;/li&gt; &lt;?PHP } ?&gt; &lt;/ul&gt; </code></pre> <p>What could be the possible issue and what am i missing here?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload