I'm trying to create a javascript menu for my menu I posted a question the other day about a css drop-down but its just to tricky to do that.
Instead I'm thinking script, can someone give me a suitable javascript code that might work in IE? Here is a link to my test website.
I've tried various other jQuery, but they all rely on the parent ul being a class but as its dynamic content I'm not able to change this / don't want to because I would have to change it for each website and every other website I make. If you have a look at the source code on this website you can see what I mean. The website is quite well comented and you can view the menu online 128 roughly and I can't stress enough how this must be compatible in IE.
You can dynamically set the class with jQuery and then initialise the superfish menu. It works in IE6.
There are many plugins available 1-
Dropdown Menu Widget2-Wordpress CSS Dropdown Menu 3-Ryans Wordpress Dropdown Menu 4-Wordpress Superfish
Related
So basically I've been working on my graduation project and I'm working on a website, of course the website has a navigation menu on each page of the website, the thing is that when ever I need to change something in the navigation menu it becomes a hassle going through each page to change something up.. my question is, is there a method like placing this nav menu in a function and displaying it? and if i do place it in a function how do i change the class to active with in each page?
The best option would be to split it in templates (I would recommend using twig, but you can also roll your own). That way you would only have "navigation" on one file, which is the used by all others.
As for "which part is active", that would be done by passing a parameter in the template. The template should use that variable to determine, which menu item to show as "active".
The navigation menu for the Wordpress site that I am working on seems to display properly and when mouse is hovered over individual menu items, hover states do appear as well as the drop down menus (where applicable). The issue that I am having is that none of the navigation menu items are clickable (even the drop downs). It's a simple one-fourth/three-fourth header setup. Nothing fancy. All other links throughout the body of the site are clickable.
Looking at the code I did not see any DIV laying on top of the menu (hovers and drop downs wouldn't fire if there was). I went thru the CSS and nothing jumped out at me. I tried changing nearby DIVs to display:none to see if I could find a culprit...nothing. There are only two plugins running All-In-One-SEO & Formidable Forms.
The site can be found at http://www.bigfootpw.com.php56-1.dfw3-1.websitetestlink.com/
Thanks in advance for any help you can offer.
Problem with your JavaScript. Mostly the problem will be on http://www.bigfootpw.com.php56-1.dfw3-1.websitetestlink.com/wp-content/themes/striking_r/js/custom.combine.js. Try turing off the JavaScript in your browser it will works.
I can't able to dig deeply on to this script.
I am busy converting a HTML website into a Joomla temaplate, I got some help doing the home page (index.php), but now the menu items are not linking anywhere. I have a ready coded AboutUs.php page, which I want to important into Joomla and link to the 'About Us' menu item.
Can this be done in the similar way as it is done with the index.php file? Can I maybe upload the file via FTP and link it somehow in Joomla?
Any help on this would be much appreciated.
No it's not how joomla works.
You have to create the second menu item, link it with your content and add the extra modules that your "about us" page have.
If you don't want to do it like that you could create a new template and link each menu to different template but it's not a good approach.
If you are interested about the html part of the php site,
you can just create an article and paste html code in it (do not forget to set the editor in text mode).
If you have css, you may add it int the template's css file.
Otherwise, if you need php functionality, you need to create a joomla component.
If your going to migrate a site and use a tool like joomla i strongly suggest using it the way it was designed to be used. Otherwise theres no point.
When creating from scratch or migrating a site to joomla i would suggest firstly creating (or modifying) one or more templates to get the layout of you site; header, footer, logo, background, modules (eg. menu, login, etc) and component to load and so on.
You will have to recreate the menu items using the menu manager and apply your css to the menu module(you can download free menu modules or use the default one or develop one).
When creating a menu item you can select the template to be used and also what component you want to load (article, sitemap, blog, login, create user, etc...). An article is used to store html content which can be edited through the content manager although there are simple ways to add scripts to your articles.
If you want to add php to your content you have 4 choices.
Template (used to show content which appears on every page; this is where the html starts and ends and where the component and modules' positions are defined),
Component (this is loaded from the template depending on what menu item is selected),
Module (a very simple and easy way to add custom php and html code, can be loaded from the template or from components like in a joomla article),
Plugin (used when wanting to run scripts which dont have any visual content)
I am trying to make a simple drop down menu system for my Joomla site. But Joomla menu is completely confusing me. How does a joomla menu work?
For eg: In the image below the whole blue bar is a menu? or each item like 'Projects' is a menu?
Now I can make two pages for Project 1 & Project 2 but where will the 'Projects' link point to? If it does point somewhere then incase of no JavaScript I'd like to point it to a page that shows a list of the menu items.
How do I place my menu at this place in my template?
Why is there a default MainMenu and why do I need to use a menu to show the main content on my site. Shouldn't menus be used for making menus. And I only needed a menu item to show my content not that whole Main Menu. The main confusion is the Main Menu.
I don't wanna use a module coz I couldn't find a good one for 1.7 that uses jQuery (All JavaScript on my site is done with jQuery) and I read somewhere it can be made within the template.
All I want is to somehow place menu items lists inside the respective anchors up top so I can just show/hide them as dropdowns with jQuery.
I hope I haven't made the question confusing pointing to what I need to make. It's just that I'm super confused myself.
Please help.
I appreciate the help.
Thanks Alot.
Joomla menus are generated thru modules. In most cases mod_mainmenu. Theese modules you place in module positions. If your menue should be horizontal on top, then you put your mod_mainmenu module in the position "top". Be aware that every template uses different position names.
I am using wordpress as a full on CMS on a site I am building. One thing I cant seem to figure out is how to link up my navigation bar to the pages I am creating in wordpress. I am using a sprite image hover navbar that is defined in the header.php file.
Does anyone have any idea how I can take a typical CSS sprite navbar and link it up with the pages I am creating within wordpress?
Typically when developing a WordPress theme you will want to use the wp_list_pages() function to display a list of the published WordPress pages. It spits it out in a unordered list already hyper linked and ready to go. You can then integrate your CSS with it as needed. If you need further customization to the navigation, like excluding certain pages, reordering, them etc.. check out this plugin here.
Another alternative would be to get your hands dirty with some PHP and other WordPress functions and create the navigation lists you need in your functions.php file.
Does this help any? I'm only marginally familiar with Wordpress interaction but it sounds like this should allow you to execute PHP code, and thus pull your navigation somehow.
http://wordpress.org/extend/plugins/php-execution-plugin/