JavaScript string replace in textarea

Question

I'm trying to create a simple page that "corrects" YouTube's old embed code so that it works in PowerPoint 2010. If I hard code the embed code into a textarea on the page, it works fine, but if the user pastes the embed code into the text area, the javaScript doesn't seem to run.

Take a look here:http://jsfiddle.net/pch8N/

Here's what I have so far:

<p>Click the button to "fix" the old embed code</p>

<textarea rows="10" cols="60" id="demo"></textarea>
<br/>

<script>
function myFunction()
{
var str=document.getElementById("demo").innerHTML; 
var n=str.replace(/\/\/www.youtube/g,"http://www.youtube").replace(/version=3/g,"version=2");
document.getElementById("demo").innerHTML=n;
}
</script>

<button onclick="myFunction()">Try it</button>

Thanks for the help!

null.point3r · Accepted Answer · 2014-02-05 09:25:20Z

5

You should use value instead of innerHtml

function myFunction2()
{
var str=document.getElementById("demo2").value; 
var n=str.replace(/\/\/www.youtube/g,"http://www.youtube").replace(/version=3/g,"version=2");
document.getElementById("demo2").value=n;
}

edited Feb 5, 2014 at 9:25

answered Aug 22, 2013 at 18:11

null.point3r

1,1032 gold badges9 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shamim Hafiz - MSFT · Accepted Answer · 2013-08-22 17:59:05Z

0

var str=document.getElementById("demo").innerHTML;

You should use .value and not .innerHTML

answered Aug 22, 2013 at 17:59

Shamim Hafiz - MSFT

22.2k44 gold badges122 silver badges183 bronze badges

Comments

Voonic · Accepted Answer · 2013-08-22 18:15:19Z

0

Put your textarea inside form tag

Then use

var str=document.getElementById("demo").value;

answered Aug 22, 2013 at 18:15

Voonic

4,7733 gold badges29 silver badges60 bronze badges

Comments

selim · Accepted Answer · 2018-11-16 09:13:57Z

        // hope this would be usefull
        // i used these codes for auto completing the texts in textarea.
        // other methods change all matching items before the selected text
        // but this affects only the text where caret on.
        // at first, i divided textarea.value into 3 pieces. these are ;
        // p1; until the 'searched' item, p2 after 'searched' item
        // and pa = new item that will replaced with 'searched' item
        // then, i combined them together again.

        var tea = document.getElementById(targetTextArea);

        caretPosition = tea.selectionStart - ara.length; //ara=searched item
        p1 = tea.value.substring(0,caretPosition);
            console.log('p1 text : ' + p1);
        p2 = tea.value.substring(caretPosition+ara.length,tea.value.length);
            console.log('p2 text : ' + p2);
        pa = yeni;  //new item
            console.log('pa text : ' + pa);

        tea.value = p1 + pa + p2;

        tea.selectionStart = caretPosition + yeni.length;
        tea.selectionEnd = caretPosition + yeni.length;

        tea.focus();

Collectives™ on Stack Overflow

JavaScript string replace in textarea

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related