Auto insert html code in textarea with onClick event

Question

I am using this code to insert text but now i want to add html code in textfield as well.

 <input type="button" class="btn btn-danger btn-flat" value="Bitcoin" onclick="insertText('input-comment', '<iframe src="invoice.php?address=3NUcGsurfneJxMC3vb5hWwgjg5ytTP9daB&amount=10&id=109" width="800px" height="800px" frameborder="0px"></iframe>');">

It is working fine when i put text in it but doesn't work any more when i add this html code. This html code(iframe code) should automatically inserted in textarea on button click.

My js

<script type="text/javascript">
  function insertText(elemID, text)
  {
    var elem = document.getElementById(elemID);
    elem.innerHTML += text;
  }
</script>

you need to escape the quotes within the function parameters — Professor Abronsius
– Professor Abronsius, Commented Aug 7, 2016 at 6:50
are there any errors in the console? Can you include your js function insertText? — Professor Abronsius
– Professor Abronsius, Commented Aug 7, 2016 at 7:01
added above! <script type="text/javascript"> function insertText(elemID, text) { var elem = document.getElementById(elemID); elem.innerHTML += text; } </script> — Usama Khalid
– Usama Khalid, Commented Aug 7, 2016 at 7:04
check the below.... if you use single quotes and escape them in the function parameter it's ok — Professor Abronsius
– Professor Abronsius, Commented Aug 7, 2016 at 7:05

Professor Abronsius · Accepted Answer · 2016-08-07 07:05:16Z

2

Try escaping the double quotes in the function parameters, like:

<input type="button" class="btn btn-danger btn-flat" value="Bitcoin" onclick="insertText( 'input-comment', '<iframe src=\'invoice.php?address=3NUcGsurfneJxMC3vb5hWwgjg5ytTP9daB&amount=10&id=109\' width=\'800px\' height=\'800px\' frameborder=\'0px\'></iframe>' )" />

Corrected the previous code - this seems to work

edited Aug 7, 2016 at 7:05

answered Aug 7, 2016 at 6:55

Professor Abronsius

33.9k5 gold badges36 silver badges49 bronze badges

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

1 Comment

Usama Khalid Over a year ago

WORKED! Thank you friend for helping me out

Collectives™ on Stack Overflow

Auto insert html code in textarea with onClick event

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related