I'm using Superfish nav-bar menu which works just fine (it hides all submenus with their childs) But I also want to one sublink display all childs without need to hover over their parent.
Here is the code:
In this example i want to Link 1 and Link 2, have normal drop down menus which are in normal state hidden. I need to Link 3, always display Sublink 3 including its childs (Sub sublink 3).
I'm using superfish menu jquery plugin, and I'm wondering if someone know how to update plugin that you can decide if sub - sub menus wil be shown on the right (that is in the original) or on the left side of the parent menu.
The problem is, that if the last menu is near the end of the browser, than the sub - sub menu will go off side the browser.
I´m using the superfish jquery Module at the website of a costumers. [url] Now the costumer wants that the submenus always where displayed and stay extended! If i chose "other parameters" in the superfish menu options i can enable Expand Menu. But my menu is still not expanded! Nothing happens! Is there a easy possibility to do this? I am using Joomla 1.5 with the latest Updates!
View 2 Replies View RelatedI'm trying to get Superfish menus working on a new site I'm building, but have run into a problem. I have used the feature of setting a class on the current menu item so that it will be highlighted (highlit?). The trouble is that if the menu item has a submenu this submenu is displaying already opened when you hit the page.
I've set the menus up with the following options:
$('ul#nav').superfish({ hoverClass: 'sfHover',
pathClass: 'current',
pathLevels: 1,
delay: 800,
animation: {opacity:'show'},
speed: 'normal',
autoArrows: true,
dropShadows: true,
disableHI: false
});
This is a snippet of the menu code just for completeness, although it's pretty generic:
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li class="current"><a href="agenda.html">Agenda</a>
<ul>
<li><a href="stream_busdev.html">Business Development Stream</a></li>
<li><a href="stream_techsupp.html">Technical and Support Stream</a></li>
<li><a href="stream_partners.html">Partners Stream</a></li>
<li><a href="stream_paytrain.html">Payroll and Training Stream</a></li>
</ul></li>
... more menu items in here ...
</ul>
I've also attached a screengrab, in case it helps, since the site isn't live yet. So I guess what I'm asking is: is there a way to have the current parent menu item marked as current without it automatically opening the submenu?
Love this menu. This menu will be appearing in module on right hand side of page. So I need the submenu to display on left, not right. So how to make this a right to left menu? I've played around a bit and have had no luck yet. I've used the navbar on another site and I'd really like to use this vertical menu too.
View 1 Replies View RelatedHere is the style and js for my menu that I got from Dynamic Drive. I have it working as it is suppose to on my site. But I need my menus to have submenus and even have a couple of sub-submenus.
YOffset=150; // no quotes!!
XOffset=0;
staticYOffset=30; // no quotes!!
[code].....
I'm building a Joomla site with Superfish vertical. I'm bogged down on 1 issue: parent itemid linked to specific images and how to make this work. My menu has 5 parent items. The child items are not an issue.My question is this: Does anyone know how to make linked parent/item id & images work together ? This may be more of a CSS issue than a script question but I thought I'd pass it by here as I'm getting "0" responses elsewhere and there could be a php/js script aspect to this.There is a bit of code (line 67-87 of superfish/tmpl/default.php) that has me concerned and it might turn out to be why this doen't work, I include it below. I'm pretty much illeterate when it comes to js /php but I can make out just enough to know it could impinge (either + or -) on what I'm trying to do.
if (($node->name() == 'li') && ($id = $node->attributes('id'))) {
if ($node->attributes('class')) {
$node->addAttribute('class', $node->attributes('class').' item'.$id);
[code]....
When navigating to a sub menu the parent is properly keeping it's background color but the text color is reverting to its normal color. There is a link to the site below to see an example.
[URL]
Herre is the associated css
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #AB8890
[Code]....
I've read through every post here on this issue and can't find an answer with an actual example of just how you amend the current tab in Superfish with the addClass to take the pathClass option so that it can be highlighted when you're on a specific page.
Even the official Superfish page and demos make no mention of how you do this thoughI can see there's a hash being passed in the URL. I've only just been exposed to such a concept and I'm not sure which bit of code is creating/reading the hash and how to apply it in this case as it's different from the last issue I had.
I have problem, my superfish menu don't show arrows to sub-menu. I try to search on the forum, but I don't find something applicable. I try to disable every component on my site, put calling the function in try{} and catch the error, download new jQuery - 1.4.4, but nothing helps. I'll be very grateful for any response or idea what can be wrong.
Link to my site is here:[url] and it's "výroba karet" menu item.
I have a simple superfish menu on my site and I'm wondering if there is a way to add a quick line that shows the 'current' page the menu is point to?
this is a wordpress site, I noticed an example [URL] i'm getting closer?!
I'd like to be able to get Superfish to expand the entire menu and show the current active link in pathlevel 2. I'm using the nav-bar style and it seems that only pathlevel 1 is visible:
[URL]
I have the list structure like this [code]...
My problem is
If I click on link which has ID ArtechGallery and which belongs to menu1 list
If I click a link which has ID HPGallery and which belongs to menu2 list
So, then, how to check whether the clicked element belongs to Menu1 or Menu2 ?
I was editing some javascript code yesterday that happened to use jquery. Part of the code selected two elements via jquery. Then the original author used nodeIndex to determine the position of each of these nodes in their parents. I could not find any documentation on nodeIndex on the jQuery site or anywhere else on the internet. It seemed to work in IE8, but I did not see the property from FireBug in FireFox 3.5. So I removed the call to nodeIndex and used a for loop to calculate my own equivalent of the nodeIndex. Is nodeIndex officially supported or meant for internal use? Is it documented anywhere? [URL]
View 1 Replies View RelatedI have a simple jQuery code that shows or hides a DIV based on the selected value of a select tag. Currently it looks like this and it's working fine:
if (selected == "0") jQuery("#divPublishDate").show('slow')
I want to add an else so that the if the value is anything other than 0, I want to hide the div. What's the proper syntax in this case? I assume this is the short version of an IF statement without the { }.
I have table in which i want to show only the selected tr and hide the rest.
<tr class="t">
<td class="oppCol cell" id=465>465
</td>
</tr>
[Code].....
I was basically trying to follow several tutorials to get a superfish menu working on my website, but I don't seem to be able to get it to work.I included both the superfish.css and the superfish.js in my website's header; both paths are corrent and point to the designated file.I then included the superfish function in my header like this:
<script> $(document).ready(function(){ $('ul.sf-menu').superfish({
delay: 1000, // one second delay on mouseout
animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
[code]....
The corresponding <ul> element has the required sf-menu class, but still there are no animations, no fading, no delays, just the plain css functionality provided by the superfish.css.
So far i managed to show/hide (the only) 1 textarea if an option is selected, using javascript. How can i show all textareas in form if an option is selected (lets say <option name="active">) and hide if option selected is name="passive"?
View 1 Replies View Relatedthe selected menu with a different color background when a user clicks on a particular main menu item. This works with a ul that does not have child items on it. But ul's with child elements the css does not seem to work and seemed overridden by javascript. What i did was on the program logic that automatically produces the unordered list of menu items, I inserted a class 'sfHover' for li items that is equal to the current page. Again, this works on the menus that does not have child elements. Is there any possible way I can configure a selected menu item showing with a different backround color from the rest of the menus?
View 1 Replies View RelatedI have the following dropdown list box [code]...
I want to show() a textbox and a label based on someone selecting the "is between" option of the dropdown list.
I have multiples of these dropdowns and all of them will have to do the same thing. In other words I have
DDLConditional1 2 3 4... infinite. I've already been able to make the button work that appends new conditionals.
I use jQuery in a sharepoint environment and I have a form with a lookup value(dropdown), I set the selected value of the dropdown from code based on a query string parameter.
When I disable the dropdown the value will be ignored when posting the form, currently I hide the dropdown which will save the value on post but will ot show on page.
The question is,
Can I use jQuery to get the selected value and display this a normal text?
Give me a suggestion (tutorial) for jQuery menus (with submenus for multiple columns), sprites or not.tks.
View 1 Replies View RelatedI need to add selected items using checkbox from child window to parent inside a form element. I also would like to have delete link besides the added elements so that it can be deleted. I have the child window poping up for selection and trying to achieve, adding selection to the parent form along with the values and link besides it to delete the added elements.
View 1 Replies View RelatedI am trying to create a script that will display content based on if aradio button is selected, and if the other is selected would hide thecontent. Now, each of these radio buttons are part of a radio group,so their names are the same. Most examples show nput:radio[@name=item] Since I have 2 items that have the same name, I can't usename, so I thought I would try id or value. It isn't working. If I addonly the show, whenever you select either radio button, it shows, andif I add the hide code, it doesn't work at allHere is what I have right now.
$(document).ready(function(){
$('#offices_checkboxes').hide();
$("input:radio[@value=1]").click(function() {
[code]....
I am looking for a way to show a field when a value is selected.
For example, I have a drop down menu, when yes is selected, a field below appears.
Does anyone know if this is possible with iFrame's or is there a better solution?
I'd like to use an iFrame in a page with a menu bar (vertical or horizontal). The iFrame would have a defined width or height. On rolling over the menu items, a submenu would appear above the iFrame so that the submenus can be positioned overlapping the iFrame menu items.
I don't think it's possible, because the iFrame behaves like a frame in a frameset. So if this is not possible, how else could this be done?