/prog/ - Javascript question

Name: Anonymous 2011-08-19 14:28

How do you add some content in a specific place in Javascript at the user's bequest? I'm writing a sort of CSS designer with the idea that it shows the user what the style looks like by writing it to a file and then loading it (using PHP). The thing is I want it to actually be useful, so it needs to be able to have as many elements and properties as the user wants. I know that trick where you have an empty <div> and set its innerHTML member but that will leave me a set number, and I don't want to just stick billions and billions of <div> tags inside my code (its already messy enough).

tl; dr how do I dynamically instert code into a webpage at a set position but allowing an arbitrary number of insertions?

Name: Anonymous 2011-08-19 18:27

I wrote this in 2 minutes. Probably not valid HTML nor JS but it works and gets the point across.

<html>

<body>

<script type="text/javascript">

function add_property() {

 var d = document.createElement("div");

 d.innerHTML = "Hello world!";

 document.getElementById("test").appendChild(d);

}

</script>

<div id="test">

This is the first line.

</div>

<input type="button" onclick="add_property()" value="add div">

</body>

</html>

Works in everything from IE6 to FF4 (tested).

Javascript question

1 Name: Anonymous 2011-08-19 14:28

20 Name: Anonymous 2011-08-19 18:27

Name: Anonymous 2011-08-19 14:28

Name: Anonymous 2011-08-19 18:27