1 (edited by Tharpe5 2019-08-09 06:28:16)

Topic: Previewing users text with jquery

I want to achieve the functionality that this editor has got with its preview feature tellsubway.

I have got this html:

    <textarea id="tbMsg" style="height:450px;width:100%;"></textarea>
I want whatever is in the textarea above to go onto this div, every 2 secs or so.

      <DIV id="preview" style="BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 3px;
    BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #c0c0c0 1px solid; WIDTH: 660px;
    PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; HEIGHT: 700px"></DIV>
I have this javascript/jquery:

    <script type="text/javascript">
   $(function() {
    $('#tbMsg').keyup( function() {
        alert(1);
        var text = $(this).val();
        $('#preview').html(text);
    });
});
    </script>
Alert 1 never happens, which means that the request wasnt successful. Where does my jquery goes wrong?