473,231 Members | 1,309 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,231 software developers and data experts.

Navigation query

Hi there Im in the process of collating quite a large collection of photographs and articles for an organisation and I have designed quite a basic layout.

Instead of using flash to create a slideshow type of presentation, I was thinking of just using a webpage for each photo or article.

What I am stuck with though is a way for the user to quickly move from one page to another, to navigate from one page to another in my website.

I'm not sure how to approach this, for example a text box where the user could input a number and it would go to that page in the website. Or a page slider that could be dragged to that page?

Is this possible using html/CSS.??

Any comments or solutions would be much appreciated.

Ive got a couple pages up and running at ......

http://rpsol.ofingo.com/

many thanks
david
Oct 23 '07 #1
1 1238
Ferris
101 100+
hi

you can use javascript to approach this,or,if you have a server,you can use active server page,like php.
for a small website,I suggest you use javascript.

I wrote an example code for you:


[HTML]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<script language="javascript">
<!--
var images = [
"http://www.fresnobeehive.com/archives/upload/2007/04/p1_beckham-SI-bruty.jpg",
"http://www.southshields-sanddancers.co.uk/photos_posters/david_beckham_calendar_photo.jpg",
"http://www.shavingstuff.com/archives/BeckhamPhoto2.jpg",
"http://www.theage.com.au/ffximage/2007/05/18/beckham_wideweb__470x299,2.jpg"
];
var id = 1;
function reloadImage()
{
document.getElementById("myimg").setAttribute( "src",images[id-1] );
document.getElementById("imageid").innerHTML = "No:" + id;
}
function go()
{
if (id >=0 && id <images.length)
{
id = document.getElementById("txtpage").value;
reloadImage()
}
else
alert ("please input a correct number,1 to " + (images.length));
}
function next()
{
if (id == images.length)
id = 1;
else{
id++;
}
reloadImage();
}
function previous()
{
if (id == 1)
id = images.length;
else{
id--;
}
reloadImage();
}
-->
</script>
<body>
<img id="myimg" src="http://www.fresnobeehive.com/archives/upload/2007/04/p1_beckham-SI-bruty.jpg" />
<div id="imageid">No:1</div>
<br />
<input type="button" value="Previous" onclick="javascript:go();"/>
<input type="button" value="next" onclick="javascript:next();"/>
<br />
to which image?(1-4)<input id="txtpage" type="text" size="5" value="" />
<input type="button" value="Go" onclick="javascript:go();"/>
</body>

</html>


[/HTML]


you can email me when you still have trouble about it.
Oct 23 '07 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: | last post by:
I'd want to make a custom class that will generate breadcrumb navigation for my site via a recursive query, e.g. Home > Page1 > Subpage 1. I've structured my database with hierarchical parent/child...
10
by: H.S. | last post by:
Hi, Let me begin by saying that I am not an HTML expert. The most experience I have for HTML authoring is when I made my webpages in my grad studies at my university and some on my home computer...
3
by: Lad | last post by:
Hi, I would like to make in my web application a similar navigation like Google uses, I mean at the bottom of each page there are numbers of returned pages after you search query. Has anyone...
4
by: Sandy.Pittendrigh | last post by:
I don't want to get into a frames discussion here. We all know they have numerous drawbacks, especially with search engine visibility. (Google, ironically, uses framesets for displaying individual...
1
by: Marc Robitaille | last post by:
hello, I have made Web site for a few years but I had never been concerned with navigation between the pages. All the pages are dynamic but do not have direct relations between them. There, I...
28
by: laredotornado | last post by:
Hi, Surprisingly, I can't get the drop down menus to work on PC IE 6. If you roll over "PRODUCTS", normally a drop down menu appears (on Safari and Firefox), but on PC IE, nada. ...
0
by: Andy_Khosravi | last post by:
I'm having a problem trying to optimize the performance of one of my A97 databases. I have very slow record navigation after a change I made to the table structure, and I'm not sure how best to...
4
by: clintonG | last post by:
Boy that's a helluva subject heh? But that's what I'm looking for. A navigation control that has a series of rectangles (each representing a star in the pattern) where each rectangle is connected...
2
by: slaterino | last post by:
Hello, I'm hoping someone can help me with a couple of queries. I am in the process of designing a site which I have uploaded to: http://www.cca-ltd.co.uk/New/index.html, but I currently have 2...
2
by: 1kky | last post by:
Hi all, i have a big problem with my navigation bar.. the thing is i can get all of the work apart from when you click a department name you go inside that department you can see the tabs but...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.