Question

Possible Duplicate:
What's the best edit-in-place plugin for jQuery?

For example, when you click on a span, it becomes an input-text, and when you click outside the span it becomes an span again, and you could edit the input text. So you basicly change the tag name when you click on it.

But how can you do that? Showing and hiding spans and input-text’s does not look like the best solution..

Answer 1

Here, take a look at that, it’s simplified, but should help you : http://jsfiddle.net/RUwtt/

Html :

<span>My value here!</span>

Javascript :

$(function () {
    $('span').live('click', function () {
        var input = $('<input />', {'type': 'text', 'name': 'aname', 'value': $(this).html()});
        $(this).parent().append(input);
        $(this).remove();
        input.focus();
    });

    $('input').live('blur', function () {
        $(this).parent().append($('<span />').html($(this).val()));
        $(this).remove();
    });
});