Regularly Refresh Part Of Page?
Apr 5, 2010For our new site we need to regularly update part of page.What solutions are there for this purpose??
View 1 RepliesFor our new site we need to regularly update part of page.What solutions are there for this purpose??
View 1 Replies[Code]...
when i load page it does nothing only blank page, may have code in wrong place but not sure so can someone show me a working example so i can find out what i'm doing wrong also i would like the part of page to refresh evey 120 seconds is this possibe with jquery?
So my problem is that i can't send form data in FF without page refresh (though in IE7-8 everything works smoothly).
My code fragments:
How to refresh DIV , without refresh entire page,Am having four DIV ,
DIV1,DIV2,DIV3,DIV4
I want to refresh only DIV! without affecting the DIV3,DIV4 ,
I am using a Jquery/PHP/MySQL login script which is supposed to display an error or success message when the user enters their username/password and also if the username/pw is successfull go to a secure page. Right now as I have it coded, this isn't working properly. Basically nothing is displayed either way.Also,wasn't sure if I just needed to replace, the ?secure-page part with the file name of the page I want to go to if successful?Here is the code as I have it now.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>[code].....
I am trying to incorporate two javascript files (using jQuery) and they are creating a conflict.If the main js is on the page part of the page does not work. If I do not include it my menu and some related features do not work correctly.One code is long so here is the link to it: *I removed Link* (this is the main code for the menu etc)The other js is:
$(document).ready(function(){
Engine.Initialize();
if( !$('body').hasClass('index') && !$('body').hasClass('homepage') ) {[code]....
I am currently programming Script Adds data to the database but if i want to Shown the data that have been added Requires refresh the page to show the Data that have been added . and I do not want this method.I want to when adding data to show updates as soon as the addition of data.This can be done by Ajax , and An example of this method used Google Gmail.
View 3 Replies View RelatedHow do you print part of an html page using the javascript print()
function? Is it possible to put the printable area inside a
<div></div> block and print it, or can you use a hidden style then
print it?
Is there a site on the www which has some information?
Is it possible to refresh only part of a page rather than reload the
entire thing?
I have dropdown box that's populated from a database using ASP that I
need refreshed but I don't want to reload the entire page.
is it possible to use the javascript:window.print() command to print only a
part of my window, lets say a table without navigation?
I'm trying to write a widget for Mac OSX Tiger. Here's the problem: The
user enters a search term which is sent to a perl script on a remote
server. This script returns a fully formatted HTML page. I only want
part of that page to be displayed. How do I go about doing this?
Is there any plugin can let me save the part of page as pdf?
View 2 Replies View Relatedi have 2 pages one is the main and the other is the sub-main
main,html :
<A href="sub-main.html#post5>go and load just post 5</a>
sub-main.html :
<DIV class=posttop id="post4">
here you can write anything ;)
[Code]....
as shown up the code will first load everything in the sub-main.html page then after Finnish loading will reference to the specific post "post5" and selected of highlighted but if the numbers of the post lets say 20 posts inside the sub-main.html it's will take to load forever . what i want to is when i click the link in main.html to go to the post5 in the other page how can i load just the div element of the "post5" and the rest give the user the option to load it if he wish to see the whole posts
Does anyone know if I can save part of a web page to a file on the users computer without saving the whole web page? I know I can print part of a web page using style sheets, will this work for saving also?
If not possible, can I use Javascript to program a button the end user can click to save data to a file on their computer?
I currently have a link that links to a different part of the same page using <a href="#title"> which is defined using <a name="#title">. It all works fine but when clicked it adds #title to the end of the URL and when the user clicks the back button it goes back to when they clicked the link rather than actually going back a page which is very inconvenient for my site.
I have seen that on Facebook this has been done so I know there is a way, I just don't know how or what exactly to search on Google.
We are offering a coupon for a free soft drink to everyone who fills out our survey. When the user hits the Submit button at the end of the survey, a page appears with the coupon and a Print button. Currently, the whole page prints, including headings and links. I would like to print only the coupon. This is made trickier by the fact that the coupon is customized for each person with the person's name and the date.
View 9 Replies View RelatedI asked about this a while ago, and got a great answer and a reference
to http://www.javascripttoolbox.com/bestpractices/new.php. I just need
to override onclick and return false. No biggie!
However, I discovered that my code worked fine in IE (no # in URL after
click), but not in FF (# appears in URL after click). Can anyone tell
me why?
if(link.attachEvent) { eval("link.attachEvent('onclick',function() {
GB_show('" +part.strDesc +"', '" +INFO_URL_BASE+part.infoUrl +"', 470,
600); return false; },false)"); }
else { eval("link.addEventListener('click',function() { GB_show('"
+part.strDesc +"', '" +INFO_URL_BASE+part.infoUrl +"', 470, 600);
return false; },false)"); }
I tried finding a similar situation in the forums, but was unable to discover anything sepcific. I think I may be way off here, and or trying to do something bizarre, but what I am trying to do is change only part of the the url for all of the links on a page. So say I want to change:
href="/something/something/all"
to
href="/something/something/specific"
I think I need to use each() in combination with attr but I am not exactly sure how. This is what I have so far (with no luck):
$('a').each( {
$(this).attr('href').replace('all','specific');
});
I've successfully changed part of a single link based of it's enclosing div id, but if there is more than one link in the div, it replaces the entire href of all the other links in that div to be the same as the first one. So that's why I think I need to use each(). But again, I'm not sure how to do this properly in this case.
I would like to do the following:
- I have a page with a form inside. When the user submits the form, I
would like to have a hidden variable in that form that contains the
entire page content as it was when the 'submit' button was clicked
(including the HTML, not only the form values). (The reason I want to
do this is that I want to save every 'form submission' to a database on
the server side.)
I read about the innerHTML, but it looks like its not portable across
browsers.
I suspect the solution would be using somekind of javascript, by
iterating through the DOM elements of the document and so on, but I'm
not sure..
I am trying to do is load new content into a form without resetting the form. I have about 10 checkboxes, once 4 are selected I would like to reload a div in the page to insert four corresponding textareas with the same id as the checkboxes. So for example the checkboxes:
Code:
<div id="page_select">
<input type="checkbox" name="option1" id="option1" value="Home" /> Home
<input type="checkbox" name="option2" id="option2" value="About" /> About</div>
There would be about 10 after 4 are selected than four divs with textareas are loaded onto the page - These textareas have the same id in order for the right ones to load. If your wondering why not just hide the textareas and show when then have been selected by the checkboxes, its because they have a wysiwyg editor attach so it would start to load slow after I add say 10-20 different textareas.
Would this work:
Code:
$(document).ready(function() {
$('#reload_1').click(function() {
//var names = [];
var myScripts = new Array(4)
$('#page_select input:checked').each(function() {
names.push(this).attr("id");
});
$('#content_div').load('external_content.php.html # . + '. myScripts[0]);
$('#content_div').load('external_content.php.html # . + '. myScripts[1]);
$('#content_div').load('external_content.php.html # . + '. myScripts[2]);
$('#content_div').load('external_content.php.html # . + '. myScripts[3]);
If I had all the divs and textareas in external_page.php and load only the ones needed.
I would like to achieve such thing, as to load some part of other page, like this:
$("#content").load("example.com/main.htm #content > div");
but I need to do a beforeSend callback, to fade out the current content, wait until it is fully hidden, and only then fade in with the received ajax request. But doing this, for example, with .ajaxSend, the content loads much quicker, then fadeOut is complete.
I am current building an information database for the company I work at...basically just a place for employees to get information and answers from. It is all hosted on a local server and I can only use javascript, html, and css. I've got everything made there is just one thing i want to add to it. Basically an "alerts and updates" page that only some people can edit without having to know html so if im not there they can post important updates. No computers have access to the internet so I did try some rich text editors but none of them worked. The layout I'm going for is kind of like this.
Alerts and Updates
Click on links to show updates: update 1 * update 2 * update 3 * update 4
Stuff goes in the update
[edit button]
You click edit it prompts you to login, bring up something to edit the text in that specific update you hit submit and it changes the info that was on there. The update links are linked to a script I wrote that just display the info below so when the page loads you see whats in update 1 then you click update and it changes the content to the next one.
Our company own a lot of domains and want to put a short page of copy on each address along with keywords before redirecting the user to our main site. I have been able to get the page to load the main site after the desired time using this code in the head...
<META HTTP-EQUIV="refresh" CONTENT="40;URL=http://webaddress.com/">
That works perfectly, I am now trying to display a countdown timer from 40 seconds down to 0, and on 0 redirect the user. Saying something like "You will be redirected in XX seconds". Is there anyway of doing this? I've been searching google for the answers with no luck and can only seem to find timers that countdown to a set date.
the page url is
Code:
`http://example.com/index.php?main_page=index&Path=<?php echo $_GET['Path'];?>`
there are some contents on the page:
[code]...
I need to refresh one div in my HTML page and not the entire page, is this possible?
View 4 Replies View RelatedI'm building a suite of free php applications to create virtual worlds.
My problem is i can't get my file to refresh. Can this be done with
javascript? I would like to have the display and the form be on a single
page..unless this can be done with frames.
The sample application contains 2 files:
a)The php file (with input controls and the embedded world)
b)The embedded world (text file)
1. The php file accepts input from the user
2. The user hits Submit which creates the text file for the world
this works - the text file is created with changes. next the page
should refresh itself and show the world based on the user's input.
Right now steps 1 and 2 work perfectly in the sense that the text file
for the world does get created. however the page will still show the
older version of the text file.
To get the page to refresh properly, i have to hit the reload button on
the browser...this gives me the "this page can't be refreshed without
sending..." alert...but it then refreshes and shows the changes.
the code: