Change Image On Webpage By Checking Text File On Site?
May 18, 2010
I'm try to set up a webpge that will play a live flash video on the left-hand side(got that part working) and display one slide of a presentation(jpg) to the right of the video. I would like to be able to control when the slide image changes by having some js check a text file on my server. The text file could contain something as simple as "Slide1.jpg". I will manipulate the text file with some code I've already written. Is there some simple js code I can put in my page that will cause it to check the text file every 5 seconds, and if the content of the file has changed, to refresh the image on the page with the new image? I'm try to get away from the "clicking" sound that is caused by doing a simple refresh of an Iframe.
I got a file upload form (in asp), besides of checking if the extension is .jpg .bmp etc, how do i check if the file really is an image? so pple wont be able to change an exe file to jpg and upload it right away.
I have the following code which *should* change the image I have on my webpage to images based on the time.
function timeDate() { var t=new Date(); var h = d.getHours();[code]....
I don't know why this won't work. It should compare the hour variable (h) to the hour, and then change the image based on that. However it doesn't do this, and I'm not sure why. I've tried using both = and ==, but neither seem to work. Like I said I am a newbie to this sort of stuff.Also, would there be a way of making the el.src to: "images/timedate/"+[the hour]+".png" without the need of directly comparing the hours? It would be useful if it was possible, as I need to do a minutes one as well
Say I have a website, that I want to use an iframe with. Would be possible, to use Javascript to change the logo image of an iframe of myspace (just for the example), to one on my site? So switch the logo of myspace with one on my server? Is this possible?
Is it possible using some kind of Script to get text/pictures/symbols from typed text and from a gif. file (already on the web site) to show on another place in the web site by clicking on a button.My coding is like this:
By pressing "Show" I want the text typed in the form to show on the same site, and then the user should have the opportunity to also place a symbol (the gif. file) the same way as the text and to be viewed on the same site too.
I can't figure out the code to perform this task. I need to change the menu's text color with a mouseover on a webpage. The menu consists of 7 text links. Each one is a different color. The mouseover is to change the text link to orange while the other 6 menu items change to purple.
I want to know how to change the background of my site to an image instead of a color using buttons.so far i have this code
<input type="button" value="Red" onclick="changeBgColor(this.value);" /> <input type="button" value="blue" onclick="changeBgColor(this.value);" /> <input type="button" value="Yellow" onclick="changeBgColor(this.value);" />[code].... instead of changing the color i want to change it to an image, how would i do this?
I made a contact form for my website originally in PHP. I wanted to change it to JavaScript because that is the preferred way. Originally I had the form in my HTML file using a separate PHP file for error checking. For JavaScript do I have to make a separate page and call to it like the last time? I have put it all on my HTML page and where it was calling for the php page, I also put the JavaScript code. When I go to my site, the error checking is not working at all. There must be something wrong, but I haven't been able to point it out and I am very new to JavaScript. Also, when I go to my page and right click for the source code, the JavaScript I have in there does not show up. Below is my HTML code.
I want to use the values of text boxes on my HTML webpage to create a webpage URL (like below):
<script type="text/javascript">
My text boxes are as follows:
Now this all works and the result webpage URL prints to id='ID1', but the big question is how do I use this resulting URL in another Javascript section as the src="?
I'm failing to get a pure CSS way to achieve this, so trying JS. Several small images in a row, each different. Want mouseover to:
1. change each image to different image on mouseover (each image has its own mouseover image version).
2. produce different paragraph of text below row of images on each mouseover.
I can achieve it with mouseover on text links or on an image, but not with the two events, viz mouseover image swap + mouseover text swap. Would also want to be able to style the text.
I have many pages on my website which contains text which needs changing quite often, for example, a date (12th/06/2005). Is there anyway of inserting a code into each of these pages which recalls the text from a .js file.
I am looking for a way to select a file from a list and load it into a webpage. The page and the files are stored on a sd-card for off-line usage, I know that listing files remote dynamicly needs a scripting engine but since the sd-card is on the client side that is not possible, but I can make a list of those files when creating them.
It is intended for a datalogger on a tractor-puller, I create csv files with a bash script on the logger and for off-line viewing I use a javascript charting engine which loads the csv file, the files have the creation date as filename and I can make (and maintain) a list of files when creating them. The plan is that the we can select another data set (run) from within the browser and show that one. I have setup an example at [URL]
Now that is fine when the text is only one line long. Suppose it's longer? What I want to do is have Javascript give the variable contentString its text from a hosted text file in a similar manner to the way Javascript can insert more Javascript using a hosted .js file.
I illustrate what I need to do using some "dummy" javascript:
Is it possible to use javascript to write information to a log file that's on an external site? What I want to do is have a person put their name and birthday into a form on my site, and then output that information to a partnering site's log file which would be something like www.whatever.com/whatever.file Is this possible? what file type can javascript write to? I put .file because I am unsure.
function greet() { var hour = (new Date()).getHours(); var when = (hour > 17) ? "evening" : ( (hour > 11) ? "afternoon" : "morning" ); document.write('<img src="' + when + '.png" alt="Good ' + when + '"> ');}
This script puts up a png which gives a greeting depending on the time of day. I want instead to put the greeting as text. It's a bit ostentacious as it is.. Site is here. [URL]
personal website I am modifying for a friend. He basically has a list of links such as:
Home Blog Pictures Links
What I want to do is that whenever you roll over, say, "Blog", an image appears to the right of the links (the image will be a small screenshot of what the blog looks like). When you roll over "Pictures", a different image appears in it's place.I already know how to do this when rolling over images, but not rolling over text. I used document.getElementById and just set the src to the image, but how do I do this when I just have text to roll over?[URL]
I've got a series of buttons as .gif images. Under these buttons there are small single-word descriptions, as CSS text. Is there a way to pass with the mouse over the image and - while doing this - make bold, change the color or highlight the text below the image? I know it would be simpler just to get rid of the CSS text and insert it into the gif image (a simple rollover effect), but I believe a text effect would be nicer..
i have been trying 2 days to get it to work! basically the 3 image locations are in Variables in PHP
$piclocation1 $piclocation2 $piclocation3
What i want is when you hover over the div class "breaking-news", i want the div ID "latest-news-image" to change to that specific image background. example the top "breaking-news" class is on hover and the image $piclocation1 should show in "latest-news-image". if the middle "breaking-news" class is on hover the image $piclocation2 should show in "latest-news-image". i dont know if i got this in the right area as it would contain javascript, php and poss Css!
I have a site with a news pages and I'd like the navigation to include a blinking 'NEW!' when that page has been updated within the last three days.
It works fine for the one page (if you're on the news page, it works great) but I can't figure out how to check the time/date stamp on a file other than the one currently loaded ...
So I'm trying to create a custom file uploader which will display the name of the file selected, but since I can't seem to figure out how to do this I've settled for checking to see if a file has been selected, but I'm still having trouble with it.Here's what I have...
However the value doesn't change after the file has been selected. Could someone tell me a means of modifying this so that it will properly display once the file has been uploaded? Do I need to have some sort of constant refresh on the Javascript to check to see if the value has been changed?
