I have this code for collapsing div below. What I want to achieve is that when I go back to the page, it would remember whether the div was collapsed(style.display = none) or expanded(style.display = block). Here is the collapse/expand script:
Code:
<script type="text/javascript">
function toggleDiv(div){[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 Relatedget a code of simple panel collapsible DIV, with a plus minus symbols(image).
View 1 Replies View RelatedI have an html page and would like to add collapsible pannels but the page is run on a linux server can any one help me in less then 100 lines?
View 1 Replies View Relatedi have used it for creating a table with Sorting and Paging. The table works perfectly without any issues per se except what i need now. I have used the following files: jquery-1.3.2.js, JQtable.js, and jquery.tablesorter.pager.js.
My problem is that there are links in 1 column of the grid. If a user clicks on the link, the user is redirected to another page. But when the user clicks on Back button, the Jquery Table always loads on the 1st Page with default settings and does not load the page on which the row wa present.
i need to go back to the same page of the table (from where the link has been clicked) with the same size for paging and sort order on clicking Back or a Link to the Page.
So in short - is there any pugin which we can use witht the jquery table to save the state and use it to load the table accordingly on Page Load?
is there anyway way of saving a cookie of a certain website permanently ? there are some sites that offer cookies for each promoter. therefore even if the visitor goes through some other link of another promoter the details of the first promoter will be retrieved from the previous cookie.
View 3 Replies View RelatedI have a page with a simple form: 3 hidden fields and 3 selects. I load the data for the first select via Ajax on domready. I have "change" event handlers for all 3 fields. If I select something in the first select, the corresponding data gets loaded into the second select via Ajax etc. So it's a "cascade" of selects. When an option in the 3rd select is being selected, I save the values of all 3 selected options in the hidden fields, and create a button for submitting the form. Until here everything works fine. When a users hits the submit button, he is being forwarded to a results page. Now, when the user hits the back button, and the page with the form gets loaded again, I check if the first hidden field has a value. If so, I try to fill all the form fields with the values the user had entered (i.e. the selections he made), which means I make 3 Ajax calls (to have all the data available), and mark the options the user had selected as selected. That works fine in FF 3 and 3.5, Safari 4, as well as IE 7 right now. IE 6 only display the data of the first select (as if the other two Ajax calls aren't successful or something - no errors though), while Opera 9 doesn't seem to remember the values of the 3 hidden fields (same issue with IE 8, but I'm using IE Tester, which is not always reliable). The html and jquery code (leaving out all the details) look like this:
<form id="myform" action="action.php" method="get">
<input name="manu_saved" id="manu_saved" type="hidden" />
<input name="series_saved" id="series_saved" type="hidden" />
<input name="type_saved" id="type_saved" type="hidden" />
[Code].....
I am currently working on a page that has a series of <div> tags that .show and .hide whencorrespondinglinks are clicked, the first <div> is visible when you load the page. When you leave the page and return to it, the page reloads and the the first <div> is visible. Is there any way for the browser to save the current <div> that is visible to stay visible when you return to the page?example of what I am trying to accomplish:I load a page and click on the third link to show the third <div> and then after leaving and returning to the page (by clicking the browsers back button) the third <div> is still visible, rather than returning to the original state of the page where the first <div> is visible.
View 2 Replies View RelatedI'm trying to get my form to save a user's data via cookies. I found a script at [URL], and it only seems to work if you refresh the page, but not if you close out the browser and restart.
<form action="process-contact.php" id="contact" method="post">
Name: <input type="text" name="name"/>
<br />Email: <input type="text" name="email"/>
<br />Message: <textarea name="message">
On my website I have a simple shop where you can add items to your cart. To make things nicer, we have Javascript to handle the process to make it faster. The problem I am having is that Opera does not save the cookie that the javascript creates.
Here's the relevant code:
Code:
function createCookie(name,value,days){
var expires = "";
if (days){
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
expires = "; expires="+date.toGMTString();
}else
expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
Full code: [URL]
You can see it live if you go to [URL] click on "Kaupa" (Icelandic for Buy) on any item. You will see a nice simple animation once you do. Once an item has been added, a cookie is created but in my Opera 10.53 the cookie does not exist. Browsing any other pages will result in the cart being empty. What am I doing wrong? Works for every other major browser except Opera.
I am trying to save the state of visibility (hidden or visible) of a portlet as a variable so that It can be saved. Hopefully allowing the user to return to the page without having to toggle portlets open/close again.
My issue: Unable to correctly establish whether or not the clicked portlet is visible or hidden while assigning a variable to be used as post data to a database.
Here is the code so far
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
[Code].....
I would like to code a couple of scripts for saving various data into cookies, and then post them to e-mail through a cgi script. To be more clear, I want to save some questionare's answers given through a series of html pages, to cookies. When (and if) the last question is answered, send all the answers to an e-mail address.
View 8 Replies View RelatedI wonder if it's possible to implement a menu like the one ofcbs.com?Basically, when mouse over some of the menu items, a menu panel shows up with a few columns of links. The many panel disappears when the mouse moves out. I think it's quite neat and I'm hoping to be able to do something like that with jQuery.
View 2 Replies View RelatedI'm loving this: Sliding Login Panel with jQuery 1.3.2 However, I'd like it to work so the 'Close Panel' link actually appears in the #panel itself and doesn't swap/toggle with the 'Login | Register' part.
View 5 Replies View RelatedI am implementing the following example into a project I'm working on...Simple Slide PanelWhen clicking Slide Panel, the panel pushes everything down. How do you modify it so that instead of pushing everything down, it just slides down over the top of everything else?
View 4 Replies View RelatedI 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?
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 RelatedI 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.
How do I change the image from one to another on the collapsible div? For example: when you click on the div the image changes from plus to minus and vice versa.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Collapsible Message Panels</title>
[Code]...
How do I change the image from one to another on the collapsible div?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Collapsible Message Panels</title>
[Code]...
I need a solution that will allow me to use link text in the header to raise an event that will push the content in the area below the header down as would a collapsible list type of construct. I want to display a login and registration fieldset, dynamic help, and validation response in the expanded area.
I have been searching high and low for DHTML or CSS solutions that will allow me to use collapsible content with both IE and Firefox. Not one of the many very well-known CSS gurus has any solution that I have discovered yet.
I'm just starting to learn JavaScript and have been playing around with jQuery. I'm trying to make a collapsible list. I've got part of it working and am having trouble getting the rest to work. I'm using a unordered list, if you click on Category 1 or Subcategory 1 it works exactly as I want them to but none of the others work. I sure I need some kind of array to get the others working, but I'm not sure where to start? This list is queried from a database so Categories, Subcategories, Items will vary, but this is the basic structure.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
.list {
background-color:#FFFFFF;
color:#000000;
}.list ul{
padding:0;
margin:0;
list-style-type:none;
}.list li{
position:relative;
list-style-type:none;
width:300px;
} .....
I have been looking around for quite some time for a simple piece of code that allows rows to be collapsed in tables, so when you click on a link in the tbale the row beneath collapses. All i have found are very complex codes that i cant get to work or that dont work in both IE and FF.
View 6 Replies View RelatedI'm looking to implement a Collapsible vertical navigation script into my site - i'v searched the forums and other various sites and found scripts that where close to what i wanted to achieve but missing various elements.
I'v attached an image to this post to show you what I had in mind and hopefully someone can help me (hopefully using css and as little javascript as poss - or perhaps using DOM?)
The script below allows me to create expandable/collapsible menus. What I'm trying to figure out, and have been brutally unsuccessful thus far, is how to expand the menus upon an initial visit.
For example, on the home page, I have a link to "Colors" and a link to "Groceries". When a user clicks on "Colors, they are taken to a page with the collapsible menus:
Colors
GroceriesIf they were to click on Colors, the menu would expand and the user would see:
Colors
- Red
- Blue
- Yellow
GroceriesI want to make it so that if the user clicks on "Colors" from the home page, the "Colors" menu is automatically expanded on the page with the collapsible menus.
Can someone help me out? Code: