JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 
Go Back   Dev Articles Community Forums > Programming > JavaScript Development
Reload this Page

Setting div positions from dynamically created images

Discuss Setting div positions from dynamically created images in the JavaScript Development forum on Dev Articles.
Setting div positions from dynamically created images JavaScript Development forum discussing the use of JavaScript and its features as a powerful DOM manipulator. JavaScript is used in most websites to enrich the interface and enhance the user experience.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
SlickEdit: Code in over 40 languages across 7 platforms. SlickEdit’s unmatched power, speed, and flexibility allows even the most accomplished developers to write better code faster. Download a free trial today!
  #1  
Old February 4th, 2005, 03:58 AM
RobT RobT is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Feb 2005
Posts: 7 RobT User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 2 m 38 sec
Reputation Power: 0
Question Setting div positions from dynamically created images
I have a problem whereby my page is dynamically being generated. I don't know where the images will appear on the screen. But I want to be able to show the div over the image when they click on the image, is this possible?

Any help would be much appreciated.

Cheers.
Reply With Quote
  #2  
Old February 4th, 2005, 07:34 AM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
  
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,890 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 4 m 48 sec
Reputation Power: 8
Do the images have ids?

alert("Position from top of page: " + document.getElementById("img1").style.top + "\nPosition from left of page: " + document.getElementById("img1").style.left)
note, there is no right or bottom

you could perform a similar, thouigh slightly more random, method using document.getElementsByTagName("IMG").item(0).style.top

These will return the specific position of the elements.
Reply With Quote
  #3  
Old February 4th, 2005, 07:50 AM
RobT RobT is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Feb 2005
Posts: 7 RobT User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 2 m 38 sec
Reputation Power: 0
they do have Id's but when I add your piece of debugging, I don't get any results displayed. could this be due to the image not having a style set to it?
Reply With Quote
  #4  
Old February 4th, 2005, 07:56 AM
MadCowDzz's Avatar
MadCowDzz MadCowDzz is offline
I'm Internet Famous
Dev Articles Frequenter (2500 - 2999 posts)
  
Join Date: Jan 2003
Location: Toronto, Canada
Posts: 2,890 MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level)MadCowDzz User rank is Lance Corporal (50 - 100 Reputation Level) 
Time spent in forums: 1 Week 16 h 4 m 48 sec
Reputation Power: 8
How are you positioning your images then?
Reply With Quote
  #5  
Old February 4th, 2005, 08:54 AM
RobT RobT is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Feb 2005
Posts: 7 RobT User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 2 m 38 sec
Reputation Power: 0
Quote:
Originally Posted by MadCowDzz
How are you positioning your images then?


inside a table cell.
Reply With Quote
Reply

Viewing: Dev Articles Community Forums > Programming > JavaScript Development > Setting div positions from dynamically created images

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


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
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 3 hosted by Hostway.