I need to make a website that will be used as a traffic light system. So i will have a page with loads of divs starting red, that will change to green when clicked once, and back to red if clicked again, so on, so on. These changes will need to be viewable live on another computer, so changes need to save and will also need to automatically refresh without distrubing the rest of the page.
View 22 RepliesI have a form with a list box. Beside the list box I have a link that opens a new window in order for users to enter new records which then appear in the list box. How do I make the list box refresh to show newly added records? Can I refresh it when it receives the focus or are there better ways to do it? Also, how do I make the new window open to a certain size or to make it maximized?
View 2 Replies View Relatedi am Steaming Music to my HomePage and i have the Playing List Of what there have been Play in a Iframe and i want it to auto refresh so it up to date all the time How do i do that The Page is [URL]
View 5 Replies View RelatedI ve been trying the following code (see below), this code was posted by tabo here but apparently he left, it works fine on Firefox, Chrome, Safari but I cant get it working on Internet Explorer...I ve been looking everywhere and I dont understand where is the problem. here is the full coding :
Code:
[code]i hav written dis code to auto refresh page only once but it is refreshing after every 5 seconds. Earlier i hav wriiten meta tag but it is refreshing page after every 5 seconds & after that i hav wriiten script to auto reffresh page only once but they both r doin the same work.
View 1 Replies View RelatedI'm using a combination of Yahoo Pipes and rssdisplayer.js [url] to display some snippets from several RSS feeds on a new site I'm building.
The trouble I'm having is that (i) the feeds don't update when I refresh the page, I think because a cached version of the page is being loaded, and (ii) I'd like to have the div containing the feeds auto-refresh at a given time interval.
I've got a Twitter javascript working that does both these things, but can't work out how to get the rssdisplayer.js working this way.
The rssdisplayer code is:
I really need this to include in my page
This is the original code : -
I would like to add ajax auto refresh.. to refresh the div link which is something like this : -
But, there is something wrong here... instead of refreshing the div.. it refresh html page only.. not the div data..
i have a text area of php inside that reads off messages of a database and i wanted to have it auto refresh every 2 seconds. im making it into a chat box. at the moment what you have to do is press a refresh button but its a hassel. i dont want to get into to much ajax becuase i have a ton more stuff to do and dont want to spend to much time on 1 thing. but it looks like this
<textarea rows="30" cols="65" valueCommit=ta1.verticalScrollPosition=ta1.maxVerticalScrollPosition; />
<?
$query="select * from chat"; query string stored in a variable
$rt=mysql_query($query); query executed
[Code].....
how am I be able to refresh a load for a second and it will stop. Or I even an auto-F5.
View 1 Replies View RelatedI have a very simple php page that uses shell_exec to get some basic stats for my LAMP. I currently have it setup to where it uses a javascript refresh every 60 seconds, but would like to setup AJAX to have it so it doesnt actually refresh the page. I am new to javascript/ajax so I am a little lost, here is my code
[Code]....
we are developing an web application. In this user has an option to comment or mark a video. After user commented or marked it has to shown automatically on the page with out refreshing the page.
View 1 Replies View RelatedBeen trying to get this auto refreshed instead of clicking to refresh [code]
View 4 Replies View Relatedi guess it best i explain what i am trying to do and then what i have done so u can hopefully point out my mistakes.atm i have a webserver setup at home ( local only) and an internal ftp program running on the webserver... i have an ip camera ( mobotix) ftping images every 1 second to the webserver and puting the jpg image in a folder called testpic.what i am trying to do is get a script working so that it auto refreshes the image every second.[code]this basic site puts a copy of the image1.jpg in the middle of the screen and then refresh it every second. but for some reason it displays the first one then when it refreshes the image there is no picture just the box with a cross.. now i know that the image has updated in the testpic file cus i can F5 the page to display the new image that the script should have loaded.
View 3 Replies View RelatedI wish to implement the simplest mechanism of authentication. There are two input fields, userand password. When clicking the sendbutton, the verify()function is invoked, which checks whetherthe usernameand passwordare both "admin", if it holdsthen it displays the isCorrectdiv, and the isWrongotherwise.
test.html
<html><head>
<link rel="stylesheet" type="text/css" href="test.css"/>
<script src="jquery-1.7.js"></script>
<script src="test.js"></script>
</head><body><form class="header">
Username: <input type="textbox" tabindex="1" id="username"/>
Password: <input type="password" tabindex="2" id="password"/>
<input type="submit" value="Send" tabindex="3" id="send" onclick="verify()"/>
</form><div id="isCorrect">correct!</div>
<div id="isWrong">wrong!</div>
</body></html>
test.css
#isCorrect { display: none; }
#isWrong { display: none; }
test.js
function verify() {
var username = $("#username").val();
var password = $("#password").val();
if (username == "admin" && password == "admin")
$("#isCorrect").toggle();
else
$("#isWrong").toggle();
}
Most of the Javascript I see has some sort of time limit on page reload and is not really what I am trying to accomplish:
<meta http-equiv="Refresh"
content="10; URL=http://coffeeandtealtd.com/buynow.html" />
I am trying to make our buy page reload after clicking the Paypal "continue shopping" button in Paypal Website Standards. The pop up Paypal shopping cart window closes after clicking the button but our buy page doesn't reload. It doesn't reload in Safari although it seems to be fine in FF and IE. how to make the page reload in this specific instance only.
I'm attaching my php test file but this is a JS problem. When I scroll down in the web page and the meta refresh hits, in Windows Safari and IE6/7/8 browsers, the web page re-positions back to the top. In Opera and FF the page refreshes but it stays where it is. Can someone look at my test script and see why it is not working in IE and Win Safari? My goal is to have the web page not re-position to the top on the auto refresh.
View 4 Replies View RelatedI have been trying to figure out how to go about making a table of comments auto-refresh when someone inserts from a comment form without refreshing the whole page.I've tried looking into AJAX for this, but everything I have looked at, in terms of tutorials, just flies right over my head, and I can't really make much sense of it.
View 2 Replies View RelatedWhat I am trying to do: A full screen background image, that auto refreshes every 3 seconds.
How I am doing it: I am using EvoCam for my camera software. It uploads the image to my server every 3 seconds, perfectly fine. I am using "Back Stretch" for my full screen capabilities, as I found it to work best is all browsers. BackStretch
My Problem: Using backstretch, applies the background image to the page through javascript, so I dont have an <img> tag to manipulate. A lot/all of the image refresh scripts I have found, use examples where there is an <img> tag. I had used another jQuery method of doing the background that had image tags but did not work in all browsers. When I was using this method, I ran into cache problems where the new image would not load.
Where do I go? I am feeling a bit lost, being relatively new to Javascript, I am unsure of how to go about clearing these problems I have. I feel that the eventual answer is to timestamp the photos, and include the timestamp into the image refresh, and somehow make it so that I am refreshing the
Code:
<pre><code><script type="text/javascript">
$.backstretch("images/myCam.gif", {speed: 1});
</script>
</code></pre>
that controls my background image. I have found scripts that include timestamp refreshes, but the way that EvoCam timestamps the image is of a different format than the way Javascript uses
EvoCam images look like: webcam2011-05-11-16-21-34.jpg
and I thought Javascript looks relatively the same, but without the dashes.
I have a test page set up, where you can see my surly, discouraged face [URL].
I am attempting to create a profile page with PHP utilizing AJAX technologies as well. I need profile data to auto-refresh on the page when a change is made in the database but every 15-30 seconds intervals are fine too. I would really like to use AJAX/PHP for this because I think it will be good for me to know and learn.
I have checked the internet for this and all of the examples show a form select/combobox where you select a "User" and then it populates the information automatically in a div below.
But... I need AJAX or PHP to READ THE VARIABLE FROM THE URL instead of a form(Combobox) and ultimately refresh the data on the page with the results from the DB query in the php file.
I'm using AJAX to auto-refresh a chatroom. You can see it on the right of the following site: http:[url]...
The problem is, when large images are placed in the chatroom via BBCode, (temporarily disabled) when the chatroom refreshes, they flicker! This is caused by the AJAX reloading the content, which in turn reloads the image.Is there a workaround for this? I want to allow images in the chatroom, but I don't want to turn off the auto-refresh. Below is the code I am running to refresh the chatroom:
Javascript Code:
Original
- Javascript Code
function update()
{[code]....
Basically, what it does is reloads chatQuery.php and currentlyOnlineQuery.php every 5 seconds, or when a chat message is submitted.
Is there a code to auto refresh the page if 503 apache error message appear ?
View 3 Replies View RelatedHow to auto refresh my web page every 10 seconds without resetting all the checkboxes?
This will auto refresh my web page every 10 seconds but will reset (uncheck) all the checkboxes
Code:
<body onload="timedRefresh(10000);">
<script type="text/javaScript">
function timedRefresh(timeoutPeriod) {
setTimeout("window.location.reload(true);",timeoutPeriod);
}
</script>
OK this is a concept at the moment.
the thinking goes like this:
1) read the page for last date (somewhere on the page) that the page was generated.
2) compare with current date
3) if it looks old refresh or re-load.
4) check for history to count the number of re-loads, stop at once.
Maybe the refresh/load will not add to history if the page is the same URL
SO: without using cookies - the remote system may not save them - our local library system has the OS instances screwed down to the point of frustration, hence the use of FF portable right now.
But my audience use whatever they use so I want a rouse to work regardless. The last time I checked the library system cache was more than 4 days old for sure. And some surfers have the pages from the local cache by default.
manual refresh usually sorts this and I do have a manual button on my homepage.
[URL]
is there a code to auto refresh the page if 503 apache error message appear ?
View 8 Replies View RelatedHow to auto refresh my web page every 10 seconds without resetting all the checkboxes?
This will auto refresh my web page every 10 seconds but will reset (uncheck) all the checkboxes[code]...
Im fairly new to JQuery and need some help. Googling failed me :o have a web page that initially auto refreshes every 30 secs and has a bunch of checkboxes that are initially unchecked. I am trying to make it so that if at least one of those boxes it checked the page stops auto refreshing (without reloading the page, preferably). Is this at all possible? I am using Perl to generate the html.
My auto refresh is in the header, but im open to sticking it somewhere else, as long as it doesnt create crazy memory consumption that i've read about on these forums:<head
[Code]...