Question

how can i activate the readonly back after finishing the edit of the input ?

this is my code for now :

<script type="text/javascript">
$(document).ready(function () {
         $("input").bind('click focus', function(){
                $('input').each(function(){
                        $(this).attr("readonly", false);
                        });
                });
         });
</script>

an input like this :

<input type="text"  class="m" readonly="readonly" id="anchor_text">

i think something with focusout, i need to put readonly back when i go to the next input, so the edited input can’t be change unless i hit again click on it.

Answer 1

try:

$("input").bind('click focus', function(){
     $(this).attr("readonly", false);
  }).bind('blur', function(){
     $(this).attr("readonly", true);
 });​

demo : http://jsfiddle.net/DkCvu/1/