Hi all,

Im in a bit of dilemma. Im doing an internal quoting tool for my team, where we can get translation quotes for documents without having to use a calculator. I thought I had it done, but then my boss wants me to implement more code for other things.

This is the code that I have so far (with the help of people on forums :-))


<title>Symantec Quote Calculator</title>

function zxcES(zxcele,zxcstyle,zxcp,zxctxt){
if (typeof(zxcele)=='string'){ zxcele=document.createElement(zxcele); }
for (key in zxcstyle){ zxcele.style[key]=zxcstyle[key]; }
if (zxcp){ zxcp.appendChild(zxcele); }
if (zxctxt){ zxcele.appendChild(document.createTextNode(zxctxt)); }
return zxcele;

function zxcAddLanguage(zxcobj,zxccount,zxcsel,zxccost,zxcselected){
 var zxcfrm=zxcobj.form;
 var zxccnt=zxcfrm[zxccount];
 var zxcsel=zxcfrm[zxcsel];
 var zxcindex=zxcsel.selectedIndex;
 var zxcoption=zxcsel.options[zxcindex];
 var zxcselected=document.getElementById(zxcselected);
 var zxcclds=zxcselected.childNodes;
 var zxcadd=true;
 for (var zxc0=0;zxc0<zxcclds.length;zxc0++){
  if (zxcclds[zxc0].firstChild.data==zxcoption.text){
 if (zxcindex>0&&zxcadd){
  zxcES('DIV',{position:'relative',left:'0px',height:'10px',backgroundColor:'#FFD700',fontSize:'15px', borderBottom:'solid black 1px',paddingLeft:'5px',paddingRight:'5px',paddingBottom:'5px',paddingTop:'5px'},zxcselected,zxcoption.text).cost=zxcoption.value;
  zxcES(zxcselected,{border:'solid black 1px',borderBottom:'0px'});
 var zxctotal=0;
 if (zxccnt.value.length>0){
  for (var zxc1=0;zxc1<zxcclds.length;zxc1++){
 var euros = zxctotal;
 var dollars = euros * 1.34;
 zxcfrm[zxccost].value = euros.toFixed(2);
 zxcfrm["dollar"].value = dollars.toFixed(2); 

function zxcNext(zxcfrm){
 var zxccnt=zxcfrm.count.value;
 var zxccost=zxcfrm.cost.value;
 var zxcdivs=document.getElementById('selected').childNodes
 var zxclanguages='';
 for (var zxc0=0;zxc0<zxcdivs.length;zxc0++){
 if (zxccnt<1||zxclanguages==''){
  alert('Please select the Number of Words and the Language to Translate');



var zxcDays=1;       // The cookie will be available on revisits for a specified number of days
var zxcCookie='Language1';        // The Cookie name

function zxcSetFormCookie(zxcvalue){
 window.top.location="Quote Tool_1.html"

var zxcExp=new Date(new Date().getTime()+zxcDays*86400000).toGMTString();

function zxcCookieValue(){

function zxcGetCookie(name) {
 var zxcst=document.cookie.indexOf(name+"=");
 var zxclen=zxcst+name.length+1;
 if ((!zxcst)&&(name != document.cookie.substring(0,name.length))) return null;
 if (zxcst==-1) return null;
 var zxcend=document.cookie.indexOf(";",zxclen);
 if (zxcend==-1) zxcend=document.cookie.length;
 return decodeURI(document.cookie.substring(zxclen,zxcend));


<style type="text/css">

width: 800px;
height: 600px;

fieldset.formFieldSet {
padding: 10px;
width: 325px;
border:solid #000000;
.style2 {font-family: "Symantec Sans Medium"}

<body bgcolor="#FFFF00" >
<fieldset class="formFieldSet">
<form action="Quote Tool_1.html" onsubmit="this.YourHiddenElementName.value=cost()" >
<span class="style2">Please Input the Word Count Here: </span>
<input name="count" type="text" size="7" onkeyup="zxcAddLanguage(this,'count','sel','cost','selected')">
<select name="sel" onchange="zxcAddLanguage(this,'count','sel','cost','selected')" >
<option value="" >Select Languages</option>
<option value="0.22" >French</option>
<option value="0.19" >German</option>
<option value="0.19" >Italian</option>
<option value="0.12" >Dutch</option>
<option value="0.12" >Spanish</option>
<option value="0.29" >Swedish</option>
<option value="0.12" >Spanish Latin</option>
<option value="0.14" >Brazilian</option>
<option value="0.14" >Japanese</option>
<option value="0.14" >Korean</option>
<option value="0.14" >Simplified Chinese</option>
<option value="0.14" >Traditional Chinese</option>
<option value="0.00">------------------------------</option>
<option value="0.40" >Arabic</option>
<option value="0.12" >Czech</option>
<option value="0.27" >Danish</option>
<option value="0.12" >Finnish</option>
<option value="0.24" >Greek</option>
<option value="0.26" >Hebrew</option>
<option value="0.11" >Hungarian</option>
<option value="0.27" >Norwegian</option>
<option value="0.09" >Polish</option>
<option value="0.22" >Portuguese</option>
<option value="0.06" >Russian</option>
<option value="0.12" >Turkish</option>
<span class="style2">
Selected Languages Will Appear Below.
To remove languages from the list, simply select the language again from the drop-down box.</span>
<div id="selected" style="position:relative;width:100px;" ></div>
<span class="style2">Total Translation Cost</span>:
<input name="cost" type="text"  size="7"  onkeyup="return false;">
<input name="dollar" type="text" size="7"  onkeyup="return false;">


<input type="button" value="Next" onclick="zxcNext(this.form);" >
<input type="reset" value="Clear">


<img src="symyellowback.png" width="279" height="71">
Now basically if you try this code out you should be able to:

1. Enter the word count
2. Select the languages that you need.

Also underneath that you can see that each language is displayed and also underneath that the cost is displayed in Euros and also in Dollars.

Now what I would like to happen is that when each of the languages are displayed the separate costs for each language are displayed in Euro and Dollar.

Can anyone help me with this. Im really stuck :-(

Many thanks in advance