Restoring The Background On Collapsible Floating Sidebar?
Nov 4, 2010
I haven't used much Javascript before and I have a question about the following code. I've taken it from this tut [URL] and changed it a bit so it applies an expand/collapse functionality to a floating sidebar on the side of a website I'm working on.
When I remove the background on the toggle function, it refuses to come back. I have a feeling it's a simple solution, I just don't know what syntax to fill into the second part of the conditional to restore the background image. I've tried display, show, an actual path to the image...
<script language="JavaScript" type="text/javascript">
function toggle() {
var bar = document.getElementById('floater');
var barText = document.getElementById('f_news');
[Code]....
View 1 Replies
ADVERTISEMENT
Jun 3, 2011
I already have most of the code to successfully float my sidebar and make it follow your scrollbar.The problem I have however, is that there is a small margin between the sidebar and the footer when the scrollbar reaches its end.How do I correct this little margin? Nothing, that important but I do want to fix it badly.
View 21 Replies
View Related
Dec 5, 2005
Rather than have several different pages, an app was designed to have
different sections, all on one page. To get to the different sections the
browser is scrolled down. It may take several submits before everything gets
filled out correctly. The user complained because the page would not scroll
to the previous position, code was installed to save and restore the page
position, but it doesn't always go to the same place. Sometimes it does.
Sometimes it doesn't. Two text boxes are used to save position, and the page
is regenerated with x and y as literals by the server. The problem seems to
be what values are saved as the page is submitted. Code:
View 2 Replies
View Related
Sep 23, 2005
On an HTML page with 2x different forms, how can I redisplay the same
page after a submit, restoring the values from BOTH forms even though
only one was submitted?
I have an existing PHP program that I am modifying, and need to
redisplay the same page after a submit (the button that submits is a
"change shipping" button, that allows the user to continue with the
rest of the page). The problem is that there are TWO forms - the one
that allows you to change shipping, and the other where the user can
fill in the billing address. Making this into one form is not really an
option, due to how the program is set up.
Since they are 2 different forms, submitting the "change shipping" form
does NOT bring the billing address fields to my PHP code in the POST.
This makes restore difficult.
I have a couple of kludgy ideas on how to work around this (mostly
javascript based - e.g. setting hidden fields in the "change shipping"
form when the user is changing the billing fields). However, I was
wondering if there were any other easy solution to acheive this.
View 3 Replies
View Related
May 18, 2010
providing me the piece of code which saves the check box status and then to use the saved information to restore the check box status
View 2 Replies
View Related
Nov 14, 2010
how to save form values in cookies, etc. for use when re-displaying the forms. for example, after an error has been detected. Naturally, PHP allows you to do this with $_SESSION variables.
But no one seems to have cracked the problem with FORMs having file uploads. Browsers will send the file to the server and the name, but not the path on the client computer (I suppose for security reasons).
So, if you want to re-display the page, you can fill in all the form data in your PHP script so that the user doesn't have to re-enter everything. But, since your PHP script only knows the NAME of the uploaded file, and not the path, whatever your fill in for the "xxx" in <input type="file" value="xxx" /> will be wrong.
View 4 Replies
View Related
Feb 2, 2005
I have a contentEditable element, and am using setTimeout() to call a function which changes the innerHTML of the div. Problem is that changing innerHTML moves the caret to the end of the text.
I need to keep the caret pos so the user can keep typing. I tried storing the caret pos with
cursorPos=document.selection.createRange().duplicate();
And then later restoring it with cursorPos.select() - which is IE only, but it doesn't work because the content of the div gets changed between calls, and the behavior is undefined (it basically selects everything) ...
View 1 Replies
View Related
Sep 24, 2010
Trying to create a method/function how ever you want to call it, that will allow me to clear input values on inputs with focus() and restore the input values if nothing is entered or keep what the user types on focusou().[code]
View 3 Replies
View Related
Jan 22, 2010
In Mac Safari 4.04 & Firefox 3.6, I am seeing page state being persisted on back button to page. I couldn't reproduce on jquery 1.3.2.
Here's a simple example:
<html>
<body>
<script type="text/javascript" src="jquery-1.4.js"></script>
<a href='#content1'>tab 1</a> <a href='#content2'>tab 2</a>
[Code]....
1. Click on one of the anchors.
2. Goto another page
3. Click the browser back button
Result: One of the sections is still hidden. Is anyone else seeing this? How is jquery doing this?
View 3 Replies
View Related
Jul 11, 2002
If you by chance happen to have a SVG-enabled release of Mozilla handy (:)), take a look at the zip file attached to my reply on this thread (can't attach multiple files per reply).
Basically, it can graph:
functions:
polar equations
4 basic conic sections (circle, ellipse, hyperbola, and parabola)
It accepts any Javascript constant and method for input (graphing f(x) = Math.random()*x gets interesting).
And is basically really cool - the XUL interface is pretty slick imho too (was originally written in XHTML 1.1, but decided to learn XUL and rewrite it in it for fun).
And for even more fun - I define the example conic equations using presentation MathML 2.0 :D.
Anyway, I need to implement 2 things before it becomes really usable:
1. zooming - easy enough with the SVGTransform interface
2. changing the x-min/x-max, y-min/y-max box settings - which is also easy enough via SVGTransform.
If you regularly used a SVG-enabled Mozilla, what would you like to see in the sidebar calculator application?
View 23 Replies
View Related
Feb 13, 2010
Does anyone know how to get the sidebar for Google Map v3 in div's instead of the dropdown options? I'm using this google tutorial: [URL]
View 2 Replies
View Related
Jul 22, 2011
I'm looking to add a "widget" to a website, but do not want to add to every page. Is there a way to add it to the main page and the entire site displays it. The site has many static pages :mad:
I want to use something like what is displayed on this website [url]...
The live chat link on the left hand side.
View 1 Replies
View Related
Apr 20, 2011
<?php if ( is_404() || is_category() || is_day() || is_month() || is_year() || is_search() || is_paged() ) {?>
<li>
<?php /* If this is a 404 page */ if (is_404()) { ?>
[Code].....
how I can clean it up a bit, since there is stuff in there I don't think I need. I would like it to only be "Nyheder", under this there shall be (as now) a list of post, shown by which month they where made.
View 3 Replies
View Related
Jan 16, 2011
I have a site that I'm building that I would like to have a scrollable sidebar using jQuery. I've attached the Photoshop concept screenshot showing the sidebar.
View 2 Replies
View Related
Sep 9, 2009
I have a sidebar application, I am using an IM functionality inside this sidebar. When a user is logging in, the connection with chat server will generate on this sidebar.The sidebar itself acts as a parent window. When a user click on the IM icon inside the sidebar, a child Pop up window will open. The child Pop up window uses the connection objects from the Parent sidebar. When closing this child Pop up window, the sidebar hangs. When I tried to reopen the child Popup window, the Pop up window also hangs for a long time. But I can not find the exact reason behind this hanging of sidebar, after closing the Pop up window.
View 3 Replies
View Related
Jan 8, 2012
How I can implement JQuery UI Tabbs into my WordPress Blogs Side Bar. What would be the most appropriate place to ask this question as I have zero experience with any of this and I am using the Genesis Framework for my Blog which can be found here[url]
View 2 Replies
View Related
Dec 17, 2009
I've been experimenting with accordion nav in the bottom of the sidebar on this site. I got it from this work put up by Marco van Hylckama Vlieg, and I think he's done a good job. At a glance, it looks like my menu works, but as you click around, you will see it is not consistent at remembering which section of the menu to leave open - it should remember its state. It uses cookies, and I wonder if there is a problem with that, or a conflict with other scripts on the site (this is a Squarespace site). I'm hoping a js expert might see an obvious problem. I asked Marco, but he saw no problem. I've tried it on several machines and always had problems.
View 1 Replies
View Related
Oct 24, 2010
Another quick question re. the JQuery sidebar I have on my Google map. I would like to link to individual markers from different websites or via email, so would like to convert for example, the 'javascript:myclick(7)' link on the menu to an external URL that will click to the marker and info box containing the video. Is this possible?I have tried something like [URL].. but that doesn't seem to work. Does someone know of anotherwayto do this?[URL]...
View 4 Replies
View Related
Dec 20, 2010
the person whose site this is wants a short blip sound played whenever you roll over the links in the sidebar. I know it's not advised, but she insists. I've tried implementing a few scripts but no luck in Firefox or Chrome.
View 2 Replies
View Related
Apr 18, 2010
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]...
View 4 Replies
View Related
Apr 18, 2010
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]...
View 14 Replies
View Related
Jun 25, 2009
get a code of simple panel collapsible DIV, with a plus minus symbols(image).
View 1 Replies
View Related
Jan 23, 2005
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.
View 24 Replies
View Related
Jun 15, 2009
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;
} .....
View 2 Replies
View Related
Jul 4, 2006
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 Related
Sep 7, 2005
I'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?)
View 1 Replies
View Related
