HTML - JavaScript query, Online LaTeX simulator Options

[balkics]

http://www.hostmath.com/Default.aspx

I am trying to create something like this. But I am struggling how to link the fields.
I need to link the buttons with the fields /when the button is pressed to show the code in the top menu and the formula on the bottom menu/.
Could you advice me how to link the code field/first field/ and the formula field/bottom field/.
I see there are JavaScript and ajax.

[CharlesEF]

What have you tried? Where is your code or URL to your page? If you need help then show us what you are doing.

[balkics]

What have you tried? Where is your code or URL to your page? If you need help then show us what you are doing.

Till now I have created 2 forms which are connected - typing into the first it will appear into the second form - like mirror typing and I also added a button which type text in the first textarea and it should appear into the second textarea but it only appears if I manually type something into the FirstTextArea /consequence1/ because when I click the button it populates the text into the consequence1 are but it will only appear into the second "whatWasDone" area if I type some text:

<textarea id="consequence1" cols="60" rows="5">
</textarea><br>

<textarea id="whatWasDone" cols="60" rows="5">
</textarea><br>

<script>
$("#consequence1").bind("keyup paste", function()
{ $("#whatWasDone").val($(this).val()); }

);
</script>

<script>
function printChar(char)
{ var printBox = document.getElementById('consequence1'); printBox.value = printBox.value + char; }

</script>
<input type="button" value=" Lgab " onClick="java script:printChar(this.value);" />

[Christian J]

If you want to add the same button's value to both textareas you might use:

CODE

function printChar(char)
{
    document.getElementById('consequence1').value += char;
    document.getElementById('whatWasDone').value += char;
}

[Christian J]

Or if you want to copy the first textarea's value to the second, you might use

CODE

function printChar(char)
{
    document.getElementById('consequence1').value += char;
    document.getElementById('whatWasDone').value = document.getElementById('consequence1').value;
}

[balkics]

Or if you want to copy the first textarea's value to the second, you might use

CODE

function printChar(char)
{
    document.getElementById('consequence1').value += char;
    document.getElementById('whatWasDone').value = document.getElementById('consequence1').value;
}

This is realy helpful - thank you!