PDA

Click to See Complete Forum and Search --> : changing span properties (part 2)

mitya
10-02-2003, 01:40 PM
Hi all

I have a a list of text, each seperated by a <br> and each with its own span and span id. I want the user to be able to delete one of the spans when double click. I have this all set up and have partially achieved the effect by simply making the clicked-on span go to font size 1 and an invisible colour, so the one below moves up and it looks like the one that was clicked on has vanished.

What I want to know is: is it possible to physically remove the span, rather than just making it LOOK like it's vanished? Does JS have the ability to visually delete elements from within the HTML structure in this way?

Thanks in advance.
pyro
10-02-2003, 01:45 PM
Yes, you just need to use some DOM methods (removeChild):

<script type="text/javascript">
function remove(obj) {
document.body.removeChild(obj);
}
</script>
</head>
<body>
<p><span ondblclick="remove(this);">test</span></p>
mitya
10-02-2003, 02:02 PM
Thanks again Pyro (who else ;-))
pyro
10-02-2003, 02:08 PM
lol... Happy to help. :)