Question

With preferably using jquery id want to update written text from input field into a div from a click of a button.

Also, when that happens id like that text to have a specific text around it that was predefined

“written text”

“AND THE PRE written text DEFINED TEXT”

On another note i was writing this as i got thinking… something like this post preview in stackoverflow wouldnt be bad either. Because its not important that the text will be shown after a click of a button. Of course.. which ever way would be easier.. thats the one i would go with…

Any ideas? I googled my ass off but i guess i couldnt find the right search words to describe sending text from input field to div with jquery…

I really have no starting point as far as the actual functions gom, but heres the inputs and divs at least.
http://jsfiddle.net/XrBy2/2/

Answer 1

UPDATE

    $(document).ready(function() {

        $('input[type=button]').click(
            function (){update(); }
        );

$('input.clear').click(
        function(){
            $('div.update-here').html("");
        }     
    )

    });

and for clear button give class clear it <input value='clear' class='clear' />

<script src="jquery.js"></script>

<script type="text/javascript">

    var textfront = "some pre defined text";

    var textend = "some pre defined text back";

    $(document).ready(function() {

        $('input[type=button]').click(
            function (){update(); }
        );

    });

    function update()
    {
        $('div.update-here').html(textfront+$('#inputform').val()+textend);
    }

UPDATE change here

$('div.update-here').html(textfront+$('#inputform').val()+textend);

$('div.update-here').html(textfront+$('input[name=update]').val()+textend);
</script>

<div class="update">
  <p>Update:</p>

  <input type="text" name="update" id="inputform"/>
  <input type="button" value="update"/>
</div>

<div class="update-here"></div>

<div style="margin: 0px;" class="example">written text</div>
<div class="example">AND THE PRE written DETERMINED TEXT</div>