If then statement for graphic changes

I am wondering if it would be possible to set the display of a grahic on a website to change depending on the time of day it is. Say I want to have a night and day photgraph of a building on the website. Now can I have the page load with the proper picture relating to the time of day using if-then statements or would I need to try soemthing else if it is possible at all? Thank you!

Aug 11 '08 #1

Subscribe Post Reply

985

RamananKalirajan

608

512MB

Ya surely you can do that with the help of the Date reference. I am just giving u the sample idea. In the window.onload have a function like this

[HTML]function checkDay()
{
var todate = new Date();
var hour = todate.getHours()
if(Hours<17) //upto Evening five
document.getElementById('picPosition').innerHTML = "Picture during Day Time";
else
document.getElementById('picPosition').innerHTML = "Picture during Night Time";

}[/HTML]
See this is a sample code, just try yours if any probs post back it. I will try to help u out

Regards
Ramanan Kalirajan

Aug 11 '08 #2

darmot

I guess I am more lost then i realized. I copied this and pasted it into my file yet nothing happened. I amde the changes I thought I needed to make such as the file names, and still nothing. Am I missing something? Perhaps this is more complex of an element then i was prepared for. If anyone has the time out there and can break it down to being very simple then maybe I can make it work on my site. Thank you very much for any efforts.

Aug 11 '08 #3

RamananKalirajan

608

512MB

Hi this is a working example instead of the div you replace it image tag and set the source in the condition part.

[HTML]<html>
<body onload="doThis()">
<div id="myDiv">
</div>
</body>
</html>
<script type="text/javascript">
function doThis()
{
var toDate = new Date();
var hours = toDate.getHours();
// alert(hours);
if(hours<18)
document.getElementById('myDiv').innerHTML="Beauti ful Day";
else
document.getElementById('myDiv').innerHTML="Beauti ful Evening Time";
}
</script>[/HTML]

Still any doubts post it back I will try to help u out.

Regards
Ramanan Kalirajan

Aug 12 '08 #4

acoder

16,027

Expert Mod 8TB

To set the source of the image, set its src property, e.g.

Expand|Select|Wrap|Line Numbers

document.getElementById("myImg").src = "daytime.png";

You could also set this using server-side code, but then that would be based on server-time rather than the client.

Aug 12 '08 #5

by: entoone | last post by:

print "\t\t<td><bgcolor=#000000><font color=#000000 font color=#000000 face=Tahoma size=2 ><A href='show.php?searchid=$line'>More Info</td>\n"; How would I subsittue text for a graphic in php,...

PHP

Solution input needed for small graphic design firm

by: Jamie Meredith | last post by:

We are a small graphic design firm who is fighting a growth spurt which has resulted in an overload in our handling of email and proofing. We are looking for a pre-built, open source PHP/MYSQL...

PHP

MOUSEOVER BUTTONS CHANGES GRAPHIC - HOW TO PLEASE

by: Racket | last post by:

Buttons down the left A, B, C, D A graphic to the right. As you hover over A or B etc the graphic on the right changes. It's a common one. Need a script to do this, with or without...

Javascript

HR as a graphic image

by: Charax | last post by:

Is it possible to use CSS to define <hr> as a graphic image? FrontPage 2003 has apparently dropped the graphic hr from their themes and I am becoming more involved in using CSS, but would like to...

HTML / CSS

System.Drawing.Graphic.VisibleClipBounds

by: Brett | last post by:

I have a program that prints 2 different reports and I have 2 different printers (hp 9000, hp9050). The first report prints perfectly on both printers. The second only prints pefectly on the...

.NET Framework

Print Preview before printing a graphic file

by: hamil | last post by:

I am trying to print a graphic file (tif) and also use the PrintPreview control, the PageSetup control, and the Print dialog control. The code attached is a concatination of two examples taken out...

Visual Basic .NET

Separating graphic (x3d) and animation

by: Thag | last post by:

Hi! I am currently trying to get an overview about the possibility of separating graphical data from its animations. More specifically speaking, the graphical data is made up from 3D-CAD...

.NET Framework

Printing a WinForm as a Graphic

by: randy1200 | last post by:

I'm using Visual Studio 2005 and C#. I need to print a WinForm used for data entry as a graphic. In other words, I need to print the exact WinForm the user sees on the screen. I searched through...

C# / C Sharp

Need help changing a graphic

by: Rabel | last post by:

I want to use a graphic to do a function I already have done but I want the graphic to change to another graphic, after it is clicked, and do a different function that I have finished when it...

Javascript

How do you copy a Graphic to a Bitmap Image?

by: icepick72 | last post by:

On an academic note, I want to copy a Graphic to an Image (Bitmap). I have the Graphic object but not the origin image from which it originates; this is because I'm overriding the PrintDocument...

.NET Framework

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

If then statement for graphic changes

Similar topics