in questo script leggo un cookie ottenendo nomearticolo quantità e prezzo

in realtà questi dati sono stati inseriti nel cookie dopo essere stati querati da un db (dunque nomearticolo è $id del prodotto, quantità lo setto con un prompt tramite js ed infine prezzo è $prezzo)

dato che il sottoriportato script mostra il contenuto del carrello (cioè le variabili del cookie) vorrei far visualizzare anzichè id, quantità e prezzo ----> $titolo preso dal db corrispondente a quell'id e poi prezzo e quantità vanno bene anche se presi dal cookie.
in sostanza voglio visualizzare non l'id del prodotto ma il nome dello stesso che però non memorizzo nel cookie per la lunghezza.

come faccio ad intercalare nello script una query mysql con cui estraggo e visualizzo nello stesso carrello i valori che desidero? grazie

codice:
<script language="javascript">
function deleteart(nomearticolo) {
var deletearticle=0;
var sostflag=0;
var subpuntatore=0;
var string=document.cookie;
var puntatore=string.lastIndexOf("Lampade=#");
var lung=string.indexOf("##");
var newstring="Lampade=#";
	while (puntatore<=lung) {
    		deletearticle=0;
		if (string.charAt(puntatore) == "@") {
			puntatore++;
			subpuntatore=puntatore;
			while (string.charAt(puntatore) != "@") puntatore++;
			if (string.substring(subpuntatore, puntatore) == nomearticolo) deletearticle=1;
			if (deletearticle==0) newstring+="@"+string.substring(subpuntatore, puntatore);
			puntatore++;
			subpuntatore=puntatore;
			while (string.charAt(puntatore) != "@") puntatore++;
			if (deletearticle==0) newstring+="@"+string.substring(subpuntatore, puntatore);
			puntatore++;
			subpuntatore=puntatore;
			while ((string.charAt(puntatore) != "@") && (string.charAt(puntatore) != "#"))puntatore++;
			if (deletearticle==0) newstring+="@"+string.substring(subpuntatore, puntatore);
			puntatore--;
			}
		puntatore++;
		}
newstring+="##";

puntatore=newstring.lastIndexOf("@");
if (puntatore != -1) document.cookie=newstring;
else document.cookie = "Lampade=0";
location.href="carrello.htm";	

}

function chiudi() {
close();
}

function punteggiatura(num) {
	retval =""+num;
	if (retval < 100) {
							retval="0,"+retval;
							 	while (retval.length < 10){ 
                        	retval =" "+retval 
									}
								}
	if ((retval <= 99999) && (retval >= 100)) {
								temp1 = retval.substring(0,retval.length-2);
								temp2 = retval.substring(retval.length-2,retval.length+1);
                       		retval =temp1+","+temp2;
								while (retval.length < 10){ 
                        	retval =" "+retval 
									}
								}
	if(retval >= 100000) {
								temp1 = retval.substring(0,retval.length-5);
								temp2 = retval.substring(retval.length-5,retval.length-2);
								temp3 = retval.substring(retval.length-2,retval.length+1);
								retval=temp1+"."+temp2+","+temp3;
								while (retval.length < 10){ 
                        	retval =" "+retval 
									}
								}
return retval;
}

document.write('<div align="center"> <center>');
document.write("Contenuto del carrello:

");
var quant=0;
var prezzo=0;
var totale=0;
var string=document.cookie;
var puntatore=string.lastIndexOf("Lampade=#");
var lung=string.indexOf("##");
if (puntatore == -1) document.write('
Il carrello è vuoto');
	else {
	document.write('<table border="1" cellspacing="1">');
	document.write('<tr><td><font face="Verdana, Arial, Helvetica, sans-serif">Articolo</font></td>');
	document.write('<td align="right"><font face="Verdana, Arial, Helvetica, sans-serif">Prezzo</font></td>');
	document.write('<td align="right"><font face="Verdana, Arial, Helvetica, sans-serif">Quantità</font></td>');
	document.write('<td align="right"><font face="Verdana, Arial, Helvetica, sans-serif">Totale</font></td>');
	document.write('<td align="right"></td></tr>');
	while (puntatore<=lung) {
		if (string.charAt(puntatore) == "@") {
			document.write('<tr>');
			puntatore++;
			subpuntatore=puntatore;
			while (string.charAt(puntatore) != "@") puntatore++;
			nomearticolo=string.substring(subpuntatore, puntatore);
			document.write('<td align="left"><font face="Verdana, Arial, Helvetica, sans-serif"> '+string.substring(subpuntatore, puntatore)+'</font></td>');
			puntatore++;
			subpuntatore=puntatore;
			while (string.charAt(puntatore) != "@") puntatore++;
			prezzo=parseFloat(string.substring(subpuntatore, puntatore));
			document.write('<td align="right"><font face="Verdana, Arial, Helvetica, sans-serif">&euro;'+punteggiatura(parseInt(prezzo*100))+'</font></td>');
			puntatore++;
			subpuntatore=puntatore;
			while ((string.charAt(puntatore) != "@") && (string.charAt(puntatore) != "#")) puntatore++;
			quant=parseInt(string.substring(subpuntatore, puntatore));
			document.write('<td align="right"><font face="Verdana, Arial, Helvetica, sans-serif">'+quant+'</font></td>');
			totale+=parseInt(prezzo*quant*100);
			document.write('<td align="right"><font face="Verdana, Arial, Helvetica, sans-serif">&euro;'+punteggiatura(parseInt(prezzo*quant*100))+'</font></td>');
			document.write('<td align="right"><font face="Verdana, Arial, Helvetica, sans-serif">Cancella</font></td>');
			puntatore--;
			document.write('</tr>');
			}
		puntatore++;
		}
	document.write('<tr>');
	document.write('<td colspan="3" align="right"></td>');
	document.write('<td align="right"><font face="Verdana, Arial, Helvetica, sans-serif">Totale: &euro;'+punteggiatura(totale)+'</font></td>');
	document.write('</tr> </table> </center> </div>');
	}
document.write('<p align="center"><input type="button" value="Chiudi" name="B3" onClick="chiudi()"></p>');
</script>