Databases
StackOverflow2013
Postsdbo
PODrop Down Menu is not working in Internet Explorer 9 when I am using it in Fixed Bar
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODrop Down Menu is not working in Internet Explorer 9 when I am using it in Fixed Bar
    primarykey
    data
    text
    <p>This is working fine In Firefox if I use it in fixed bar or IN GENERAL WAY, BUT in Internet Explorer it does not works in fixed bar.. here I am putting the code without the fixed bar...please try it in fixed bar for IE9 </p> <p>This is html and css for the code for the code...</p> <p>jquery required: jquery.min.js and dropscript.js is below</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;Submenu Demo&lt;/title&gt; &lt;script type="text/javascript" src="js/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/dropscript.js"&gt;&lt;/script&gt; &lt;link href="css/style.css" rel="stylesheet" type="text/css"/&gt; &lt;/head&gt; &lt;body&gt; &lt;div style='margin:50px'&gt; &lt;div class="dropdown"&gt; &lt;a class="account" &gt; &lt;span&gt;My Account&lt;/span&gt; &lt;/a&gt; &lt;div class="submenu" style="display: none; "&gt; &lt;ul class="root"&gt; &lt;li &gt; &lt;a href="#Dashboard" &gt;Dashboard&lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="#Profile" &gt;Profile&lt;/a&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="#settings"&gt;Settings&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="#feedback"&gt;Send Feedback&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="#signout"&gt;Sign Out&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; css: body { background-color:#505050; } .dropdown { color: #555; margin: 3px -22px 0 0; width: 143px; position: relative; height: 17px; text-align:left; } .submenu { background: #fff; position: absolute; top: -12px; left: -20px; z-index: 100; width: 135px; display: none; margin-left: 10px; padding: 40px 0 5px; border-radius: 6px; -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); -webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* For IE 8 */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } .dropdown li a { color: #555555; display: block; font-family: arial; font-weight: bold; padding: 6px 15px; cursor: pointer; text-decoration:none; display:block; zoom:1; } .dropdown li a:hover{ background:#155FB0; color: #FFFFFF; text-decoration: none; display:block; zoom:1; } .account { font-size: 11px; line-height: 16px; color: #555; position: absolute; z-index: 110; display: block; padding: 11px 0 0 20px; height: 28px; width: 121px; margin: -11px 0 0 -10px; text-decoration: none; background: url(../icons/arrow.png) 116px 17px no-repeat; cursor:pointer; } .root { list-style:none; margin:0px; padding:0px; font-size: 11px; padding: 11px 0 0 0px; border-top:1px solid #dedede; } $(document).ready(function() { $(".account").click(function() { var X=$(this).attr('id'); if(X==1) { $(".submenu").hide(); $(this).attr('id', '0'); } else { $(".submenu").show(); $(this).attr('id', '1'); } }); //Mouseup textarea false $(".submenu").mouseup(function() { return false }); $(".account").mouseup(function() { return false }); //Textarea without editing. $(document).mouseup(function() { $(".submenu").hide(); $(".account").attr('id', ''); }); });// JavaScript Document </code></pre> <p>On troubleshooting More I get this... The issue is because of the navigation Bar I am using below it but still the issue persist...</p> <p>The navigation bar html</p> <pre><code> &lt;div class="container_2" style="margin-top:40px;"&gt; &lt;div class="container"&gt; &lt;div id="dropnav" style=" width:100%;"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="userLandingPage.php"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="about.php"&gt;About us&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="why_we.php"&gt;Why Us&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Competition_Info.php"&gt;Competitions Info &lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="courses.php?&lt;?php echo $courses-&gt;id; ?&gt;"&gt;Courses&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="aptitude_tool.php"&gt;Prep Tool&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="mock_Test.php"&gt;Mock Test&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="targetgk.php"&gt;Target GK&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="RBI_Special.php"&gt;RBI Spl&lt;span class="drop"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="aptitudeOfDay.php"&gt;Apti QOD&lt;span class="drop"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="newsupdates.php"&gt;News Updates&lt;span class="drop"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="faq.php"&gt;FAQ&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p>The css for the navigation is as below:</p> <pre><code> @charset "utf-8"; .dropdown { color: #555; margin: 3px -22px 0 0; width: 143px; position: relative; height: 17px; text-align:left; } .submenu { background: #fff; -moz-box-background: #fff; -webkit-box-background:#fff; position: absolute; top: -12px; left: -20px; z-index: 100; width: 135px; display: none; margin-left: 10px; padding: 40px 0 5px; border-radius: 6px; -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); -webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* For IE 8 */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } .submenu ul li a { color: #555555; display: block; font-family: arial; font-weight: bold; padding: 6px 15px; cursor: pointer; text-decoration:none; display:block; zoom:1; } .submenu ul li a:hover{ background:#155FB0; color: #FFFFFF; text-decoration: none; } .account { font-size: 11px; !important line-height: 16px; color: #555; position: absolute; z-index: 110; display: block; padding: 11px 0 0 20px; height: 28px; width: 121px; margin: -11px 0 0 -10px; text-decoration: none; background: url(../icons/arrow.png) 116px 17px no-repeat; cursor:pointer; } .root { list-style:none; margin:0px; padding:0px; font-size: 11px; padding: 11px 0 0 0px; border-top:1px solid #dedede; } .container_2{ width:100%; float:left; z-index:99; background-color:#333; height:auto; margin-top:10px; } /* CSS Document */ </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USatjoshi
    1. USatjoshi
    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.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PODrop Down Menu is not working in Internet Explorer 9 when I am using it in Fixed Bar
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PODrop Down Menu is not working in Internet Explorer 9 when I am using it in Fixed Bar
      1. This table or related slice is empty.
      1. VTUpMod
    1. COin IE10 works fine: http://jsbin.com/utabem/1/edit P.S. changed body background color to lime to see menu.
      singulars
      1. PODrop Down Menu is not working in Internet Explorer 9 when I am using it in Fixed Bar
      1. USEpsil0neR
    2. COare you using a proper doctype?
      singulars
      1. PODrop Down Menu is not working in Internet Explorer 9 when I am using it in Fixed Bar
      1. USJawad
    3. COactually only in the fixed bar it is not showing the list ...
      singulars
      1. PODrop Down Menu is not working in Internet Explorer 9 when I am using it in Fixed Bar
      1. USatjoshi
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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