I've been using the accordian tutorial but was wanting to save it's state after I click the link
[URL]
for instance if I open the accordian to heading two and click link 4 it would be great for it to stay like it on when link4 page loads (so the users know where they are)eg:
Heading1
Heading2
-link4
[code]....
[URL]In the documentation there write that i can save the state of my open and added widgets. But how?
View 6 Replies View RelatedI have a little problem with saving a single checkbox state (check or uncheckd) for a session with jQuery.
I did find similar problems and solutions but i couldn't apply the help or solutions to my situation. So i give it a little try here..
Good to know is that I'm new to jQuery.
What i would like to achieve
I have one single checkbox that, when checked, will unhide some div's. When you uncheck the checkbox the div's will hide again. This is sort of an "Option". This works fine with the piece of jQuery code i have now.
The problem is that when a user checks the checkbox and then loads another page (/page2) the checkbox is unchecked again. I would like to store the checkbox state for a session. So users don't have to check the checkbox again, and again after browsing to the next page (if they wish to use this option).[code]...
I am trying to create a basic a accordian style menu. Im guessing i have done 90% of the code, but a little stuck now.I have three widget and what I am attempting to do is hide all the widgets apart from the one actually clicked. My code so far is as follows.
$(".widget-title").click(
function () {
$("#widget1_content").hide(); //My Widgets
$("#widget2_content").hide();
[code]...
I am using a script found on Dynamic Drive and edited it a bit to fit my needs. Its a script to toggle a content area and at the same time display a + or - depending on if the content is displayed or not. The problem, the state of the content area is saved in a cookie, but the +/- state is not. I have gone over some cookie tutorials and looked through the forums, but I just couldnt figure how to edit the code to make the +/- save state. Code:
View 2 Replies View RelatedAlright so you have the header, horizontal menu, then content below it. The horizontal menu has to expand PUSHING the content down slightly expanding the wrapper. I'm hoping someone can help me out with this because right now it's not even horizontal. When I flip it it all breaks
[Code]...
I'm creating a script that saves my collapsed/expanded panel's state. This is my code for the collapsible panels. code...
View 3 Replies View RelatedjQuery resource I'm using a accordian menu I found here:[URL]...I'm using it on a development site here:[URL]... It's being used on the left hand side navigation which are coloured Red, Orange and Green.
The menu is supposed to maintain state when you click through to the various sections, however it appears to jump between the Red, Orange and Green sections.
I've cheked that the cookie is set and using the unique identifier but it's still not working.
I have an accordion effect setup on a a nested list. The effect is working great however, I want to retain the menu state (e.g. which section is open) when a user clicks a particular link and the site loads a new page.How do I do this with jQuery?Here is the jQuery I have currently:
$(document).ready(function(){
$('.boxCategories ul > li ul')
.click(function(e){
[code]....
I have been using the Sitepoint book jQuery from Novice to Ninja. I'm still very much a novice but I'm making some progress...I have a jQuery accordion effect set-up on a a nested list. The effect is working great, however, I want to retain the menu state (e.g. which section is open) when a user clicks a particular link and the site loads a new page. I'm thinking I must need to use a cookie or similar but have no idea how to implement this. Here is the jQuery I have currently:
Code JavaScript:
$(document).ready(function(){
$('.boxCategories ul > li ul')
[code]....
I used the code from the following article...[URL]
$(function() {
$('img[data-hover]').hover(function() {
$(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover',
[code]...
why does the rolled over image's src return to the original value when the user rolls back off it?
I am working on getting this script to work on my page but can't get the hovered anchor to maintain it's state when moving to the mega menu. I'm hoping to have a tabbed look to the drop down much like at[URL]..
However, being new to jQuery this looks a bit daunting the way this script was written. I've seen examples coded much more simply than this one. This one seems like the author was trying to obfuscate the intent behind the code.
Is there an easy way to modify this code to allow for the anchor that triggers the event to maintain it's hover state even when moving to the drop-down?
I am trying to have it save menu selections, I was thinking either cookies or storing it in the window thing but I am unsure of how to do these.
HTML Code:
<script type="text/javascript">
function setCookie(c_name,value,exdays) {
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
} .....
Assuming I have an image in my page
I would like to invoke the 'save as' context menu for that image when the user left-clicks the image
I will have a link embedding the image. Clicking the link should invoke the menu and allow the user to save the image
Assuming I have 2 images. Image A and image B.
Image B is a small thumbnail version of image A
Image B is displayed on the screen
When the user left-clicks it, the 'save as' context menu should open (see previous question) and will allow the user to save image A (this is right, the original image and not the thumbnail being display)
Is this possible?
I'm trying to use the cookie plugin to remember the state of a navigation menu from page to page. Here is the snippet of code from towards the top of my page where I am including the jquery files and cookie plugin. The second part of the sample tries to determine whether the cookie exists.
[Code]....
I have two drop/down menus that are dependant on each other. When I have
made a choice in both of these menus and press a button I get to a page
depending on the choice made. On this page there is two buttons "Accept" and
"Back".
When I press "Back" I would like to get back to the page with the two menus
and they should be set to the choice I made. Now the just reset when I press
the "Back" button.
Is it possible to save the options that I choose from the drop/down menus
when I get back to them by pressing "Back"??
I am attempting to make a menu that has a background image that changeswhen you rollover or click a menuitem. I've got the hover effect working fine with CSS, but am trying to implement the click event via jquery with the following:
CSS:
div.SustainResourcesMenuTabs
{ background-image: url('/images/departments/commdev/sustainability/menu_tab.jpg');
}[code]....
My process is to reset the entire menu to the inactive state, then switch on the active state for the item that was clicked. Eventually, the item that was clicked will display its corresponding body section as well. I've tried using the CSS pseudo-class "active", but since the entire div is the link, that is unavailable. I've also tried multiple variations of addClass/removeClass, toggleClass, and setAttribute/removeAttributebut nothing hasworked so far.
I am trying to get an accordian script to work within tabs, here is the code I just can't get it to work, I realise the issue of the inactive tab displaying none which causes problems, I have tried a few work arounds but still not working [code]...
View 2 Replies View RelatedI am working on a website and discovered this vertical accordion style navigation bar that works perfectly for my needs. I am not a programmer though and have never worked with jquery so I need a little help tweaking a part of this navigation.
The instruction page that I cut and paste the code from is here: [url]
I have two menu items that don't need a dropdown component (the "home" button and the "contact us" button). They are pretty much stand alone links. You can view my page at: [url]
Is it possible to make the home and contact buttons a stand alone link themselves? I don't want it to open a sublink as there are none connected to these two buttons...
Also, where in the code do I place the info if it is possible.
To say I'm new to JavaScript is a bit of an understatement so bear with me. I have a site set up with a variety of layers of toggles. When you enter the site all of the items are collapsed and you click the headings to expand. Each of the toggle-able items have ids. It works great for users who start at the homepage.
However, when I send people to any of the inner topics, all they see is the initial collapsed state of the site. I want to be able to provide a URL that will set the toggle to open, and show all of the content for that section on entry.
Here is my code and js, can anyone point me in the right direction?
[Code]....
How can I preserve the session state of a SharePoint browser state using javascript?
View 2 Replies View Relatedim using the jquery accordian on two divs, the first time the page loads the first div displays as it should you then click the header and the second displays as it should.but when you click on the 1st header to display the first content again the content has scroll bars AHH
View 1 Replies View RelatedI am combining a select box enhancer called Chosen from [URL]... When the States section is toggled, the accordian's area is not grown when the chosen is activated and shows a scrollbar when it shouldn't.How do I need to handle that?
View 2 Replies View Relatedim using some accordian jquery code and the accoridian is open when i view the page.... is there anyway i can have it closed and i can click to open it
im using this code:
window.addEvent('domready', function() {
var status = {
'true': 'open',
'false': 'close'
[Code].....
I have a video-content website and use the jQuery on most all the pages. One page combines theAccordian widget with video:
[Code]...
I have an accordian list much like the example here : Say for instance i have page links under the heading 'Section 2' of that demo.How can i make it so that when you visit a page from these links 'Section 2' is now active (by that i mean expanded, instead of the first item as default)I am looking at this information provided on the same page , but it's not really making sense to me.Selector for the active element. Set to false to display none at start. Needs collapsible: true.Code examplesInitialize a accordion with the active option specified.
$('.selector').accordion({ active: 2 });
Get or set the active option, after init.
//getter
var active = $('.selector').accordion('option', 'active');
//s
[code]....