Hi,
Instead of Inplace-Text-Editing boxes I like to use
contentEditable="true" which in principle works great in IE8, FF3.5
and Chrome on simple cases, for ex: <h1
contentEditabale="true">Editable Text</h1>
When I use it that way:
<script ...
$("#tasks").sortable({
handle: 'table tbody tr td span.handle'
}).disableSelection();
</script>
....
<ul id="tasks" class="">
<li class="ui-state-default">
<table>
<tbody>
<tr>
<td>
<span class="handle ui-icon ui-
icon-carat-2-n-s"></span>
</td>
<td>
<div style="width: 100%">
<p
contentEditable="true">testtext</p>
</div>
</td>
</tr>
</tbody>
</table>
</li>
...
I get interesting Results:
IE8 - works nearly perfect, only selecting text is not possible, I
could live with that, but it's not optimal
FF3.5 - only adding Text works, deleting only characters which are
previously added, and selecting text also doesn't work
Chrome - no editing at all works
crosscheck, removing .sortable()...
FF3.5, IE8 and chrome work perfectly
I experimented a while but I can't find out what causes this behavior,
can anybody help me?
- Chris
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
