contenteditable div onkeyup javascript calculation

[Indians]

this is my html and javascript coding. how to do contenteditable div onkeyup calculation. i tried it but i doesn't work...

        <td><div class="inputclass" id="quantity1" contenteditable> </div></td>
        <td><div class="inputclass" id="unitprice1" onkeyup="maths();" contenteditable> </div></td>
        <td><div class="inputclass" id="total1" contenteditable> </div></td>

function maths()
{
    var qt = document.getElementById("quantity1").value;
    var up = document.getElementById("unitprice1").value;
    qtup = parseFloat((qt * up)) || 0;
    document.getElementById("total1").value = qtup;
}

[minitauros]

I haven't done this with editable <div>s before, but usually you get a div's content by using div.innerHTML, not div.value. So changing your code to

function maths()
{
    var qt = document.getElementById("quantity1").innerHTML;
    var up = document.getElementById("unitprice1").innerHTML;
    qtup = parseFloat((qt * up)) || 0;
    document.getElementById("total1").innerHTML = qtup;
}

might work. Why are you using editable <div>s instead of just inputs? :o

[Indians]

got it. here i am using contenteditable for description column. so, i have the plan to use all rows in contenteditable..

[minitauros]

Well I wouldn't know the downside of it right now, but it just feels somewhat off to me to use contenteditable divs for stuff that I usually use inputs and textareas for. Anyway, glad your problem has been solved ;).