ZURBlog is where we discuss product design, business and strategy.

Memo says

Could u tell me what "cut paste input" is from the plugin code? I can't get any infomation about it...

Nicky says

Great jQuery plugin! The direct save-function is what we were looking for, thanks for it. You even uses it in the add your comment...block on this pagen.

Stephen says

Really very useful thanks! Great for copying values between two text-fields (where one might be independently edited later) too!

Ryan says

Nice job guys. Thanks for sharing the plugin. Is it possible to use it with the .live() handler instead of bind?

Ryan Lonac says

Gotcha, i will look into that and see what i can come up with.

Andre says

Thanks guys for an awesome plugin.

I forked and made a simple change to add support for contenteditable elements. http://gist.github.com/443903

Thanks again.

Andre

arnold says

thanks for this stuff zurb...

Leonardo Wong says

Thanks for this nice plugin.

I have a problem here, I cannot change the DOM once i bind the textchange event. Firebug return InternalError: too much recursion { message="too much recursion", more...}

For example: <div id='mydiv'> <input type='text' class='myfield'> </div> $(".myfield").bind('textchange', function(){ alert('hello') }); $("#mydiv").html("replace by this")

it does not work. I tried to unbind textchange first, but the unbind command return the same error...

any idea? thanks

Ollie says

In IE 7/8 when applied to a text input, the textchange event is only successfully triggered the first time. I’ve put together a minimal example. Anything I can do to fix this?

Janne says

We're about to use this awesome piece of code in our upcoming open-source project, but before that we would like to know what's the license of this plugin? We don't want to be haunted by cops and lawyers...

Thanks!

John says

I try using this plug in and it works fine in firefox but it does'nt work in ie

Forest says

The Firefox 3.6.10 javascript console is reporting "too much recursion" errors when I have textchange events bound, even if my callback function does nothing. Do you have a fix for this?

Mat says

Cool plugin I just added the blur event to catch the auto completion with the Tab key. $(this).bind('cut.textchange paste.textchange input.textchange blur.textchange', $.event.special.textchange.delayedHandler);

callorchat says

It is an awesome plug-in. But, i found one issue with IE8 (not tried with other versions of IE). Right click + delete doesn't work. It works in firefox, but not IE.

W says

It seems the plugin is broken with the newly released jQuery 1.6.

Anar says

This is a very useful plugin. I've been using it for long time, but now I have a problem. For example, I bind it to a text input.

$('#myInput').bind('textchange', textCh);

then in some part of my code I change the value

$('#myInput').val('something');

And when a user focuses in the text input and press arrows left or right... it triggers the textchange event. Is there a way to fix this? I mean, after changing the value via code to tell the listener that it's changed but there is no need to run the function textCh, even if a user focuses in and presses some keys that don't actually change the value. Thank you

The Tominator says

Good stuff! There is a problem howerever with accented characters (for example, ALT + 130, that is "é"). The character count does not change until something else like keyup triggers another event. Also, CTRL-Z (undo) does not work at all although it works in a standard textarea.;

Federico Biccheddu says

First of all I wanted to thank you for the very useful plugin.

I'm testing it, but I can not understand why not working in div with contenteditable = "true".

Javascript:

$('#add-post').bind({
    hastext: function()
    {
        $('#add-post-content input').attr('disabled', false);
    },
    notext: function()
        {
        $('#add-post-content input').attr('disabled', true);
    }
});

HTML:

<div contenteditable="true" id="add-post" style="height: 70px; overflow: auto;"></div>

Thanks :)