Hi, I have a table with some editable cells. The initial content of cells may be empty. I'd like the InPlaceEditor (IPE) to start editing when user clicks anywhere in the cell (which can be larger than the actual text content).
I managed to achieve this in IE8 and FF2-3.5, but once again, IE6 adds some spice in my life... I made a minimal case on pastie: http://pastie.org/584025 with the three approaches I tried so far. Here are the interesting parts: <style> span.IPE {display: block;} </style> <script type='text/javascript' language='javascript'> document.observe("dom:loaded",function() { $('t').select('.IPE').each( function(div) { new Ajax.InPlaceEditor(div,'something.php', {}); }); }); </script> <table id="t"> <thead> <tr><th>X title</th><th>Y title</th><th>Z title</th></tr> </thead> <tbody> <tr> <td><div class="IPE">A</div></td> <td><span class="IPE">B</div></td> <td class="IPE">C</td> </tr> </tbody> </table> So, what is happening: - First case, using a div container (*) : Works as expected on IE8 and FF but on IE6 you have to click on the actual text to activate InPlace editing. - Second case, using a span with "display: block": Work as expected on FF, but IE8 for some reason uses now a textarea instead of an input for edition (so does IE6 if you click on the actual text, but you still have to click on actual text) - Third case, using the TD as IPE's target: This is an interesting one... All browsers (including IE6!) react when the cell is clicked (no need to click on the actual text), however the reaction is "Make the TD and its content disappear"! Another interesting thing in IE6 is that if the IPE reacts only when mouse is on the actual text, the highlight effect is performed on the actual div/span/td, which fills the whole table's cell... I cannot think to something else to try... If someone has an idea about how to make this work, I'd be glad to read it! Eric Note: I use "XHTML 1.0 Transitional" doctype (see pastie link for the complete source) (*) I am aware it is bad to put divs in tables, but so far that's the best working option :o( Better alternatives are welcome ;o) --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" 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/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---
