Need Help: Missing tags on dynamically added content

I have a problem that I've been tracking down for a while now. I'm working on a script that dynamically adds blocks for data entry to a page. This script works on one page but not another. For some unknown reason, it seems to be stripping out tags. (And yes, I know the code looks a little messy. It's dynamically created by PHP, and I have to tidy it up a bit still.)

What seems to happen is when a link is clicked to add an input, it appears to strip off the <td> tag.

Any help is appreciated.

(Warning for IE users: The following code may not work proper for you. For some reason when I put it all together for this post, something went wonky. Works fine in Firefox though.)

Expand|Select|Wrap|Line Numbers

 <html>

<body>
 
<div class="ctx02"><div class="lalign" id="control_box">

</div></div>

<br />
 
<script type="text/javascript">

<!--

var blocks_av = [];
 
function addEvent(target, etype){

  var div = document.getElementById(target);

  var num = (document.getElementById(target+'_track').value -1)+ 2;

  var num_tracker = document.getElementById(target+'_track');

  if(num > 99){num = 99;}

  num_tracker.value = num;

  var blockIDName = target+num+"block";

  var newblock = document.createElement(etype);

  newblock.setAttribute("id",blockIDName);

  var str_numbered = blocks_av[target];

  newblock.innerHTML = str_numbered.replace(/!@nu@!/, num);

  div.appendChild(newblock);
 
  // Pops a new window with the dynamic HTML for debug (only IE)

  var range = document.getElementById(target).innerHTML;

  var frog = window.open("","wildebeast","scrollbars=1,resizable=1");

  frog.document.open();

  frog.document.write('<table>' + range + '</table>');

  frog.document.close();
 
}
 
blocks_av['craft'] = '' + "\n" +

'<td class="ctx07"><td>Craft <input type="text" name="craft!@nu@!-name" value="Enter Skill Name" class="i04">&nbsp;&nbsp;</td></td>' + "\n" +

'<td class="ctx08"><input type="text" name="craft!@nu@!-ranks" value="" class="i05"></td><td class="ctx00"> + </td>' + "\n" +

'<td class="ctx08"><input type="text" name="craft!@nu@!-miscmod" value="" class="i05">' + "\n" +

'<input type="hidden" name="craft!@nu@!-abname" value="INT"></td>' + "\n" +

'';
 
div = document.getElementById("control_box");

div.innerHTML = '<span class="heading01">CONTROLS</span><br />' + "\n" +'<input type="hidden" value="1" id="craft_track" name="craft_track" />' + "\n" +

'<a href="javascript:;" onclick="addEvent(\'craft\', \'tr\');">Add Another Skill: Craft</a><br />' + "\n\n" +

'';

//-->

</script>
 
<table cellspacing="2">
 
<tbody>
 
<tr><td class="ctx07">Appraise&nbsp;&nbsp;

<td class="ctx08"><input type="text" name="appraise-ranks" value="0" class="i05"></td><td class="ctx00"> + </td>

<td class="ctx08"><input type="text" name="appraise-miscmod" value="0" class="i05">

<input type="hidden" name="appraise-abname" value="INT"></td></tr>
 
</tbody>
 
<tbody id="craft">

<tr><td class="ctx07">Craft <input type="text" name="craft0-name" value="Enter Skill Name" class="i04">&nbsp;&nbsp;</td>

<td class="ctx08"><input type="text" name="craft0-ranks" value="0" class="i05"></td><td class="ctx00"> + </td>

<td class="ctx08"><input type="text" name="craft0-miscmod" value="0" class="i05">

<input type="hidden" name="craft0-abname" value="INT"></td></tr>
 
</tbody>
 
</table>
 
</body>

</html>

Sep 28 '06 #1

Subscribe Post Reply

1722

acoder

16,027

Expert Mod 8TB

Instead of innerHTML, you may as well use DOM methods for creating and appending table cells. There seems to be incorrectly nested td elements within td elements.

May 24 '08 #2

Similar topics

help with a problem comparing strings

by: Robert Dell | last post by:

I have a problem comparing strings in an order form i'm writing. I want to give a running total at the bottom of the page and it appears to be working except it doesn't compare correctly (it...

Javascript

need urgent help !

by: andy | last post by:

I have user controls(.ascx) programmed to function as modules on the same page - default.aspx. As you would be well aware, default.aspx has the normal html stuff:- <%@ Page language="c#"...

C# / C Sharp

custom web control help

by: Scott C. Reynolds | last post by:

Hi. I have created a templated control, and I want to know how i can set it up so that the projects consuming it will have all the same intellisense benefits of using any other server control. ...

C# / C Sharp

Page Caching help needed

by: Adrian Parker | last post by:

IE.. Tools -> Internet Options -> Settings Button -> Check for newer versions of stored pages = Never If a user changes thier settings to this, then pages are cached in IE. From what we've...

ASP.NET

help me

by: ankitvermamca | last post by:

I'm trying to dynamically add radio inputs to a form, but it's not working quite right. The code I have adds the radio buttons properly, but they are not selectable, and I can't seem to be able to...

Javascript

body tags in an include?

by: Big Bill | last post by:

http://www.promcars.co.uk/pages/bonnie.php I don't believe they should be there, can I take them out without stopping the includes from functioning? I'm the (hapless) optimiser on this one... I...

PHP

Need help on creating a dynamic page. - We use Master Pages and this is how I am trying.

by: Learner | last post by:

Hello, We use Master Pages in our website and need a page to be created dynamically. I am not sure where I am missing but I don't see any error and the controls on the page either! Here is my...

ASP.NET

Large web site, need to do some major rearrangement of files...

by: mike | last post by:

I help manage a large web site, one that has over 600 html pages... It's a reference site for ham radio folks and as an example, one page indexes over 1.8 gb of on-line PDF documents. The site...

HTML / CSS

how to add unique meta tags to each content page/

by: bashetty | last post by:

Well its a strange problem i have, some of you might already faced it and have a solution. I have to maintain a set of unique "search key words" in meta tags for each content page in my site. With...

ASP.NET

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General