The ProgrammersTalk Community
Forum Register Search Today's Posts Mark Forums Read
Register

Go Back   The ProgrammersTalk Community > Web Programming > DHTML > HTML


Welcome to the The ProgrammersTalk Community forums.

You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact contact us.
Reply
 
LinkBack Thread Tools    Display Modes   
  #1 (permalink)  
Old 12-06-2007, 06:40 PM
raptor5099 raptor5099 is offline
Novice
Join Date: Oct 2007
Posts: 25
iTrader: (0)
raptor5099 is on a distinguished road
Clicking Background Image

Hey, i have a background i want to use for my website and in the background i have a picture of a doc file (paper).. Id like to have it so when you click on the paper it opens up the .doc file. Could someone give me some insight on how to do this please.. Thanks

__________________

Digg this Post! Del.Icio.Us this Post! Technorati this Post! Furl this Post! Mister Wong this Post! Newsvine this Post! Spurl this Post! Reddit this Post! Netscape this Post!
Reply With Quote
  #2 (permalink)  
Old 12-06-2007, 11:24 PM
HelloWorld's Avatar
HelloWorld HelloWorld is offline
Programming Expert
Awards Showcase
Quality Tutorial 
Total Awards: 1
Join Date: Jun 2007
Location: In front of computer...
Posts: 1,109
iTrader: (0)
HelloWorld will become famous soon enoughHelloWorld will become famous soon enoughHelloWorld will become famous soon enough
Use image map..? haha..

HTML MAP TAG

__________________
PHP Code:
System.out.println("Hello World!"); 

Digg this Post! Del.Icio.Us this Post! Technorati this Post! Furl this Post! Mister Wong this Post! Newsvine this Post! Spurl this Post! Reddit this Post! Netscape this Post!
Reply With Quote
The Following User Says Thank You to HelloWorld For This Useful Post:
raptor5099 (12-07-2007)
  #3 (permalink)  
Old 12-07-2007, 08:22 AM
raptor5099 raptor5099 is offline
Novice
Join Date: Oct 2007
Posts: 25
iTrader: (0)
raptor5099 is on a distinguished road
haha oh ok thanks... is there an easy way to tell the coordinates of where you wanna place the button if your using a big picture?? thanks for the help

__________________

Digg this Post! Del.Icio.Us this Post! Technorati this Post! Furl this Post! Mister Wong this Post! Newsvine this Post! Spurl this Post! Reddit this Post! Netscape this Post!
Reply With Quote
  #4 (permalink)  
Old 12-07-2007, 05:46 PM
TeraTask's Avatar
TeraTask TeraTask is offline
PT Staff*
Awards Showcase
Quality Tutorial Quality Tutorial Quality Tutorial 
Total Awards: 3
Join Date: Jun 2007
Location: Reno, NV
Posts: 416
iTrader: (0)
TeraTask will become famous soon enoughTeraTask will become famous soon enoughTeraTask will become famous soon enoughTeraTask will become famous soon enoughTeraTask will become famous soon enoughTeraTask will become famous soon enough
I have moved this thread to the HTML forum and given it an appropriate title.

Now, about your question. You cannot apply an image map to a background image. If you need to have your body's background image clickable in only a certain area (the whole area would me an onClick for the BODY tag), then I'd suggest one of these options:

1) Place an <a> tag over the clickable part. For the body you could either use &nbsp; or a blank image.

2) Don't use the body background as a clickable element. Instead, take the part you want clickable and put it in an <a> tag and position it where you want.

3) If you want to get really advanced, you could check the onClick's event handler for where on the page a click occurred and then direct the user to the proper page if they have clicked within the desired zone. NOTE: I said this is advanced, so don't expect to be able to do it if you're not fully competent in javascript and fairly good at figuring out if you're within a closed object. NOTE: This has a disadvantage; namely, as javascript is used for navigation, the resulting page will not be indexed as a result. You could overcome this by placing a link somewhere else on your site to the target page.

__________________
Jeremy Miller
Content Farmer - Optimized Automated Blog Posting

Digg this Post! Del.Icio.Us this Post! Technorati this Post! Furl this Post! Mister Wong this Post! Newsvine this Post! Spurl this Post! Reddit this Post! Netscape this Post!
Reply With Quote
The Following User Says Thank You to TeraTask For This Useful Post:
raptor5099 (12-09-2007)
  #5 (permalink)  
Old 12-09-2007, 12:04 PM
raptor5099 raptor5099 is offline
Novice
Join Date: Oct 2007
Posts: 25
iTrader: (0)
raptor5099 is on a distinguished road
i got the image map to do what i wanted by making the picture larger so it takes up the entire page.. But now will i be able to embed or overlay a video over this??

__________________

Digg this Post! Del.Icio.Us this Post! Technorati this Post! Furl this Post! Mister Wong this Post! Newsvine this Post! Spurl this Post! Reddit this Post! Netscape this Post!
Reply With Quote
  #6 (permalink)  
Old 12-12-2007, 07:40 AM
raptor5099 raptor5099 is offline
Novice
Join Date: Oct 2007
Posts: 25
iTrader: (0)
raptor5099 is on a distinguished road
k so im using a quicktime movie and id like to get the movie on or over a specific spot on the image map is there any way i can do this??? please help and thankyou..

__________________

Digg this Post! Del.Icio.Us this Post! Technorati this Post! Furl this Post! Mister Wong this Post! Newsvine this Post! Spurl this Post! Reddit this Post! Netscape this Post!
Reply With Quote
  #7 (permalink)  
Old 12-26-2007, 04:23 PM
chrishirst chrishirst is offline
Jr. Programmer
Join Date: Jun 2007
Location: Blackpool UK
Posts: 87
iTrader: (0)
chrishirst will become famous soon enoughchrishirst will become famous soon enough
because "object" elements are always topmost in the HTML document z-index, any elements below the movie will be "unclickable". So you would have to use the javascript solution that Jeremy outlined.

__________________
Chris
Indifference will be the downfall of mankind, but who cares?
Code Samples | People Counting System
Digg this Post! Del.Icio.Us this Post! Technorati this Post! Furl this Post! Mister Wong this Post! Newsvine this Post! Spurl this Post! Reddit this Post! Netscape this Post!
Reply With Quote
The Following 2 Users Say Thank You to chrishirst For This Useful Post:
raptor5099 (04-14-2008), TeraTask (12-26-2007)
Reply


Thread Tools
Display Modes

   Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -7. The time now is 11:25 PM. Powered by vBulletin
Copyright © 2000 - 2007, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO © 2007 ProgrammersTalk Sedo - Buy and Sell Domain Names and Websites project info: programmerstalk.net Statistics for project programmerstalk.net etracker® web controlling instead of log file analysis


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50