×
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!
  • Students Click Here

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

Jobs

JS newbie problem (remove element from a list)

JS newbie problem (remove element from a list)

JS newbie problem (remove element from a list)

(OP)
Hi there.

It's my firts post here in Your forum so I'd like to say HELLO WORLD ;)

I admit that's my first steps in JS. It causes me a problem at a beginning ;)




<script >
function addElement() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
 
  var newdiv = document.createElement('div');
  var divIdName = 'my'+num+'Div';
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = 'Element Number '+num+' has been added! <a href=\'#\' onclick=\'removeElement('+divIdName+')\'>Remove the div "'+divIdName+'"</a>';
 
  ni.appendChild(newdiv);
 
}

function removeElement(divNum) {
  var d      = document.getElementById('myDiv');
  var olddiv  = document.getElementById(divNum);
  d.removeChild(olddiv);
 
}
</script>

<html>

<input type="hidden" value="0" id="theValue" />

<p><a href="javascript:;" onclick="addElement();">Add Some Elements</a></p>
<div id="myDiv"> </div>

</html>




After pressing 'Add Some Elements' link a new element is shown in the screen.

For example element:
Element Number 3 has been added! Remove the div "my3Div"

... But when I press 'Remove the div "my3Div"' link - element is not deleted :(

Where can be the problem? I'll be thankful for tips. Greetings.

 

RE: JS newbie problem (remove element from a list)

You have to call removeElement with string argument. Right now the code generated by newdiv.innerHTML looks like onclick='removeElement(my3Div)'. But it has to be onclick='removeElement("my3Div")'

CODE


 newdiv.innerHTML = 'Element Number '+num+' has been added! <a href=\'#\' onclick=\'removeElement("'+divIdName+'")\'>Remove the div "'+divIdName+'"</a>';

Avar Pentel

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close