Show / Hide Subnav - Generates A Menu With Links To The Pages Created In The Admin Area
Nov 30, 2010
I have some wordpress code which generates a menu with links to the pages created in the admin area.
[Code]...
The id of active is on the currently selected menu item. In the above code the home page. How can I get the subnav to show only if the main menu item which contains a subnav is active? The rest of the time I want the subnav hidden. I have found the effect I want on another site [URK]. If you select advanced treatments a sub menu appears. If you select say jobs then the subnav for advanced treatments disappears.
View 1 Replies
ADVERTISEMENT
Oct 11, 2011
how to write a script where when a link is clicked in the left nav column, it will display text in the right main column. So, when you first arrive to the page, nothing will appear in the main portion of the site. Content only appears after clicking on a link. When you click on another link, the previous content is hidden, and the new text is displayed. Here's what I have so far:
HTML
<div class="container">
<div class="nav">
<ul id="menu">
[Code]...
View 4 Replies
View Related
Jul 6, 2011
This is a function to hide and show div
Code:
function ToggleMaktoba (titleImg){
// the id of the content element from the id of the title element
var contentID = titleImg.id.replace (/title/, "content");
var contentDiv = document.getElementById (contentID);
if (contentDiv.style.display == "none") {
titleImg.src = "images/collapse.gif";
contentDiv.style.display = "block";
} else {
titleImg.src = "images/expand.gif";
contentDiv.style.display = "none";
} return false;
}
The problem that I have is that this div is viewed on every page on the site, so if I hide it I want it to stay hidden even when navigating threw pages. If I choose to hide it, it stays hidden, and if I chose to show it, it stays shown.
View 1 Replies
View Related
Apr 4, 2010
I am using the following code to show and hide several dynamic content areas on a page. It works like an accordion where when you open one it closes the other.
Is there a way I could change it to so it doesn't automatically close one when another is open? Meaning I would like to have multiple content areas expanded at once. I would also still want to be able to manual close them if I want.
Attachments
script.txt
Size : 378 Bytes
Download : 436
View 1 Replies
View Related
Oct 14, 2011
I'm trying to do the standard show/hide DIV, but the system I'm trying to use it in is basically this: My site has an application form submit area, and I've got a page where I can view a table with all applicants' details. One of the table fields is just a link to "view full message" (which is a text area field from the form), what I want to do is have this link display in a DIV elsewhere on the page. It needs to change according to which table row is selected.
View 2 Replies
View Related
Feb 9, 2009
I need to create a simple dropdown menu. I've got the main nav working, I just need to get the subnav to appear. Currently, if you hover over an item in the nav, the image will change from black & red to red & black. What I need to do now is have a subnav appear (I have another image - 1000px wide- that I'm planning to use as a background image) below it with the appropriate subnav items on it. I'm guessing I need to have some javascript in here, but I really don't know where to begin. Here's a link to the page in progress: [URL]
View 1 Replies
View Related
Apr 9, 2011
I intend to have this code below generated dynamically (being able to have from 12 to 40 rows). (created from C# code)
<tr>
<td align="center">
<h2>
01</h2>
[Code].....
Can this jQuery function be created so I can add the function to "#<%= chbNuevoJugXX.ClientID %>" instead of "#<%= chbNuevoJug01.ClientID %>" and then use the XX to how hide the corresponding row?
View 3 Replies
View Related
Jul 29, 2010
i have several programmatically generated DIVSectionsin my WebApplication. And i have for each of these DIVSectiona RadioButton Group. When the user now checks the RadioButton of the associated DIV-Section theSectionshould be Shown. And when he checks the other RadioButton the DIVSectionshould be hidden.How could a jQuery Function and a call look like, which does the above action?Here my sample:
<form>
<input type="radio" name="103845098431" value="yes" /> Yes<br />
<input type="radio" name="103845098431" value="no" /> No
[code]....
View 1 Replies
View Related
Jul 23, 2005
I have a javascript menu based off of unordered lists that only shows the subnav links when you click on the main nav links. is there a way to keep any subnav items open after you click on a link and are transferred to a new page? Code:
View 3 Replies
View Related
Feb 6, 2010
I'm using a simple jQuery show/hide toggle effect for the FAQ on this page:
[URL]
I would like to add Show All / Hide All links to the top and bottom of the page that will show and hide all answers at once.
View 1 Replies
View Related
Jun 20, 2011
I have a databound control that I'm trying to add a menu that will show up only when the user rolls over the area. I am trying to append the rollover menu to each data container. I am able to append the menu, but the problem is that I cannot select the menu after it has been created to add say a click function to it. Basically, I am trying to append a menu that only shows up when a user rolls over the container (such as a <div>) and I would like to add some function to the newly created element. The problem is that I cannot assign the rollover menu an ID because although I could select them at that point it will assign the function to all of the ID's which won't really do me any good.
View 1 Replies
View Related
Jun 13, 2011
I have a table that contains many rows, some in italian with code <td nome='riga_i'> and some in english with code <td name='row_e'>. I have created two buttons with different background flags: italy and uk, so when one pushes the button with flag uk, the html page will be reloaded with only english rows, and when one pushes the button with flag it, the same page is reloaded containing only italian rows. All the code posted here works well, but I think that the code can be better because to reach this result I had to dupplicate the same function and I don' t like this.
Here the code:
To better the code I have tried in this way but without success ...
View 1 Replies
View Related
Mar 22, 2011
I am getting to know jquery a little, and I am trying hide and show a div when a link is clicked.I have a page setup that has a flash video in a div on the main page. Then when a link is clicked, a lightbox window opens and plays another video. I am trying to get the video on the main page to hide while the lightbox video is playing. Then when a user closes the lightbox window, the div with the main video on the page is shown and starts playing again.So far I can get this to work with one link. But I cannot get the main video div to hide when a second link is clicked.
View 1 Replies
View Related
Jun 30, 2010
I'm in an early stage of redesigning a website and have come across a very annoying problem.
The following JS snippet is necessary to show/hide an arrow to navigate across the page:
Code:
Unfortunately it also generates an empty div <div></div> before every <a href. It's clearly visible using Firebug. Without that particular piece of code the page is working perfectly fine too, but I want the arrows to show up on mouseover.
Please find the beta page on [url] and check the code (look for <!-- script inserts <div> before a href -->). A textbox with 2 links is at the very end of the gallery.
View 4 Replies
View Related
Jul 23, 2005
I was wondering if anyone has any idea how this can be done. I am
trying to show/hide navigation links based on server names or ip
addresses. So if, someone visits a particular url/ip address he/she
sees only a particular set of navigation links. I am sure this can be
done using some kind of Java script or VB script, just not sure how.
I have two servers with different server names and IP addresses. Based
on user's input I need to display the hyperlinks which then directs the
user to other utilities. For this I need to create a script which takes
the user input and show/hide those link based on server name or ip
address.
for example -if the user types in- http://wxyz.com or 166.xx.xx.01 then
only two hyperlinks will be shown but if the user inputs-
http://uvwx.com or 166.xx.xx.02 then we want to show all the
hyperlinks.
View 5 Replies
View Related
May 22, 2011
I searched before more and more but I can't find those things that exactly I want.
I'm on design a new website, you can see this page: [URL]...in this page I have 3 hidden DIV, and at top of content area I have 3 buttons (About, Karan Group, Contact), please click on those buttons and see action.
I'd write this motions by jquery but it's really really amateur! because I have to define all things like below codes (as working for output):
[Code]...
View 3 Replies
View Related
Jul 20, 2011
I have four links which show a div and when you select another link it closes the current div and shows the new one. I'm trying to add a 'Close' button within the currently open div which obviously will hide the div and allow it to be opened again by selecting a link.
Code:
HTML Code:
My problem is that when the box has been hidden by the close link it will not be shown by the links.
View 2 Replies
View Related
Jul 25, 2010
I have a drop down jquery menu with links and a image slide show with links. When I mouse over on the drop down menu, the drop down menu links go behind the image slide show [URL]
View 1 Replies
View Related
Aug 18, 2009
I am unable to see, or rather the plugin does not display in myadmin...I uploaded the plugin into my plugins folder (i have the latest WP)and i still cannot see it?
View 1 Replies
View Related
Aug 22, 2011
I am customizing my WordPress adminpanel, and ive run into a problem. I want to use jQuery to replace a value of an input, and I've got that part working. The thing is that it gets added again (via ajax or jquery, I don't know. its some kind of in-page reloader) and my script fails to replace the value the second time..
jQuery(document).ready(function($) {
$('input#custom-menu-item-url').attr('value', ' ');
});
That's the code I have right now. For those of you who can check a WordPress installation, its the nav-menus.php in the admin panel, custom links. So how do I get this to replace the value even if it the value gets added after page load?
View 2 Replies
View Related
Apr 13, 2011
i am making video blogging website and i need someone to make Hide or show menu, for example: When someone click on:
Season 1 (it should show)
Episode 1
Episode 2
Episode 3... (and when someone click on episode it should show text (usually <iframe... ))
ty in advance and i can share 5$ on paypal if you make it right and easy to use
View 5 Replies
View Related
Sep 30, 2010
I make a menu and in one of it's item I want to show a sub menu under it when the user mouse is over it, I use onmouseover and onmouseout for this and I make the visibility of the sub menu hidden and when the mouse become over the item it's visibility become visible. the problem I faced is that when the mouse become out of the item of the main menu the sub menu disappear and I couldn't click on or over it.
[Code]...
View 10 Replies
View Related
Oct 20, 2010
I am currently in a Javascript class and it is completely confusing me. I have a website that I am trying to make the tabs at the top all work. I already did the setTab function but I am not even sure if that is right. I have found lots of other websites that have good advice but they want me to do things way different than the book. Basically they are leaning me away from Javascript. The whole point of the class. I am including the original files as well as what I have so far. The page-1 is most of assignment and the Homework Description is the part that was cut off.
View 12 Replies
View Related
Jan 8, 2003
The below is a menu, which is hidden until clicked, and can be hidden by clicking it again.
<!-- This goes in the HEAD of the html file -->
<script language="javascript">
<!--
function showIt() {
if (document.layers) {document.layers["layer1"].visibility='hide'}
else {document.all["layer1"].style.visibility='hidden'}
}
function hideIt() {
if (document.layers) {document.layers["layer1"].visibility='show'}
else {document.all["layer1"].style.visibility='visible'}
}
// -->
</script>
<style>
input {border-style: ridge;}
a:hover {text-decoration: underline}
</style>
</head>
<body>
<span id="layer" style="position:absolute; top:17; left:20; width:250; height:90; visibility:show">
<script>
<!-- author: bfsog@hotmail.com use it as you wish //-->
<!--
function buttonText(type) {
if (type=="Hide Menu ") {document.menu.button.value="Menu";}
else {document.menu.button.value="Hide Menu ";}
showIt();
if (document.menu.button.value=="Hide Menu ") {hideIt();}
}
// -->
<!-- change the value of 'top' and 'left' in the layers properties below to place the menu
in the desired position matching the placement of the button -->
</script>
<form name="menu">
<input type="button" name="button" onClick="buttonText(value);" value="Show Menu" />
</form>
</span>
<div id="layer1" style="position:absolute; top:40; left:20; width:250; height:90; visibility:hidden">
<table bgcolor="yellow" border="1" cellpadding="2" cellspacing="0">
<tr><td><a href="http://www.google.com" style="text-decoration: none"><font face="arial" size="1"><b>google</b></font></a></td></tr>
<tr><td><a href="http://www.hotmail.com" style="text-decoration: none"><font face="arial" size="1"><b>hotmail</b></font></a></td></tr>
</table>
</div>
</body>
View 1 Replies
View Related
Mar 6, 2011
I have a nav menu with lists within lists (3 deep), with pattern as follows:
[Code]...
When a parent link is clicked it reveals the sub-list. What I would like to do is hide currently visible lists when another is revealed. I've tried to use .siblings but it dunt werk (or, at least, I can't make it happen!)
View 4 Replies
View Related
Mar 14, 2005
The amount of information I have in the footer for most of my pages has, over time, grown enough that the footer now takes up too much space vertically. Rather than completely removing the information, I would like to strip down each section of it into a single, descriptive word, and have more info about each section shown when you click on the specific word.
Essentially, it would be a mini-menu with extended information available for each menu item. I have seen show/hide javascripts that do similar things, but nothing precisely along the lines of what I am looking for, and I haven't been able to tweak any of the existing ones as I am pretty clueless about javascript beyond very basic modifications.
The main problem for me has been how to accomplish the layout I'd like for the footer:
Section1 ~ Section 2 ~ Section 3 ~ Section 4
Extended Text for Section #
The show/hide scripts in menu form that I have seen all show the extended text under each menu item, rather than having a designated area for the it regardless of which menu item was selected. But perhaps there's something out there that is more along the lines of what I need?
View 24 Replies
View Related
