|
HTML - Having An Interactive Grid/map
Hi all. FYI, I don't know how to do this and not sure if this is the best place to post.
I'd like to make a small map that's 1000 x 1000 in boxes. The idea is that the user could, with a mouse, select a block within this map as long as it's within the specified perimeter. How should I even get started? Similar TutorialsI volunteer to maintain a page for a non-profit: http://www.girlsincsoaz.org This was a request "We have a fund raiser that all the Board will be working on. We'll be mailing to local individuals and my intent for a private page was a place that any Board member could go to log those names mailed to. I didn't want duplication of mailings and thought that each person could input who they sent to." I have created the private page, my hosting account--one world hosting-but they don't seem to have any tools to do the active page Any ideas TIA Hi, I'm new around here and kinda new to HTML. I need help with a database. I own a virtual airline at www.flyzapvirtual.com and am hoping to update my schedule. I want to be able to let viewers click on the flight number so that a small window will popup giving the full details of the flight. I know how to make a popup where a warning message comes up, but that's no use. I also know a bit about the 'onclick=' method, but I want to be able to do it so that the text that I want to come up will actually be in the code. And even better, I'd like them to be able to search for flights, so that they sort. Example: If I was to select a departure destination, then the arrival destination list would be shortened to only the places that we fly to from the selected departure destination. Get it? Don't worry if you don't, that's not too important. I'd be very grateful to anyone who can help me. Cheers. Hey, this is my first post here in a while and I'm a little rusty on my HTML and CSS, so... I wanted to make a website showcasing a book I am writing. I want it to be interactive, with music playing on different pages and sounds that can plat when certain words are hovered over. I don't want to use flash and want to use minimal Javascript/PHP (none if possible) I won't mind using a service like Scribd, if it allows that kind of customization... I don't need anything fancy, like page turning animations, just the text to appear when the next page is clicked (though it would be nice to keep the user on the same page and the page turn just loads new text...) Is this possible? Are there resources you can point me to? Are there any services that already offer this? Thanks in advance! hi. this is for my degree so all help greatly appreciated. i'm creating a website that has been designed by somebody else. the navigation is the part i'm needing help on. the front page will be a galaxy of stars, each star being a link. the brightest stars will be the most popular links and when you hover over a star information will pop up on whats behind that link and also nearby stars will enlarge and show a little information of whats behind them. sounds like i'm in for some hard work but i dont really know where to start. what do you think i should use? thanks for your time. sam I'm about to embark on something I realise will probably take a while to get right. Before I begin, it'd be good to pool opinions on the best approach. I've already done some preliminary research and to be honest at the moment it's all beyond my understanding! The goal is to create a custom player of audio and video files with custom GUI, as part of a webpage. I don't want to use Quicktime because, AFAIK, it would prohibit a custom "look". It may be necessary to create four separate players as the following situations need to be accommodated: 1) playing a single audio file 2) playing an "album" of audio files, in sequence 3) playing a single video file 4) playing an "album" of video files, in sequence The player GUI would feature a "screen". When playing a video, the screen would show the video. When playing an audio file, there would be a still image associated with each song which would occupy the screen. Then below the screen would be the usual apparatus for people to control playback: a trackbar, time counter, buttons for "play", "pause" and "stop". There would also be "next" and "previous" buttons for use when playing an album - they would be disabled when playing a single audio or video. I have a few questions... 1. Apart from Flash, I don't want my visitors to need to install any software before they can use the player. I presume this depends solely on the media formats involved? 2. What video format would you recommend? What about FLV? 3. What audio format would you recommend? Ideally I'd like to use OGG but if that would introduce complications then I'll use something else. 4. There's always going to be a download button on the player so that the visitor can download the file being played. Now I've noticed on some sites that if a video is loading (before being played), and you attempt to directly download it, sometimes the download will "fail" at the point at which the loading was halted. So if the video has only loaded 40% and you start downloading it directly, the resulting file on your harddrive will only be 40% of what it should be. It's probably due to the streamed video being downloaded to an anonymous temp folder and being left in an incomplete state which the OS then thinks is a completed download. Can anything be done to stop this happening? Perhaps hide the "download" button until the file has finished loading? Below is a mock-up of how I'd like the player to look, so you know what I'm going for. The purple background is supposed to resemble an HTML page. I look forward to reading people's views. Thanks for reading this long post, Seymour. Hi, I'm trying to create a gallery of iamges in a strict grig and am having trouble getting the images to align. It will be a gallery of thumbnails which will be links to the main images. Anothet problem i'm having at the moment apart form aligning them is that in Firefox i get a border around the image as it is a link, this doesn't happen in safari. thanks dyfrig ok, this might be very elementary but I can't figure out how to do this basically I built a block of square links that have a javascripted mouseover feature someone on here actually coded it for me (spyboy, thanks) the block of graphics gridded itself nicely, but I need to move the whole thing over to the right a few pixels (because I have major compulsiveness since I'm a designer) heres a screenshot of how it looks now as you maybe notice, the block of graphics are too much to the left, I need to center them. They only really need to move to the right probably 20 or so pixels heres the javascript code Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Page</title>
<script type="text/javascript">
function change(img_name, img_src)
{
document[img_name].src = img_src;
}
</script>
</head>
<body>
<a href="http://www.sassnyc.com/contact"
onmouseover="change('friends', 'http://andrewsass.squarespace.com/storage/friends_on.png')"
onmouseout="change('friends', 'http://andrewsass.squarespace.com/storage/friends_off.png')">
<img src="http://andrewsass.squarespace.com/storage/friends_off.png" border="0" name="friends" />
</a>
<a href="http://www.massnerder.blogspot.com"
onmouseover="change('danielle', 'http://andrewsass.squarespace.com/storage/danielle_on.png')"
onmouseout="change('danielle', 'http://andrewsass.squarespace.com/storage/danielle_off.png')">
<img src="http://andrewsass.squarespace.com/storage/danielle_off.png" border="0" name="danielle" />
</a>
<a href="http://www.csaustodesign.com"
onmouseover="change('sausto', 'http://andrewsass.squarespace.com/storage/sausto_on.png')"
onmouseout="change('sausto', 'http://andrewsass.squarespace.com/storage/sausto_off.png')">
<img src="http://andrewsass.squarespace.com/storage/sausto_off.png" border="0" name="sausto" />
</a>
<a href="http://www.alexmoskowitzphotography.blogspot.com"
onmouseover="change('alex', 'http://andrewsass.squarespace.com/storage/alex_on.png')"
onmouseout="change('alex', 'http://andrewsass.squarespace.com/storage/alex_off.png')">
<img src="http://andrewsass.squarespace.com/storage/alex_off.png" border="0" name="alex" />
</a>
<a href="http://www.milkshakenyc.com"
onmouseover="change('milkshake', 'http://andrewsass.squarespace.com/storage/milkshake_on.png')"
onmouseout="change('milkshake', 'http://andrewsass.squarespace.com/storage/milkshake_off.png')">
<img src="http://andrewsass.squarespace.com/storage/milkshake_off.png" border="0" name="milkshake" />
</a>
</a>
<a href="http://www.pegasus17.com"
onmouseover="change('pegasus', 'http://andrewsass.squarespace.com/storage/pegasus_on.png')"
onmouseout="change('pegasus', 'http://andrewsass.squarespace.com/storage/pegasus_off.png')">
<img src="http://andrewsass.squarespace.com/storage/pegasus_off.png" border="0" name="pegasus" />
</a>
</a>
<a href="http://www.greenbusinesscompetition.com"
onmouseover="change('GBC', 'http://andrewsass.squarespace.com/storage/GBC_on.png')"
onmouseout="change('GBC', 'http://andrewsass.squarespace.com/storage/GBC_off.png')">
<img src="http://andrewsass.squarespace.com/storage/GBC_off.png" border="0" name="GBC" />
</a>
</a>
<a href="http://www.kyeonyc.com"
onmouseover="change('kyeo', 'http://andrewsass.squarespace.com/storage/kyeo_on.png')"
onmouseout="change('kyeo', 'http://andrewsass.squarespace.com/storage/kyeo_off.png')">
<img src="http://andrewsass.squarespace.com/storage/kyeo_off.png" border="0" name="kyeo" />
</a>
</html>
Any help/advice is appreciated! Thanks |
|||||||