kalkulatror w ajax, witam Opcje

[doti]

[HTML] pobierz, plaintext 
Witam, 
jestem tutaj pierwszy raz wiec od razu przepraszam jesli temat umiescilam w zlym miejscu. 
Mam problem jak wykonać kalkulator który znalazlam na tej stronie: drukarnia.
Wydaje mi sie ze jest tutaj wykorzystany php+ajax ale nie wiem jak sie zabrać za cos takiego. Wiem ze są gotowe biblioteki ktorymi mozna to wykonac.
Czy jest ktos kto naprowadziłby na jakies podobny przyklad (IMG:style_emoticons/default/questionmark.gif)  
Bardzo prosze o pomoc
[HTML] pobierz, plaintext 

[doti]

W zasadzie juz cos sobie napisałam i cos zaczeło działac.
Gdy kazdy parametr umieszcze w osobnej tabeli to wszystko mi smiga, nawet liczy sume netto.
Mam problem gdy pobieram parametry z jednej tabeli.
Moze byc taka sytuacja ze dla kategorii wizytowki beda przypisane takie parametry jak kolor i format a dla ulotek np foliowanie.
Dlatego musze uzależnic 2 pola select od siebie.

moja baza wygląda nast:
tabele to : kategorie, parametry, wartosci parametrow, naklad, termin, dostawa,

CREATE TABLE `kategorie` (
`id` int(5) unsigned NOT NULL auto_increment,
`nazwa` varchar(200) NOT NULL,
`cena` float(10,2) NOT NULL,
PRIMARY KEY (`id`)
);


CREATE TABLE `parametry` (
`id` int(10) unsigned NOT NULL auto_increment,
`idkategoria` int(10) NOT NULL,
`nazwa` varchar(500) NOT NULL,
`pole` varchar(100) NOT NULL,
PRIMARY KEY (`id`)
) ;


CREATE TABLE `wartosci_parametrow` (
`id` int(10) unsigned NOT NULL auto_increment,
`idparametr` int(10) NOT NULL,
`idkategoria` int(10) NOT NULL,
`nazwa` varchar(500) NOT NULL,
`cena` float(5,2) NOT NULL,
PRIMARY KEY (`id`)
);


funkcja w pliku ajax wyglada nast:

function ajaxFunction()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("Your browser does not support XMLHTTP!");
}
}
function ladowanie() {
innerHTML = '<img src="loader.gif" border="0">Przetwarzanie danych....';
}


function showHint(str)
{

xmlhttp=GetXmlHttpObject();
var kategoria = encodeURIComponent(document.getElementsByName('idkategoria')[0].value);
var termin = encodeURIComponent(document.getElementsByName('idtermin')[0].value);
var format = encodeURIComponent(document.getElementsByName('idformat')[0].value);
var naklad = encodeURIComponent(document.getElementsByName('idnaklad')[0].value);
var projekt = encodeURIComponent(document.getElementsByName('idprojekt')[0].value);
var parametr = encodeURIComponent(document.getElementsByName('idparametr')[0].value);

var url="pokaz_liste.php";
xmlhttp.open("POST", url, true);
var params ="idkategoria="+kategoria+"&idtermin="+termin+"&idformat="+format+"&idnaklad="+naklad+"&idprojekt="+projekt+"&idparametr="+parametr;
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("charset", "UTF-8");

xmlhttp.onreadystatechange=stateListChanged;
xmlhttp.send(params);

}

function stateListChanged()
{

if (xmlhttp.readyState==(1 || 0) )
{
document.getElementById("pokaz").innerHTML="</br></br></br></br><p align='center'><img src='loader.gif'></p>";
}
if( (xmlhttp.readyState==4) || (xmlhttp.readyState == 200))
{
document.getElementById("pokaz").innerHTML=xmlhttp.responseText;
}
}

Niestety mam problem z wyswietlaniem cen obok pol select.
Czy to co przedstawilam rozwiazuje problem??
Moze sklad bazy ma byc inny oraz skrypt ajax??
prosze o odpowiedz