fill a textarea using javascript

Question

i have the following code:

<div>
    <textarea id="tinyeditor" name="description_evenement"></textarea>
    <iframe width="584" height="175">
        #document
            <html>
                <head>
                    <link href="custom.css" rel="stylesheet"></link>
                </head>
                <body id="editor" contenteditable="true">
                    Hello world!
                </body>
            </html>
    </iframe>
</div>

what i need to do is to fill the textarea with the value "Hello world!" using javascript before submitting, i used the folowing code but it's not working :

<script type="text/javascript">
function replace(){
    var content = document.getElementById('editor').innerHTML;
    document.getElementById("tinyeditor").value = content;
}

</script>

any help would be appreciated

Answer 1

Try this..

<script type="text/javascript">
function replace(){
    var content = document.body.innerHTML;
    document.getElementById("tinyeditor").value = content;
}

</script>

Answer 2

It might be because the textarea is in the parent element and the body is in the iframe...give your iframe an id (eg, myFrame) and try:

var content = document.getElementById('myFrame').contentWindow.document.getElementById('editor').innerHTML;

Everything else would stay the same.

fill a textarea using javascript

Question

2 answers

solution1
1 2014-04-26 14:22:45

solution2
0 2014-04-26 14:14:48

fill a textarea using javascript

Question

2 answers

solution1 1 2014-04-26 14:22:45

solution2 0 2014-04-26 14:14:48

solution1
1 2014-04-26 14:22:45

solution2
0 2014-04-26 14:14:48