Anyone know why my jQuery IE8 menu isn't working? Works in FF:
HTML:
<html>
<head>
<link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
[Code].....
In addition to an accordion-related problem in IE (see http://forum.jquery.com/topic/jquery-accordion-click-not-working-in-ie#14737000002219027), I'm having a headache regarding drop down menus. Again, this is only in IE (version 8) - every other browser in the known galaxy responds well to the JS and the HTML setup. The idea is there's a horizontal nav bar of five 'blocks', each with a heading. Hover over the heading and the 'block' (actually an <li>) extends to accommodate a small sentence underneath with a link. Hover off, and the block shrinks back to its original form, with the link hidden. All good in FF, Opera, Safari, Chrome. In IE, though, the <li> block doesn't extend - the link is shown beneath it, but it's outside its frame and looks awful.
[Code]...
I'd love to ignore this but I don't know how to tell my client "It's all good, just don't use Internet Explorer".
It's just a simple jquery pricing calculator. The problem is the original code given was for checkboxes only I suppose. I am wanting to use list/menu as well. The list menu works and adds the values fine in FF, but not in IE
[Code]...
I just started with jquery because I need a solution for a website that doesn't involve flash. I found this tutorial [URL]and I tried to modify the code without realy knowing what I'm doing, needless to say, it's not working at all.
Basically I have the same idea for my menu but it looks a bit different, instead of using a line underneath the links I want the scroller-image to tween on the x-axis with the white line stopping in the middle of each button. I made the image to fill the whole page so that it covers the scroller-line image underneath, I want the effect of a line expanding and contracting and this is the only way I could figure to do it.
css:
.nav-scroller-container
{
width:900px;
height:75px;
[Code].....
If I use jQuery 1.2.6 it work, but if I use last version 1.6 it stop working.
$(document).ready(function() {
$('div.menu:eq()> div.subnav').hide();
$('div.menu:eq()> div.navhead').click(function() {
$(this).next().slideToggle('fast');
});
I followed a tutorial on here about Expanding Sliding Menu's or Accordion Menu's.Here is the script:
$(document).ready(function(){
$(".Left #SideCategoryList ul#parent-cats ul:not(:first)").hide();
$(".Left #SideCategoryList ul#parent-cats ul:visible").hide();
[code]....
I am having an issue using the Cut & Paste jQuery Mega Menu [URL].. I am using it on the main page of my future forum (test forum is here [URL].. It's the button labeled 'Forum Categories'). The mega menu works fine on the main page of the forum, but once I drill down into the forums, the mega menu no longer works. The mega menu ONLY works on the index of the forum.
View 17 Replies View Relatedneed help to modify this code to make it work in IE . other browsers works fine.
<
script src="js/jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script>
<
[code]....
The JS file works and the menu fades but theres not change on hover, heres the code i'm using for the js:
$(document).ready(function(){
if ($.browser.version = jQuery.browser.msie &&
parseInt(jQuery.browser.version) == 6) {
[code]....
i am trying to create a very simple drop menu using jquery, bt when i am attaching the event to li's which have further ul inside it, it showing very strange behavior in firefox and in IE, it not showing propely the sub menu, zindex problem.
the complete code is here
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<style type="text/css">
[Code].....
I've got a problem. I've built a navigation page to be used in an iframe across a site. I've made menus like this in PHP and using arrays but I cannot use PHP here so I thought I could reproduce it in JQuery.
I am able to addClass "on" to selected menu items using the following:
<
script type=
"text/javascript"
>
$(
function
[Code]...
I downloaded and tried the superfish example at [url]...started and it works fine. But if I replace the jquery source statement with the second line below, to get the latest Google hosted version of jQuery, the superfish action on the menu goes away. That is, the menu reverts to the no-javascript action. Does anyone know what the problem might be?
View 1 Replies View RelatedI have writen(as you can see i am not a jQuery expert :P ) a small piece of code for a ul/li collapsible menu, all browsers do what i want but IE8 is not working propper.
jQuery("a.cat_w_sub").toggle(function(){
if (jQuery(this).next("ul").is(":hidden")) {
jQuery(this).next("ul").slideDown(100);
jQuery(this).addClass("cat_open");
[Code].....
I have used the jQuery ui accordion first but this wasn't work that well, so i switch to this piece of code
The bug/error: well if i click on the menu(which is closet at first) it doesn't open at first but once i click on it, it opens and closes.
I have implemented a jQuery hover top level menu & it is working fine in bothIE 7& 8. However, when I am executing the same code in Mozilla Firefox, it is not rendering hover effect at all. Also, I am adding a <span> using jQuery if JavaScript isn't enabled. This span is also not getting added in Mozilla.
Following is the code that I am using.
<script type="text/javascript" src="[URL]"></script>
<script>
$(document).ready(function(){
$("ul.subnav").parent().append("<span></span>");
$("ul.pnode li a").mouseover(function() { //When trigger is clicked...
//Following events are applied to the subnav itself (moving subnav up and down)
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
$(this).parent().hover(function() {
}, function(){
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
});
//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function() {
$(this).addClass("subhover"); //On hover over, add class "subhover"
}, function(){ //On Hover Out
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
});
});
</script>
I came to know that IE & Mozilla see .parent differently.I have tried everything but not able to get this stuff working in Mozilla. I am using Firefox 3.5.5 version.
I have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....
Attachments
superfis.JPG
Size : 11.4 KB
Download : 306
i m devlpoping a site it has 2 drop dowm menu evrything working with letest browser but in 1e6 first menu is working but second is not
[Code]...
I have a drop down menu on this web site: [URL] the drop down is at the bottom I got the drop down from this site: [URL]
The drop down works in every browser on Mac and PC platforms except for IE.
I was hired a while back to maintain an existing site at (http:url]...). I believe the site was originally designed with Dreamweaver several years back, including the menus.The pop-up menus have worked fine until recently. They seem to be working fine in every browser (Firefox, Safari, Chrome) expect IE. I have spent several hours trying to determine the problem, with no luck.My knowledge of Javascript is limited (which is part of the problem).I have made no changes to the menu code recently, so I don't know how to track down the problem. IE says there is an error "Object Expected" in this line:
<script language="Javascript1.2" type="text/javaScript">mmLoadMenus();</script>
<script type="text/JavaScript">
<!-- Hide from old browsers[code]....
I have a DHTML menu that I created on a site that shows a submenu when you hover over the main navigation.
Everything seems to work fine except when you view the site in I.E. on a Mac. The subnavigation does not show up. Does anyone have any ideas?
I'm was working on show and hide drop down menu and this works fine on IE, Google Chrome, Safari but not firefox.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
[Code]....
I am using a javascript on a DotNetNuke CMS site to allow the user to choose text/background colour, basically it changes stylesheets. Here is the code that I have used:ttp://www.dynamicdrive.com/dynamici...etswitcher.htm and here is my example: http://lrptintranet.com.dnnmax.com/ - you can see the colour image buttons top right under the main menu. The style sheet changer seems to work on the top menu level items but as soon as you choose a submenu the javascript doesn't seem to work. I don't know anything at all about javascript - can anyone offer any advice how I can get this working on the sub menu pages?
View 1 Replies View RelatedI have created a very simple popup menu with 4 links using Dreamweaver 8 behaviors function, works great in Mozilla and Netscape but in IE7 when I hover the mouse over the trigger text the drop down menu appears minus the text. Move the cursor to the pop up boxes and the text appears, a minor but very annoying problem.Also sometimes the top menu box from the pop up doesn't retain its text while the other 3 boxes do i.e. put cursor in any of the pop up menu boxes and the 3 lower boxes display text but the first (top) menu box only displays text if the cursor is actually in the box, makes the menu look very disjointed.You can see images of the problem on Picasa (URL...)I could have added the code for the file (mm_menu.js) but because it is Dreamweaver generated it's 764 lines and a bit large.[code]
View 1 Replies View RelatedI have an function that shoud be activated when the pull down menu in triggerd, the if functions is corresponding to the same menu overig_eenh[]
[Code]...
I am new to javascript and am eager to learn. I know I could probably just use jQuery to make this cross-browser but I would like to learn the ins and outs of javascript before abstracting them away. Our website currently has a navbar that is coded in HTML on every single webpage so changing it means changing every single webpage. So I want to make this more dynamic (and animated) by using javascript.
The problem is that IE is not cooperating. Specifically, IE loads everything alright but does not slide. It just loads the whole submenu instantaneously after a user clicks. Firefox works perfectly. At the top of my test page is a doc type statement inherited from the real index
[Code]...
I thought I was so cool combining both this shopping cart with the double drop down menu, but now my menu isnt working and I can't seem to trouble shoot my way through it anymore. I am sure I am missing just one small part because the page loads fine, but when I select an option from step three where it says "select a subject" it no longer loads the options into the subsequent drop down menu which reads "Pages appear here" (at least I WISH they would appear there)
Here is the code.
I am trying to create a sliding menu, everything is working fine other than the hyperlinks are not working, they open if you right click and select open link, but not with a normal click.
[Code]...