Вопрос по магазину!
Здраствуйте всем! Нужна помощь! Я делаю что-то типа интернет магазина и не могу написать скрипт суммирования цен товаров! Нужно чтобы при добавлении товара в корзину цены складывались! вот мой скрипт! селекты делал через синхронизацию(Динамически списки):
<HTML><HEAD><TITLE>Vladislav.Shop</TITLE>
<SCRIPT language=JavaScript>
function movetk(tovbox,korbox) {
for(var i=0; i<tovbox.options.length; i++) {
if(tovbox.options[i].selected && tovbox.options[i].value != "") {
var to = new Option();
var ko = new Option();
to.value = tovbox.options[i].value;
to.text = tovbox.options[i].text;
ko.value = tovbox.options[i].value;
ko.text = tovbox.options[i].text;
korbox.options[korbox.options.length] = to;
tovbox.options[i] = ko;
to<=i;
}
}
}
function nomove(tovbox) {
for(var i=0; i<tovbox.options.length; i++) {
if(tovbox.options[i].selected && tovbox.options[i].value != "") {
tovbox.options[i]=null;
i--;
}
}
}
</SCRIPT>
<script language=javascript>
function syncList(){}
syncList.prototype.sync = function()
{for (var i=0; i < arguments.length-1; i++) document.getElementById(arguments[i]).onchange = (function (o,id1,id2){return function(){o._sync(id1,id2);};})(this, arguments[i], arguments[i+1]);
document.getElementById(arguments[0]).onchange();
}
syncList.prototype._sync = function (firstSelectId, secondSelectId)
{var firstSelect = document.getElementById(firstSelectId);
var secondSelect = document.getElementById(secondSelectId);
secondSelect.length = 0;
if (firstSelect.length>0)
{var optionData = this.dataList[ firstSelect.options[firstSelect.selectedIndex==-1 ? 0 : firstSelect.selectedIndex].value ];
for (var key in optionData || null) secondSelect.options[secondSelect.length] = new Option(optionData[key], key);
if (firstSelect.selectedIndex == -1) setTimeout( function(){ firstSelect.options[0].selected = true;}, 1 );
if (secondSelect.length>0) setTimeout( function(){ secondSelect.options[0].selected = true;}, 1 );
}
secondSelect.onchange && secondSelect.onchange();
};
</script>
<script language=javascript>
KolTov=70;
ZakSumm=0;
var zak=new Array();
CostTov = {'AEZ1':500,'AEZ2':500,'AEZ3':500, 'AEZ4':500, 'AEZ5':500, 'AEZ6':500, 'AEZ7':500, 'Dotz1':1000, 'Dotz2':1000, 'Dotz3':1000, 'Dotz4':1000, 'Dotz5':1000, 'Dotz6':1000, 'Dotz7':1000, 'Antera1':1500, 'Antera2':1500, 'Antera3':1500, 'Antera4':1500, 'Antera5':1500, 'Antera6':1500, 'Antera7':1500, 'Alutec1':2000, 'Alutec2':2000, 'Alutec3':2000, 'Alutec4':2000, 'Alutec5':2000, 'Alutec6':2000, 'Alutec7':2000, 'Enzo1':2500, 'Enzo2':2500, 'Enzo3':2500, 'Enzo4':2500, 'Enzo5':2500, 'Enzo6':2500, 'Enzo7':2500, 'Borbet1':3000, 'Borbet2':3000, 'Borbet3':3000, 'Borbet4':3000, 'Borbet5':3000, 'Borbet6':3000, 'Borbet7':3000, 'Dezent1':3500, 'Dezent2':3500, 'Dezent3':3500, 'Dezent4':3500, 'Dezent5':3500, 'Dezent6':3500, 'Dezent7':3500, 'KFZ1':4000, 'KFZ2':4000, 'KFZ3':4000, 'KFZ4':4000, 'KFZ5':4000, 'KFZ6':4000, 'KFZ7':4000, 'Replica LS1':4500, 'Replica LS2':4500, 'Replica LS3':4500, 'Replica LS4':4500, 'Replica LS5':4500, 'Replica LS6':4500, 'Replica LS7':4500, 'Replica1':5000, 'Replica2':5000, 'Replica3':5000, 'Replica4':5000, 'Replica5':5000, 'Replica6':5000, 'Replica7':5000};
</script>
<STYLE type=text/css>SELECT {
BACKGROUND: black; WIDTH: 200px; COLOR: blue
}
INPUT {
BACKGROUND: black; COLOR: blue
}
TABLE.megatable {
BACKGROUND-POSITION: 0% 64%; BACKGROUND-IMAGE: url(polen1.jpg); BACKGROUND-REPEAT: no-repeat
}
</STYLE>
</HEAD>
<BODY class=qqq bgColor=black>
<FORM>
<TABLE class=megatable height=768 width=1024 align=center>
<CAPTION></CAPTION>
<TBODY>
<TR>
<TD colSpan=3><IMG alt=qqq src="Vladislav_Shop.files/toppicture.jpg"
align=left> </TD></TR>
<TR>
<TD colSpan=3>
<CENTER><IMG alt=www src="Vladislav_Shop.files/q1.jpg"
align=left></CENTER></TD></TR>
<TR>
<TD>
<P><BR><BR>
<CENTER><SELECT id=LabTov
style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; BACKGROUND: black; BORDER-LEFT: blue 1px solid; BORDER-BOTTOM: blue 1px solid; FONT-FAMILY: tahoma"
size=1> <OPTION selected>Выбирете производителя</OPTION> <OPTION
value=Dotz>Dotz</OPTION> <OPTION value=Antera>Antera</OPTION> <OPTION
value=AEZ>AEZ</OPTION> <OPTION value=Alutec>Alutec</OPTION> <OPTION
value=Enzo>Enzo</OPTION> <OPTION value=Borbet>Borbet</OPTION> <OPTION
value=Dezent>Dezent</OPTION> <OPTION value=KFZ>KFZ</OPTION> <OPTION
value="Replica LS">Replica LS</OPTION> <OPTION
value=Replica>Replica</OPTION></SELECT></CENTER><BR><BR>
<P></P></TD>
<TD></TD>
<TD><INPUT type=radio value=0 name=ch1> <IMG height=40 alt=q
src="Vladislav_Shop.files/rouble.jpg" width=40> <INPUT type=radio value=0
name=ch1> <IMG height=40 alt=w src="Vladislav_Shop.files/dollar.jpg"
width=40><INPUT type=radio value=0 name=ch1> <IMG height=40 alt=e
src="Vladislav_Shop.files/evro.jpeg" width=40> </TD></TR>
<TR>
<TD>
<CENTER><FONT face=cursive color=blue size=3>Товар:</FONT><BR>
<SELECT id=Tov style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; BACKGROUND: black; BORDER-LEFT: blue 1px solid; BORDER-BOTTOM: blue 1px solid; FONT-FAMILY: tahoma" multiple size=7 name=list1>
<option ></option>
</SELECT>
</TD>
<TD><BR>
<SCRIPT language=JavaScript>
var syncList1 = new syncList;
syncList1.dataList = {
'AEZ':{
'AEZ1':'AEZ Excite матовый чёрный',
'AEZ2':'AEZ Forge A',
'AEZ3':'AEZ Intenso',
'AEZ4':'AEZ Intenso dark',
'AEZ5':'AEZ Lascar',
'AEZ6':'AEZ Namib',
'AEZ7':'AEZ Nemesis'
},
'Dotz':{
'Dotz1':'Dotz Brands Hatch',
'Dotz2':'Dotz Hammada',
'Dotz3':'Dotz Hammada dark',
'Dotz4':'Dotz Hanzo white',
'Dotz5':'Dotz Hanzo чёрный матовый',
'Dotz6':'Dotz Imola',
'Dotz7':'Dotz Luxor'
},
'Antera':{
'Antera1':'ANTERA 325',
'Antera2':'ANTERA 329',
'Antera3':'ANTERA 341 SUV',
'Antera4':'ANTERA 345 SUV',
'Antera5':'ANTERA 343',
'Antera6':'ANTERA 349',
'Antera7':'ANTERA 345 SUV 18'
},
'Alutec':{
'Alutec1':'Alutec E',
'Alutec2':'Alutec M',
'Alutec3':'Alutec V',
'Alutec4':'Alutec BLADE',
'Alutec5':'Alutec BOOST',
'Alutec6':'Alutec CULT 4',
'Alutec7':'Alutec CULT 5'
},
'Enzo':{
'Enzo1':'Enzo H',
'Enzo2':'Enzo R',
'Enzo3':'Enzo K',
'Enzo4':'Enzo L',
'Enzo5':'Enzo B',
'Enzo6':'Enzo X',
'Enzo7':'Enzo Q'
},
'Borbet':{
'Borbet1':'Borbet A2',
'Borbet2':'Borbet BS',
'Borbet3':'Borbet BSU',
'Borbet4':'Borbet CA',
'Borbet5':'Borbet CB',
'Borbet6':'Borbet CC',
'Borbet7':'Borbet CD'
},
'Dezent':{
'Dezent1':'Dezent F',
'Dezent2':'Dezent J',
'Dezent3':'Dezent L',
'Dezent4':'Dezent L Sil',
'Dezent5':'Dezent M',
'Dezent6':'Dezent N',
'Dezent7':'Dezent O'
},
'KFZ':{
'KFZ1':'KFZ 0840 DAIHATSU Cuore (L7)',
'KFZ2':'KFZ 1129 LADA 2101-2107',
'KFZ3':'KFZ 1140 LADA 2108-2115, 1117-1119',
'KFZ4':'KFZ 1560 NISSAN Micra',
'KFZ5':'KFZ 1590 MAZDA 121',
'KFZ6':'KFZ 2040 LADA 2108-2115, 1117-1119',
'KFZ7':'KFZ 2200 SUZUKI Alto'
},
'Replica LS':{
'Replica LS1':'Replica LS Audi A18',
'Replica LS2':'Replica LS Audi A19',
'Replica LS3':'Replica LS Audi A20',
'Replica LS4':'Replica LS Audi A21',
'Replica LS5':'Replica LS Audi A22',
'Replica LS6':'Replica LS Audi A23',
'Replica LS7':'Replica LS Audi A24'
},
'Replica':{
'Replica1':'Replica H Audi AU1',
'Replica2':'Replica H Audi AU2',
'Replica3':'Replica H Audi AU3',
'Replica4':'Replica H Audi AU4',
'Replica5':'Replica H Audi AU5',
'Replica6':'Replica H Audi AU6',
'Replica7':'Replica H Audi AU7'
}
};
syncList1.sync("LabTov","Tov");
</SCRIPT>
<CENTER>
<INPUT style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; BACKGROUND: black; BORDER-LEFT: blue 1px solid; BORDER-BOTTOM: blue 1px solid; FONT-FAMILY: tahoma" onclick=movetk(this.form.list1,this.form.list2,thi s.form.summa) type=button value="В корзину" name=B1><BR><BR><BR>
<INPUT style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; BACKGROUND: black; BORDER-LEFT: blue 1px solid; BORDER-BOTTOM: blue 1px solid; FONT-FAMILY: tahoma" onclick=nomove(this.form.list2) type=button value=Отказаться name=B2><BR><BR><BR>
</CENTER></TD>
<TD>
<CENTER><FONT face=cursive color=blue size=3>Корзина:</FONT><BR><SELECT style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; BACKGROUND: black; BORDER-LEFT: blue 1px solid; BORDER-BOTTOM: blue 1px solid; FONT-FAMILY: blue" multiple size=7 name=list2></SELECT></CENTER></TD></TR>
<TR><TD></TD><TD></TD><TD><CENTR><FONT face=cursive color=blue size=3>Сумма:<INPUT style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; ACKGROUND: black; BORDER-LEFT: blue 1px solid; BORDER-BOTTOM: blue 1px solid; FONT-FAMILY: tahoma" class="summa" name="summa_but" readonly value="0"></FONT></CENTR> </TD></TR>
<TR><TD colSpan=3><CENTER><INPUT style="BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; BACKGROUND: black; BORDER-LEFT: blue 1px solid; BORDER-BOTTOM: blue 1px solid; FONT-FAMILY: tahoma" type=submit value=Отправить></CENTER></TD></TR></TBODY></TABLE></FORM></BODY></HTML>
Массив с ценами уже есть CostTov! Помогите кто чем может! Да и еще вопрос по валюте! Как сделать так чтобы при выборе валюты в сторке сумма менялась цена соответственно на доллар или на евро или на рубли!
|