I have a chat script in php that is working great, I use meta refresh to see new posts and that is very irritating for the users. I have come across many a javascript that claims no flicker in the refresh, but they do.
I don't know that much javascript, but I have heard thet AJAX can be used to poll to the server to get data without refreshing. I have been searching like crazy and I haven't seen very many tutorials for this.
I have my server side script working, I just want to refresh without flicker. Does anyone know how to call to the server script without refreshing the page?
I'm not sure if JS or regular HTML is best for this, but i'm wanting accomplish the same effect as the color box rollover on the site below. I can figure out the rollover but i can't get it to stay. Example, rollover the red box and the headband changes from black to red, roll off and it remains red. [url]
We are currently re-working a client's website and as I am not a javascript programmer I am having trouble understanding some of the code, and need help understanding why a certain variable in the code remains undefined.
What is happening is that the user is filling in 24 lines of 4 select boxes, in which there must be 1 and only one "m" and 1 and only 1 "l". The code changes the value of the box back to blank if the user has tried to enter >1 of either. The code then should check the line number and count the number of lines, but on debugging I see that the value of variables el and LineNo are undefined. I can't understand why when the function is called, the value "this" is used. i.e CheckLine(this) - this appears to have no value in the html code as far as I can see!
The problem is that when the ProjectID row is opened to display the JobID row, then close the Month, Year row, the JobID row remains visible.
Here is the code: //JAVASCRIPT Code: function toggle2(id, obj) { var matchingElements = new Array(); if (document.getElementsByClassName) { matchingElements = document.getElementsByClassName(id); } else { .....
I have a table with images in the cells. I'm using JSFX_ImageZoom.js to zoom, that works fine. The problem is if I don't define absolute positions for my images then when zoomed the rest of the page gets garbled. If I do define absolute positions then the zoomed image is "under" the surrounding images. Code:
I created an accordian menu which includes categories, sub categories and sub sub categories. Once you hover(css) on one of the menu options there is a hovering effect. What i would like to achieve now is that once a menu option is chosen that option remains highlighted (:active) until another menu option is chosen.
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?
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...
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.
I have following problem: I get screen coordinates something (which might not be a mouse) and have to convert them relative to an element on a page.
Inside a page it's simple: use the offsets to the parent elements. On the other side the start are the window.screenX and window.screenY coordinates.
The only problem now is how to find out the offset from the page to the window, i.e. the size of the toolbars and stuff? What might be interesting are the mozInnerScreenX/Y attributes of an window. But these are only present in firefox, obviously, which is not sufficient.
A hack would be a calibration page which uses a mouse event to calculate the missing offset using evt.pageX/Y and evt.screenX/Y. But this might not work, since a mouse might not be present.
All I can find is about style:float which is not what I want. I would like to animate an image randomly around the screen. So, it could slowly float across the screen, and would randomly choose its motion.
so that the top frame acts like a dedicated browser. The top window controls a selection of links pages in the lower screen. The pages linked to will appear in the lower window as well.
I have already created the frames pages using FrontPage, I just need to fill the whole screen with it and I want it set with the usual buttons found in the upper right hand corner so people can shrink it, enlarge it or close it. And I guess I'd need a foward, back, and refresh button in the top frame as well. Can anyone tell me how or if this can be done?
I am trying to load a different index.html page for each different screen size that the browser has. So the page looks best at different resolutions.I am not really able to test it since I haven't finished building all the different resolution index pages yet. I am just wondering if anyone sees any glaring errors in my coding.This is my script:
<script src="javascript/stndlibrary.js"> var screendim=getWindowSize(); var screenwidth=screendim[0];[code]......
This might be a combo Javascript / CSS question I'm building a website, and I'm wanting to have small, approx 100px x 100px pop up display that has a "page loading" spinning gif. I also want the page to fade out while this image is displayed. For instance, someone submits a form that takes 3-4 seconds to load. Once they hit submit, the screen darkens, the new window comes into focus, center of screen, and it has some kind of rotating gif, basically a trigger 'on submit'..
I'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.
Inline script.... I got the above code from internet and it is used to change the width of the IMG element. This not only "changes" the width but also "refreshes" the page so that I can see the change in width.
Function script... I moved above inline script to a JS file and it is as follows. Now, 'width' of the IMG element seem to change but display does not get refreshed; and if I add a window.alert( ); then I see screen refreshing Code:
Page1 is the main page and when I click on a link on page a pop up window opens (page2).What I would like to happen is when page2 is closed I would like page1 to be refreshed.