JQuery :: Remember Slideup/down After Refreshing Of The Page?
Jun 22, 2011
i have a slider ( slideup and slidedown of a div box ) and in the div box i have a menu. If i click on the menu the page will refresh and my div box do not show because standart the div box is up ( slidup ). can i make jquery remeber how position is my slide ? if the page do refresh i will see my div box.
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.
I have just got my web site to the point where I am about to upload it, but I have come across a problem which I do not know what to look for on the web. I will try to describe the problem the best I can. I have a page with pictures in a table of 3 X 10 all pictures are thumbnails 100 X 90 all is just fine, but I have a link to pages from the thumbnails but when I return to the thumbnails I start back at the top of the thumbnails page. I have been told that this can be done with JavaScript but I do not know what to look you on the web, I have tried to look for something [Remember page position, Page history] but with no luck I have not done any JavaScript before and do not know where to start, so any help would be great.
Im trying to figure out a way to remember the value of a variable at a php file usign ajax but until now i cant image how make it work. My first file is a form that contains a list of states or regions and by doing click loads dynamically the list of another regions according to the first state selected. The idea is to send that form to the same page through the action command but like the ajax function only loads at onchange calling it doesnt work for what i want to do.
Here is my code: This is the main file where loads the second catalog
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "(URL address blocked: See forum rules)"> <html xmlns="(URL address blocked: See forum rules)"> <head>
I came across this product page at nordstrom that allows users to filter products by certain criteria (size, fit, price, etc). [URL]..
They use ajax to update the page with any new criteria that users select, but with each page update the page url also changes and the browser history shows the new page. This is done without refreshing the page.
how this is done: creating a new page in browser history but without refreshing the page?
Trying to figure out how to get my simple page re-load to pause for a couple seconds before sending the request. I tried $.wait() and think this could possibly be what I need but seem to not be using it correctly, as I have not had any success getting it to work.
[Code]...
Is there a specific place to put the $.wait()? or should I be using something different entirely to get the script to pause before sending the request to reload?
I've got an order system with a database table column key which is set to 0 by default, in which case the order's html tag has an id prefixed with "transstat-".When the order goes through successfully, it changes the value to 1, in which case the order has no html id tag.The new orders are already in list-style (<ul>/<li>) being "pended" to the monitor page so a complete refresh of the page is out of the solution.
When a new order is shown, it's given a unique id e.g. id="transstat-1023" and then it should check the database every 4-5 seconds to see if the transstat has changed to "1". If so, it should change the html id tag of that order to nothing so that the jquery script skips it at the next sweep for "transstat-".I've tried using the following to search through all the orders with an id that contains "transstat-", but with no luck...
I'm using some jQuery to work with the Last.FM API, and I'm stuck where I need to allow the user to run the JSON request a second time after the page loads (it loads once automatically when the page loads, the second time is when they push a button). What happens currently, is the JSON function is fed some default data when the page loads:
You might have noticed in the JSON, I write the URL the JSON is requesting to the console every time it runs. When I click this button, a new URL pops up in the console below the first one but only for a second, and then the page reloads and the original JSON request is called. It's this loop that I can't seem to break out of - why does re-calling the JSON refresh the page?
Here I am opening a div tag inside a modal dialog. There is a form submit button. When I click the submit button the modal dialog closes and the page refreshes automatically.
My programme is to let people play roulette wheel, record their choice of bet, amount of bet, result of bet, number of bets, bet limit. I would like these data being posted to myqsl each time the person bet, without the disruption of page refreshing. I have code as below, but it does not work. There is no error msg, just no data could be inserted.
I have a search form that a user selects item from dynamic list hits the submit button and it returns each matchingresulton same page in an update form, i have 2 checkboxes in update form that updates the DB when 1 is checked, this all works fine until i check the checkbox the data updates ok but allremainingupdate forms are removed because the page refreshes.
So i need to update formstwith out page refreshing but i cant get it to work with multiple forms on same page.
I have a number of pages that organize book data by category and then by unit, chapter, section, etc... Since there is a ton of data I display the headings and hide the rest of the content for the category. When a user clicks the heading then the content for the heading is shown underneath it. This works great and the users don't have to scroll (at least not much in comparison to if everything on the page was visible) unless for some reason they expand tons of stuff.
The problem:My company wants it so that if they expand a bunch of stuff and then browse to another page, that when they click the back button, everything should still be expanded as they left it. The issue is, this content is only available to logged in users and is based on their current location (which they can change at any point), so if their session expires or they logout, using the back button to get to these pages needs to redirect them to the login screen, if they change pages and change their location, going back to this page needs to display the correct content for their location. It is kind of a catch-22. Of course in the eyes of my company "shouldn't it just work that way?"
When a user clicks the "Close Panel Manager" link on page2.htm I would like page1.htm to be refreshed without losing the address in browser1/page1.htm. Page2.htm is a child popup from parent window page1.htm.
My URL is: http://localhost/testproject/product.html#catId=155I want to URL: http://localhost/testproject/product.html without refreshing the page.Is this possible using javascript Or jquery ?
Im not sure if im going about this the right way but what I'm trying to achieve is to have my webpage seperated into two main div's.The first div contains a media player so it cant be refreshed or the media stops.The second div is used to view content.I've used innerHTML to change the content of the second div from links in the first.The problem is the URL displayed doesn't reflect the change in content of the second divI want to be able to load content into the second div using innerHTML while changing the URL so people can link directly to that content
My URL is: http://localhost/testproject/product.html#catId=155I want to URL: http://localhost/testproject/product.html without refreshing the page.Is this possible using javascript/jquery or not ?
here's a few lines of code I've got in a page that has a php database query in it and I want it to arrive at the anchor link I have called "bottom each time"
<script language="javascript">
function loadPage() { location.href = "http://www.mysite.com/help/chat/chat_window.php?theID=<?php echo $id; ?>"; }
refreshing a page once,twice or so on every given time.. (refresh 1x/30 secs or 2x/40 secs)to make it clear:example i will input 100 on a textbox (so this is my given time) and i will set to refresh the page once,twice and so on in every given time(the 100 i have inputed)
The user enters their info, the info is sent to the php page through ajax, the php checks if the input fields are empty and checks if the info is correct.If fields are empty or the info is wrong, it updates a div layer with an error message telling them what is wrong.
My problem though is if the user enters correct info. If the user enters correct info I want the main page (index.php) to be refreshed (This is the page with the original form on it).This is my java script:
function createRequestObject() { var ro; var browser = navigator.appName; if(browser == "Microsoft Internet Explorer"){
[code]....
I've tried various things with the meta tag, including updating multiple parts of the page (using ID|<blah> instead of just a plain echo) and a couple other things. None of them will get the original page itself to reload.
I'm working on this system, where an admin can manage articles and stuff. The editing, adding and deleting of articles is done from within a Javascript popup. When the new article is added, the admin can hit a "close this window"-link to return to the admin-page, which contains a list of all articles.
This works fine, however, when returning to the list-page, the new article hasn't been added to the list, because there was no page refresh. Is there any way to invoke a page refresh from within the editing-popup?
I have been searching high and low on how to do this and I think I'm at a loss because I'm so unfamiliar with js and ajax.What I would like to do is have just a single div on a page refresh every 5-10 secs; the content of the div shows what users are logged on; the content is generated by a query on my db
<div id="players"><?php $online_query = "SELECT user_log.user_id,user_log.ip,user_log.logged_in,user_log.logged_out,users.username,users.type_id FROM user_log LEFT JOIN users ON user_log.user_id=users.id WHERE user_log.logged_in IS NOT NULL AND user_log.logged_out IS NULL ORDER BY users.username";[code]....
almost all of the google results I got for refreshing a div were for updating dropdown boxes or dealt with some kind of page event...so now I'm at a loss on what else to look for..