User Name Password Register
DaniWeb IT Discussion Community
Home
Forums
Tutorials
Code Snippets
Blogs
Link Directory
All
•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 456,480 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,809 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Join our community!
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 972 | Replies: 8
Reply
•
•
Join Date: Aug 2007
Posts: 128
Reputation: hacker9801 is on a distinguished road 
Rep Power: 2
Solved Threads: 13
hacker9801 hacker9801 is offline Offline
Junior Poster

image breaking

  #1  
Mar 30th, 2008
Hello.

I'm using JS/DOM to create a map in a <div>, named map, like this:
Help with Code Tags
javascript Syntax (Toggle Plain Text) 
  1. var tile = document.createElement("IMG");
  2. tile.src = "tiles/" + node.getAttribute("type");
  3. tile.setAttribute("width", "32");
  4. tile.setAttribute("height", "32");
  5. tile.className = "brick";
  6. map.appendChild(tile);

It works, but the image breaks on a <br/>
(screenshot: http://i28.tinypic.com/6ynu3o.png)
the image is a 32x32 tile of grass.

It shouldn't have those breaks.

I've tried
Help with Code Tags
javascript Syntax (Toggle Plain Text) 
  1. map.innerHTML = "<img src=\"tiles/grass.gif\" width=\"32\" height=\"32\" class=\"brick\">";
also, same thing.

Any ideas?
AddThis Social Bookmark Button
Reply With Quote  
•
•
Join Date: Aug 2007
Posts: 128
Reputation: hacker9801 is on a distinguished road 
Rep Power: 2
Solved Threads: 13
hacker9801 hacker9801 is offline Offline
Junior Poster

Re: image breaking

  #2  
Mar 31st, 2008
anyone?!
Reply With Quote  
•
•
Join Date: Aug 2007
Posts: 128
Reputation: hacker9801 is on a distinguished road 
Rep Power: 2
Solved Threads: 13
hacker9801 hacker9801 is offline Offline
Junior Poster

Re: image breaking

  #3  
Apr 1st, 2008
come on, someone has to know

way to not deliver. you fail.
Reply With Quote  
•
•
Join Date: Apr 2005
Location: New York state
Posts: 487
Reputation: ShawnCplus will become famous soon enough ShawnCplus will become famous soon enough 
Rep Power: 5
Solved Threads: 73
Sponsor
ShawnCplus's Avatar
ShawnCplus ShawnCplus is offline Offline
Code Monkey

Re: image breaking

  #4  
Apr 1st, 2008
Why would you create multiple instances of the same image with DOM manipulation instead of just setting the background image on the div with css which will automatically tile the image?
GCS d- s+ a-->? C++(++++) UL+++ P+>+++ L+++ E--- W+++
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h-->++ r z+*
Reply With Quote  
•
•
Join Date: Aug 2007
Posts: 128
Reputation: hacker9801 is on a distinguished road 
Rep Power: 2
Solved Threads: 13
hacker9801 hacker9801 is offline Offline
Junior Poster

Re: image breaking

  #5  
Apr 2nd, 2008
•
•
•
•
Originally Posted by ShawnCplus View Post
Why would you create multiple instances of the same image with DOM manipulation instead of just setting the background image on the div with css which will automatically tile the image?

because it's an XML map, it can have different images.
Reply With Quote  
•
•
Join Date: Apr 2005
Location: New York state
Posts: 487
Reputation: ShawnCplus will become famous soon enough ShawnCplus will become famous soon enough 
Rep Power: 5
Solved Threads: 73
Sponsor
ShawnCplus's Avatar
ShawnCplus ShawnCplus is offline Offline
Code Monkey

Re: image breaking

  #6  
Apr 2nd, 2008
Well, that's a detail you did not expound upon. Also showing us an entire page instead of 5 lines of code would help. It's a bit hard to debug an image.
GCS d- s+ a-->? C++(++++) UL+++ P+>+++ L+++ E--- W+++
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h-->++ r z+*
Reply With Quote  
•
•
Join Date: Aug 2007
Posts: 128
Reputation: hacker9801 is on a distinguished road 
Rep Power: 2
Solved Threads: 13
hacker9801 hacker9801 is offline Offline
Junior Poster

Re: image breaking

  #7  
Apr 2nd, 2008
Okay, so I'm parsing the map file, looping through the nodes, and adding an image based on the XML file:
Help with Code Tags
javascript Syntax (Toggle Plain Text) 
  1.         for(var i=0;i<map_node.childNodes.length;i++) {
  2.                 var node = map_node.childNodes[i];
  3.                 if(typeof node.tagName == "undefined") continue;
  4.  
  5.                 if(node.tagName == "tile") {
  6.                     var tile = document.createElement("IMG");
  7.                     tile.src = "tiles/" + node.getAttribute("type");
  8.                     tile.setAttribute("width", "32");
  9.                     tile.setAttribute("height", "32");
  10.                     tile.className = "brick";
  11.                     map.appendChild(tile);
  12.                 }
  13.  
  14.                 if(node.tagName == "br") map.appendChild(document.createElement("BR"));
  15.                 }
  16.         }

"map" is blanked, then that code executes & adds those images.

I still see no reason for it to break.
Reply With Quote  
•
•
Join Date: Aug 2007
Posts: 128
Reputation: hacker9801 is on a distinguished road 
Rep Power: 2
Solved Threads: 13
hacker9801 hacker9801 is offline Offline
Junior Poster

Re: image breaking

  #8  
Apr 3rd, 2008
bump.
Reply With Quote  
•
•
Join Date: Aug 2007
Posts: 128
Reputation: hacker9801 is on a distinguished road 
Rep Power: 2
Solved Threads: 13
hacker9801 hacker9801 is offline Offline
Junior Poster

Re: image breaking

  #9  
Apr 4th, 2008
bumppp

oh screw it you guys suck
Reply With Quote  
Reply

•
•
•
•

Only community members can participate in forum threads. You must register or log in to contribute.

Register
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

•
•
•
•
Thread Tools Display Modes
Linear Mode Linear Mode

•
•
•
•
google image recognition image search search video search
Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum

Advertising Opportunities on DaniWeb
Contact Us - Newsletter Archive - Sitemap - Privacy Statement
All times are GMT -4. The time now is 2:50 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC