adding/deleting table rows of a form with Javascript

**tak237** · 02-02-2004 01:21 PM

Hi,

I'm doing a calculator with telephone rates and stuff using ASP and an access database. I'm trying to do it like this one:

http://www.cpsconnections.co.uk/calculator.asp

It's using this js file: http://www.cpsconnections.co.uk/js/calculator.js

What happens on the calculator above is that everytime you insert an international rate it stays on the bottom table and you can remove it or add another one. Plus you can reset the values. I've tried reading the javascript code but it seems that im missing something since its an ASP page.

Can anyone explain to me how this works or give me a link with a similar example?

Thank you.

**96turnerri** · 02-02-2004 01:25 PM

the js file u have is fine make sure the page the calculator is on has

<form name="theForm" method="post" action="YOURPAGE" onSubmit="return checkValues();">
caluclator bit in here

<input type="submit" value="Add">
</form>

**tak237** · 02-02-2004 01:34 PM

I wish it was that simple. I have the form just like that. The problem seems to be elsewhere.

If it helps the error that I get is "Object doesn't support this property or method". It hits on the line: document.theForm.submit();

**96turnerri** · 02-02-2004 01:46 PM

have you checked the js files for references to divs or ids, tags and that like

getElementByID("foo")

then u will need

<div id="foo"></div> in <body> of calculator

**tak237** · 02-02-2004 02:13 PM

It would be nice if you or someone else could exlpain the code briefly or give me a similar example on the web. The parts that confuse me basically and where I think im doing something wrong, are those two functions:

function deleteIt(rec, type){
document.theForm.deltype.value = type;
document.theForm.deleter.value = rec;
document.theForm.submit();
}

This is called once I press the 'remove' or 'reset' link:

<td a href="javaScript:deleteIt('0', 'international')" class="removeLink">remove</a></td>

and this function
function trim(s){

while(s.indexOf(' ') == 0 || s.indexOf('\t') == 0 || s.indexOf('\r') == 0 || s.indexOf('\n') == 0){
s = s.slice(1);}
while(s.lastIndexOf(' ') == 0 || s.lastIndexOf('\t') == 0 || s.lastIndexOf('\r') == 0 || s.lastIndexOf('\n') == 0){
s = s.slice(0, -1);}
return s;

}

This is called when submiting the form and its inside the submitTheForm function

Thread: adding/deleting table rows of a form with Javascript

Thread Tools

Display

adding/deleting table rows of a form with Javascript

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions