Hey Pat,
Thanks for that, unfortunately howeveer I get a "e.style.has no
properties"... I tried changing it to:
$("td.fillme").each(function() {
$(this).html('<input type="text" class="fillmeInput"
value="'+$(this).text()+'" style="width:'+$(this).width()+'px;">');
});
which works but with completely unexpected results
(http://skorpion.geek.nz/cost_process/test.html)
Seems I underestimated it being such a pain...
Allan
patcoll wrote:
It'd probably be something like this:
$("td.fillme").html('<input type="text" class="fillmeInput" value="'+$
(this).text()+'" style="width:'+$(this).width()+'px;">');
This isn't tested but this is the first thing that came to mind. Just
remember to style the input with class "fillmeInput" with the font
size, height of the text input, a green background, etc.
Even better, but this into a function. Then make a function that
switches it back to just text in the field, saving the changes you
made. Then have a button that toggles the "edit mode" of the table.
Maybe that's where you're going with this :-0
Pat
On Aug 1, 6:59 am, Allan Mullan <[EMAIL PROTECTED]> wrote:
Evening all,
I'm trying to get a spreadsheet-like table going
(http://skorpion.geek.nz/cost_process) and want to have the green cells
populatated with input fields (from there I'm going to work out the math
in the red cells).
Rather than manually add all the input fields I figured I'd use jQuery
to do it, which worked - except I can't seem to get the width part right
(I need the width of the input field to be the width of the cell).
Anyone got any suggestions? It's late and my mind's gone blank for the
moment :-(
Thanks in advance,
Allan
