Can I change a p into a textarea?

samslists · May 30, 2008

Hi...

I've seen code which changes a paragraph into a textarea (to allow it
to be edited)...by creating a brand new text area, inserting that into
the dom at the right place, and deleting the paragraph from the dom.

I.e. http://www.quirksmode.org/dom/cms.html

What I'm wondering is: is there some way to simplify this? Can I
just tell the paragraph to become a textarea?

I'm pretty sure the answer is no...but I want to make sure there is no
way.

Thanks

Peter Michaux · May 30, 2008

Hi...

I've seen code which changes a paragraph into a textarea (to allow it
to be edited)...by creating a brand new text area, inserting that into
the dom at the right place, and deleting the paragraph from the dom.

I.e.http://www.quirksmode.org/dom/cms.html

What I'm wondering is: is there some way to simplify this? Can I
just tell the paragraph to become a textarea?

I'm pretty sure the answer is no...but I want to make sure there is no
way.

I believe the answer is no. The tagName attribute is readonly

http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-745549614

Peter

samslists · May 30, 2008

I believe the answer is no. The tagName attribute is readonly

http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-745549614

Peter

Thank you for the response.

Ahh...it's a tagname. I was wondering what it was called. Seems a
shame that you can't do this.

Is there a library that creates a new element and deletes the old
element as if you had just changed the tagname? So I can get the same
behavior transparently?

Thomas 'PointedEars' Lahn · May 30, 2008

Thank you for the response.

Ahh...it's a tagname.

No, the attribute of the interface and the property of the implemented
object is called `tagName'.

I was wondering what it was called.

The attribute/property describes the type of the element represented by
the DOM object.

Seems a shame that you can't do this.

It isn't generally reasonable to do this. Different elements follow
different rules.

Is there a library that creates a new element and deletes the old
element as if you had just changed the tagname? So I can get the same
behavior transparently?

Probably yes.

PointedEars

Peter Michaux · May 31, 2008

Thank you for the response.

Ahh...it's a tagname. I was wondering what it was called. Seems a
shame that you can't do this.

Is there a library that creates a new element and deletes the old
element as if you had just changed the tagname? So I can get the same
behavior transparently?

You could write your own. Here is an incomplete starter example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>

<title>Page Title</title>

<script type="text/javascript">
function change(el) {
var ta = document.createElement('textarea');
ta.rows = '10';
ta.cols = '70';
ta.innerHTML = el.innerHTML;
el.parentNode.replaceChild(ta, el);
}
</script>

</head>
<body>

<p onclick="change(this);">
click <b>me</b> to <i>change</i> me to a textarea
</p>

</body>
</html>

Peter

How can I import MBOX files into Thunderbird?	3	Dec 6, 2024
Problems with using event handlers for button and textarea input	1	Nov 29, 2021
Hello guys ! How do I convert a string from an array into numbers ? Javascript	3	Dec 19, 2022
Building a program that can enter data into a field	3	Aug 18, 2022
How can I hide a div using an event listener on multiple checkboxes?	6	Dec 23, 2022
Help figuring out a directory permission change problem	1	May 12, 2023
How can i pass the csp on this extension?	2	May 17, 2023
Hey can anyone tell me why input data wont save in my database?	0	Jun 16, 2024

Can I change a p into a textarea?

samslists

Peter Michaux

samslists

Thomas 'PointedEars' Lahn

Peter Michaux

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads