Is what I'm trying to do even possible?

**revelstoke** · Jun 6, 2006 09:14

Why can't I pass in the name of the ID through the function so I can traverse the DOM looking for it and append to it where necessary?

Code:

function makeNotes(id) {
	var theNote= prompt('Please enter note information', ' ');
	
        var insertText = document.createTextNode(theNote);
	var theBR = document.createElement('br');
	
        document.getElementById(id).appendChild(insertText);
	document.getElementById(id).appendChild(theBR);
}

Which gets called about 2 dozen times, each referencing a different block of notes (new element ID):

Code:

<a href="#" onClick="makeNotes('previousNotes')">Add Comments</a>

But of course simply saying...

Code:

document.getElementById('previousNotes').appendChild(insertText);

...works perfectly. Anyone? Please help!

**Tygatur** · Jun 6, 2006 09:43

I've tested your code and it works finde with IE FF Opera.
Complete test file:

HTML Code:

<html>
 <head>
  <meta name="generator" content="HTML Studio" />
  <title> </title>
 </head>
 <body>
<script type="text/javascript">
function makeNotes(id) {
var theNote= prompt('Please enter note information', ' ');

var insertText = document.createTextNode(theNote);
var theBR = document.createElement('br');

document.getElementById(id).appendChild(insertText);
document.getElementById(id).appendChild(theBR);
}
</script>
<p id="tester"></p>
<a href="javascript:makeNotes('tester')">tester</a>
 </body>
</html>

I haven't found the mistake you made but my version seems to work.

**revelstoke** · Jun 6, 2006 09:49

Yea yours does work. Whats the deal? Yours and mine are identical, the only thing thats different is you chose a p tag to throw your ID into, I chose a div. The only other thing I can think of is maybe my doctype declaration is too strict?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Other than that their identical really...

**revelstoke** · Jun 6, 2006 11:18

Solution:

For some reason it preferred onClick="javascript:makeNotes()" better than just onClick="makeNotes()"

go freaking figure.

**Pepejeria** · Jun 6, 2006 11:52

Hm, y ou have any url where you can show this?

User Tag List

Thread: Is what I'm trying to do even possible?

Thread Tools

Display

Is what I'm trying to do even possible?

odd

Bookmarks

Bookmarks

Posting Permissions