I am just starting out with jQuery (slowly reading through my book)
I am trying to find a way to stop a DIV from reloading with the rest of the page content.
I have a fixed position div at the bottom of the browser with image thumbnails. I am trying to figure how I can get this DIV to NOT refresh when a link inside it is selected. This will allow the scroll position in this div will remain in the correct location.
I have a set of tabs that are set with an href that adds a query string to the url such as "?t=1", meaning the first tab is selected.
Technically it works just fine but every time I click a tab it reloads the page and I'm not entirely sure how to stop this.
I'm using a jquery plugin to handle the query strings. [URL]
Here's the piece of the code that matters:
var url = location.search;
var tab = $.query.get('t');
init(tab);
[Code].....
I have a set of tabs that are set with an href that adds a query string to the url such as "?t=1", meaning the first tab is selected.
Technically it works just fine but every time I click a tab it reloads the page and I'm not entirely sure how to stop this.
I'm using a jquery plugin to handle the query strings. Here's the plugin [URL].
Here's the piece of the code that matters:
var url = location.search;
var tab = $.query.get('t');
init(tab);
function init(tab){
[Code]....
I m trying to make a person stay on same page on cancel, but the confirm takes the user to the next page like they press ok. how can i stop it? code...
View 1 Replies View RelatedI'm working on a website that has four tabs, [#main, page1.html, page2.html, page3.html] if you click on tab2 it will dynamically load page1.html where there is a form that a user will fill out, and when they submit it, I would like to reload page1.html, or tab2 if its easier and in scope, to show new information.
However the only thing I have been able to do is fade out the 'main' div inside this tab, $('#main').fadeOut('slow'); but adding a .load('#main') to reload the div fails.
I've also tried loading ui-tabs-1 but I dont think this will work since page1.html doesnt have it defined, it's part of the page loading page1.html (where all 4 tabs are located)
this is my process :
1/ I displaycontaining div,
2/ I click oncontaining divarea
3/ containing div is removed
[code]....
I created an internal application which shows a large list of tasks that will be completed on a server by a script. It will go through each in order and update a database with its status (E.x "Failed", "Good", "Errors: <msg>").What I am doing currently is pulling the ID's of these tasks from a database, and then passing them to JQ to .load() the actual content for each div.What I would like to do is figure out a way to have each div reload as something is happening to it. So, lets say the script fires on the server and begins to process task ID 1. I would like to figure out a good way to be able to instantiate reloading for each div, as it is being processed.I do not wish to reload the entire page, I would not like for all 200+ divs to be constantly refreshing.
View 1 Replies View RelatedI revise the hrefs of the a-Attributes of my page. Now I include new content in this page and want to revise those hrefs again, but it won't work...
open: function( page ){
this.showPageLoader();
$.ajax({
type: "GET",
[Code]....
how to use $.ajax for the first time and I have a question specific to how I need to implement ajax.
I have a table that is dynamically built in php from a database. The user can click on an "Edit" link that is in each line/row in the table. When they do, a UI dialog pops up with the information from the line the user clicked on. When the user clicks the Submit button in the dialog box, $.ajax will send the info to a server-side script that will process the edited data.
I haven't yet implemented the above yet, but I have a pretty good grip on how to do what I have described above.
how to refresh the table to reflect the changes the user made in the dialog. This is AJAX, so I shouldn't have to reload the whole page - I'd imagine at the most the whole table. How do I do this?
I have a form that I perform some AJAX business on when it is submitted. However, I wanted to have an if...else statement but when I add it it allows the page to refresh upon submit. For example.
[Code]...
How to load jquery very quickly on server?
View 1 Replies View RelatedIs it possible to alter the query string of the current URL without triggering a page load.
eg. Say you have AJAX pagination, allowing people to change pages without the whole page reloading, just the content of the paginated area. However in case somebody bookmarked the page, they would really only be bookmarking the page 1 - even if they were on page 10.
So, what I was wondering is if it is possible when a user clicks Next, Previous, or Page 10, 15 etc, to alter (with javascript/jQuery) the URL (shown in the browser navigation bar) so that it reflects the page number they are on.
I am sure something like this is possible, either that or it is a damn fast connection. When I browse photos in somebody's photo album in Facebook, the photo loads with AJAX, yet the URL query string changes to reflect the current photo. And all this happens without any obvious full page reload. It appears that the URL/query string is being updated using Javascript while the photo changes using AJAX.
How do I add a stop button to stop the clock. Here is my code below.
<HTML>
<HEAD>
<script language="Javascript1.2">
<!--
[Code]....
I've hit a little bit of a road block developing this site: [URL]. I'm attempting to use the thumbnails to load a new video in the main object. I've used this:
$(document).ready(function(){
$('.thumbnail').bind('click', function() {
new_video = $(this).attr('href');
$('.main_video').attr('src', new_video);
$('.main_video').siblings('param').attr('value', new_video);
return false;
});
});
To replace the attributes in the object, but at this point, the source has the new arguments, but it needs to reload as the actual element still contains the old video. Should I somehow use AJAX to refresh this div? Should I reconstruct my jQuery somehow?
I am java developer using jquery tabs in my project.I have terrible problem with jquery tabs. when i am in second tab and submit the form,tabs are reloading and first tab selected by default, but i have to be in the second tab.
View 1 Replies View Relatedi am trying to build my form to submit without reloading the screen. I am using jquery and it inserts the data but it also reloads the screen and two database records get inserted. It appears that one is being inserted by jquery and the other is being inserted by the normal form submission. How do I remove/override the normal form submission? My html code is as follows:
[Code]...
Basically, I want the same effect as the oldschool html 'frameset' I think.[URL]If a user selects a project from industry -> transportation for example, I would like that the right scrollmenu keeps its initial state when the new project page comes up. So they won't get lost and have to click again to be in the same submenu section.So, the right thumbnail navigation should stay in the same way, I don't want it to reload.Do I have to do it with frames or iframes? Or can I make some kind of jQuery call to 'not reload' that div? Maybe PHP? I'm sorry, I am not a programmer from origin.
Update:I managed to put the whole thumbnail navigation code into a seperate php file, called sidebar.php. Now this gets called in my single.php (Wordpress) by <?php get_sidebar(); ?>.Should it now be easier to make this sidebar.php NOT refresh on page reload? I've been looking at cookies, php sessions, iframes.. but I can't get it to work.
I have a flash embedded into HTML and at some action in the flash, a javascript is called that changes the CSS properties of the div containing the flash (postion, from relative to fixed)the problem is, when this CSS is called the flash banner reloads from the beginning.. I read about it, and it's kind of a bug in firefox.the question is, is there a way to change the CSS without reloading the flash?
View 3 Replies View RelatedI have a site with frames. Like most sites with frames, clicking
links in one frame changes the page in the other frame.
Obviously, if someone puts in the URL for my site, they will get the
"homepage" when they first get there. What I would like to accomplish
is that if they leave my site, and then use the BACK button to come
back, that the site will open with the homepage, not whatever page
they were at when they left. Is that possible using javascript? If
so, how?
My site isn't actually "on the web" yet, so I can't give you a URL.
I have a page that has several layers that I will either show/hide
based on a graphic/tab that the user clicks. (works perfectly)
On several of the layers there are forms that the user can update
information on. Well, after the user updates the information, I need
to 1.) refresh the data on the page(means a reload of the page), and
2.) take the user right back to were they started.
My problem is that when I refresh, the page goes back to the 1st layer
that is set as default to show.
So, here is what I did. I have two functions.
Function 1 is called when the user clicks on one of the tabs (Assets)
in this case. This will 1.) show the Assets tab and 2.) hide all the
rest of the tabs.
Well if I update that form for Assets, I need to 1.) refresh the data
and 2.) bring the user right back to Assets.
What I did for this (please tell me if there is a better way) was to
set a hidden field with the lastlocation of where the user clicked. In
this case the field value is now set to Assets.
So far everything is working great...
Well, if I submit the form because I've updating information, I need to
return back to the assets layer. To do this I set the location.url and
put a var in the url that I evaluate when I OnLoad the page. If the
value = Assets then I am able to show/hide the layers to get to the
Assets.
Again, this works great after much banging of my head against the
wall... Here come the problem.
Because I set the location.URL (I've also tried location.href) the
browser will automatically refresh. I do not want this. I want to set
the url and only refresh when I want to.
For example when I submit a form that updates data.
Is there a way of reloading a page programatically - for example,
<script language="javascript>
document.location.reload()
</script>
BUT NOT HAVING TO MANUALLY CLICK A "RESET" BUTTOM.
Suppose I have two frames, as shown in the script below. One of the frames,
I would like to have reload every ten minutes or so. Hower, the frame I wish
to reload is a php script, which executes and creates a png image which gets
displayed directly to the browser frame (therefore, the image is NOT written
to the server itself, and the page that gets displayed in the frame I wish
to update is a png image mime type).
How can I amend my script in my page which holds the frameset (i.e. the
parent) such that only one particular frame is updated at a fixed interval?
<frameset rows="10%,90%>
<frame src="ggtab1a.php" name="main" scrolling="no" noresize
FRAMEBORDER=0 BORDER=0 FRAMESPACING=0 marginwidth="1"
marginheight="1">
<?php
echo "<frame src="reports/homepages/" . $username.".php" ";
?>
name="work1" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0 marginwidth="0"
I'm trying to get a form working like Google's "Was this information helpful?" link at the bottom of their help pages. ie.
http:[url]....What I want to do is when a user clicks on the Yes / No link it submits the yes / no value to a php script, but without reloading the current page.Is there any way to do this other than using Ajax?
I made a form with a tooltip function when you hover over an input field.But when I load the page, after about 500ms, the page turns white and the ""Loading..."-message from the browser stays forever.I found out that this is because of the tooltip function, especially the code:document.write(table)
Here's the javascript:
//////// Tooltip code
///////////////////////
[code]....
I started on the following page (part of an asp.net solution), but the damned thing keeps reloading.
<!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">
[code]....
I have a div tag that I want to loop through and refresh at the end of the loop. I understand Ajax is probably the best option for this but how do I refresh just the div tag alone without reloading the page?
In the title I meant to say How do I refresh a div tag without reloading the page?