Javascript/CSS drop downs not working - javascript

I am trying to add css dropdowns to the navigation menu. But it is not working. I would like to know what is causing the problem. Your help is highly appreciated. Here is the link:
Drop downs to navigation bar

The error that I get is that ddlevelsmenu is not defined... is there some sort of initialization you have to do for the library you're using?
EDIT: Ahhh, there's the problem. I looked up this library: you need to be including ddlevelsfiles/ddlevelsmenu.js, but you are not. Include that, and re-read
http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm
to make sure you got everything in there you need, then you should be set!
Ahh! You never closed the tag. Change to and I bet you it will work. Those little typos can be the nastiest =

Related

Jquery - Toolbar options or Toolbar plugin needed?

Can anyone suggest me a Jquery plugin for ToolBar option in web application.Actually I tried and googled a lot and spent two days. But can't find reliable one.
If the suggested toolbar will be looks like the below pic means it would be the great one.Or else no problem. But suggest me some thing like ,
Home our stack users will help me.
Good answers are definitely appreciated.
Check this http://paulkinzett.github.io/toolbar/ I think this will help you

Bootstrap Scrollspy Error in Firefox

I'm putting some documentation together using Bootstrap and running into an issue with the Scrollspy plugin in Firefox. Essentially, the "active" class is getting appended to the last list item in my sidebar nav and won't change, even upon scrolling through the page.
I have compared my example with Bootstrap's version and cannot determine any discrepancies between the two. The script works in all other browsers, including IE8+.
I've hosted my working example of it here for anyone to take a look at if you have the time (the page source is very simple, so it's probably just easier looking at it here in Firefox than in a jsFiddle or something): http://dev.themusicake.com/
Documentation on Scrollspy can be found here: http://twitter.github.com/bootstrap/javascript.html#scrollspy
I am using the data attributes on the <body> element as is suggested:
<body data-spy="scroll" data-target=".nav-affix-container">
There aren't any errors being thrown in the console either, adding to the troubles of figuring out the issue. If anyone has had any issues with this particular problem in the past, any assistance would be greatly appreciated!
Please let me know if you need anything else!
Remove height: 100% from body.
For me the problem was that i used float:left on the content div, which results in an height = 0 on the content itself. Therefor the scrollspy won't be able to identify the height(i guess?)
I simply used clear both below the content div to fix the problem.
<br style="clear: both"/>

Select options disappear on mouseover in IE 8

I'm working on a Joomla 1.7 site and I'm having a strange problem in IE8. When trying to select an option from a select box, the options appear for a second and then when you try to select one they disappear. It only happens on a specific page - I've disabled every other module on the page to count out any conflicts (thought for sure it was a conflict with the slideshow, but no luck). If anybody can shed some light on this I'd really appreciate it! Below are some examples - click on the 'Quicksearch' select dropdowns.
This page works fine:
//link removed - solution below
This page doesn't:
//link removed - solution below
Thanks!
Solution -- Thank you both for your input. I figured it out after pulling my hair out for a couple hours! The template was calling IE specific css behavior 'behavior: url(/css/PIE.htc);' for the module wrapper divs. I just forced the select box styles in the template html IE8 specific css and it works now. Nothing like a waste of time with IE! Thanks again.
Seems like some outer div has a MouseOut event. Please Check this out and maybe you will find your answer.
Try adding
position:relative;
z-index: 0;

Drupal JQuery broken?

Not sure what's going on but the Jquery.js is dying on me with "d is not null". This came out of no where. I can't seem to figure out how to fix it it.
Screenshot of firebug:
From this drupal link link Michelle (3rd comment) claims this is Collapsible forum containers issue? (Which as far as I know I am not using?) but it doesn't seem to help?
Anybody have any suggestions?
Thanks!
I was having the same problem, but really needed the functionality of Webform Conditional. If you really want to use Webform Conditional, you might try making the fixes suggested on this page:
http://drupal.org/node/788952
Worked PERFECTLY for me.
I disabled the Webform Conditional module and the problem disappeared.

JQuery 'Jcarousel' plugin bug, help needed

I am using JCarousel to display some ads.
Everything works fine, except when there is no ads, ie JCarousel has zero content.
This will cause the Next Button to be active, as if there where unlimited items inside the carousel. I haven't altered any code at all, just the css for the colors and attributes.
Does anybody know what I am talking about, or anyone who can help me fixing it...?
Otherwise I will replace it with some other Jquery Carousel plugin!
Thanks
you will need to detect the presence of the adds and then disable the button if there are none. You can do all this from the API. I would probably pass this functionalit in as part of the init callback.
eaxmple:
$('#ad-continer').jcarousel({initCallback:
function(carousel, state){
if($(carousel.list).length < 1){
// set next and previous to disabled.
}
}
});
Youll need to look at the source for jcarousel to see what the other methods are you can call i know there is a way to disable the controls independently though. and there are actually a lot of options you can pass in not just 2... http://sorgalla.com/projects/jcarousel/#Configuration

Categories

Resources