Как получить данные с конструктора, подскажите

@Platinum911 · Регистрация: 28.08.2012

Студворк — интернет-сервис помощи студентам

Имеется конструктор пиццы, пример его работы можно глянуть тут http://curs.orbitauspeha.net.ua/pizza/pizza.html
Но туда не прикручена ни корзина, ни форма заказа, то есть ингридиенты, выбранные юзером никуда не сохраняются. Теперь по порядку имеется вот такая страница с формами:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<body>
<p>
 
 
<div id="main">
    <div id="body2">
        <div id="content">
            <div id="incontent">
                <div id="con_menu">
                    <div id="con_tabs">
                        <ul>
                            <li obligatory="dough">
                                <a id="17" alt="Тесто" href="#" class="hover"><strong>Тесто</strong></a>
                            </li>
                            <li obligatory="sauce">
                                <a id="18" alt="Соус" href="#"><strong>Соус</strong></a>
                            </li>
                            <li obligatory="cheese">
                                <a id="19" alt="Сыр" href="#"><strong>Сыр</strong></a>
                            </li>
                            <li obligatory="meat">
                                <a id="20" alt="Мясо" href="#"><strong>Мясо</strong></a>
                            </li>
                            <li obligatory="fish">
                                <a id="21" alt="Рыба" href="#"><strong>Рыба</strong></a>
                            </li>
                            <li obligatory="mushrooms">
                                <a id="22" alt="Грибы" href="#"><strong>Грибы</strong></a>
                            </li>
                            <li obligatory="vegetables">
                                <a id="23" alt="Овощи" href="#"><strong>Овощи</strong></a>
                            </li>
                            <li obligatory="spices">
                                <a id="24" alt="Специи" href="#"><strong>Специи</strong></a>
                            </li>
                        </ul>
                    </div>
                    <div id="con_nav">
                        <table width="100%" cellspacing="0" cellpadding="0" border="0" id="con_navpanel">
                            <tbody>
                                <tr>
                                    <td id="con_nav1">
                                        <a href="#" class="noMove"></a>
                                    </td>
                                    <td id="con_nav2" myid="17">
                                        <div id="px678">
                                            <div id="con_container" style="left: 0pt; width: 10000px; background: none repeat scroll 0% 0% transparent;" z="0"></div>
                                        </div>
                                    </td>
                                    <td id="con_nav3">
                                        <a href="#" class="noMove"></a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="con_constructor">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0" id="con_table">
                  <tbody>
                            <tr>
                                <td valign="top" id="con_constructor_pizza">
                                    <div id="superconstructor"></div>
                              </td>
<td valign="top" id="con_order">
                                    <div id="con_order1">
                                        <div id="con_order2">
                                            <div id="con_order3">
                                                <div align="center">
                                                    <input type="text" value="Моя вкусная пицца" id="pizza_name">
                                                </div>
                                                <table width="100%" cellspacing="0" cellpadding="0" border="0" id="con_jhhjk">
                                                    <tbody>
                                                        <tr>
                                                            <td id="con_td1">Ингридиенты</td>
                                                            <td id="con_td2">Вес <span>(гр)</span></td>
                                                            <td id="con_td3">Цена <span>(Сум)</span></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                    <table width="100%" cellspacing="0" cellpadding="0" border="0" id="con_ingridients">
                                                        <tbody>
                                                            <tr id="tr33" parent="17" class="input_ingridients obl obl17 new">
                                                                <td class="con_td4">Тесто тонкое «Итальянское»</td>
                                                                <td class="con_td5">220</td>
                                                                <td class="con_td6">12000</td>
                                                                <td class="con_td7"></td>
                                                            </tr>
                                                            <tr class="clear input_ingridients">
                                                                <td class="con_td4">&nbsp;</td>
                                                                <td class="con_td5">&nbsp;</td>
                                                                <td class="con_td6">&nbsp;</td>
                                                                <td class="con_td7">&nbsp;</td>
                                                            </tr>
                                                            <tr class="clear input_ingridients">
                                                                <td class="con_td4">&nbsp;</td>
                                                                <td class="con_td5">&nbsp;</td>
                                                                <td class="con_td6">&nbsp;</td>
                                                                <td class="con_td7">&nbsp;</td>
                                                            </tr>
                                                            <tr class="clear input_ingridients">
                                                                <td class="con_td4">&nbsp;</td>
                                                                <td class="con_td5">&nbsp;</td>
                                                                <td class="con_td6">&nbsp;</td>
                                                                <td class="con_td7">&nbsp;</td>
                                                            </tr>
                                                            <tr class="clear input_ingridients">
                                                                <td class="con_td4">&nbsp;</td>
                                                                <td class="con_td5">&nbsp;</td>
                                                                <td class="con_td6">&nbsp;</td>
                                                                <td class="con_td7">&nbsp;</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                    <table width="100%" cellspacing="0" cellpadding="0" border="0" id="itog">
                                                        <tbody>
                                                            <tr>
                                                                <td id="con_td1">Итог:</td>
                                                                <td id="con_td2">220</td>
                                                                <td id="con_td3">12000</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>

К ней подключены 2 .js файла, в первом храняться ингридиенты:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
var arrayPizza = {
        dough : {
            carusel : {// если вы желаете добавить ингридиент просто скопируйте то что нахидится от '1' : {...} но не забудте изменить номер и указать следующий
 
 
                '2' : {
                    img : 'src/img/testo_pyshnoe.png',
                    bigImg : 'src/img/big_img/testo_pyshnoe.png',
                    name : 'Тесто «Неаполь»',
                    ves : '300',
                    price : '5',
                    indexItem : '10',
                    flag : false
                },
 
 
            }
        },
        sauce : {
            carusel : {
                '1' : {
                    img : 'src/img/sous_ostriy.png',
                    bigImg : 'src/img/big_img/sous_ostriy.png',
                    name : 'Соус Белый',
                    ves : '130',
                    price : '4',
                    indexItem : '20',
                    flag : false
                },
                '2' : {
                    img : 'src/img/sous_ostriy_it.png',
                    bigImg : 'src/img/big_img/sous_ostriy_it_big.png',
                    name : 'Соус Красный',
                    ves : '130',
                    price : '4',
                    indexItem : '20',
                    flag : false
                },
 
 
            }
        },
        cheese : {
            carusel : {
                '1' : {
                    img : 'src/img/sir_poshehonskiy.png',
                    bigImg : 'src/img/big_img/cheese_all.png',
                    bigImg2 : 'src/img/big_img/cheese_all.png',
                    name : 'Сыр Росийский',
                    ves : '100',
                    price : '7',
                    indexItem : '30',
                    flag : false
                },
                '2' : {
                    img : 'src/img/sir_dor-blu.png',
                    bigImg : 'src/img/big_img/cheese_all.png',
                    bigImg2 : 'src/img/big_img/cheese_all.png',
                    name : 'Сыр Фета',
                    ves : '100',
                    price : '10',
                    indexItem : '31',
                    flag : false
                },
 
            }
        },
        meat : {
            carusel : {
                '1' : {
                    img : 'src/img/bekom.png',
                    bigImg : 'src/img/big_img/bekon1.png',
                    bigImg2 : 'src/img/big_img/bekom2.png',
                    name : 'Бекон',
                    ves : '50',
                    price : '12',
                    indexItem : '50',
                    flag : false
                },
                '2' : {
                    img : 'src/img/vetchina.png',
                    bigImg : 'src/img/big_img/vetchina1.png',
                    bigImg2 : 'src/img/big_img/vetchina2.png',
                    name : 'Ветчина',
                    ves : '50',
                    price : '9',
                    indexItem : '51',
                    flag : false
                },
                '3' : {
                    img : 'src/img/kolbasapk.png',
                    bigImg : 'src/img/big_img/kolbasa_pk1.png',
                    bigImg2 : 'src/img/big_img/kolbasa_pk2.png',
                    name : 'Колбаса',
                    ves : '50',
                    price : '12',
                    indexItem : '52',
                    flag : false
                },
                '4' : {
                    img : 'src/img/file_kuricy.png',
                    bigImg : 'src/img/big_img/file_kurici1.png',
                    bigImg2 : 'src/img/big_img/file_kurici2.png',
                    name : 'Курица',
                    ves : '50',
                    price : '10',
                    indexItem : '53',
                    flag : false
                },
                '5' : {
                    img : 'src/img/ohotnichi_kolbaski.png',
                    bigImg : 'src/img/big_img/kolbasa_ohotnichya1.png',
                    bigImg2 : 'src/img/big_img/kolbasa_ohotnichya2.png',
                    name : 'Охотничьи колбаски',
                    ves : '50',
                    price : '10',
                    indexItem : '54',
                    flag : false
                },
                '6' : {
                    img : 'src/img/salami.png',
                    bigImg : 'src/img/big_img/salami1.png',
                    bigImg2 : 'src/img/big_img/salami2.png',
                    name : 'Салями',
                    ves : '50',
                    price : '9',
                    indexItem : '55',
                    flag : false
                },
 
            }
        },
        fish : {
            carusel : {
                '1' : {
                    img : 'src/img/krevetki.png',
                    bigImg : 'src/img/big_img/krevetki1.png',
                    bigImg2 : 'src/img/big_img/krevetki2.png',
                    name : 'Креветки',
                    ves : '50',
                    price : '14',
                    indexItem : '50',
                    flag : false
                },
                '2' : {
                    img : 'src/img/semga.png',
                    bigImg : 'src/img/big_img/semga1.png',
                    bigImg2 : 'src/img/big_img/semga2.png',
                    name : 'Семга',
                    ves : '50',
                    price : '18',
                    indexItem : '51',
                    flag : false
                }
            }
        },
        mushrooms : {
            carusel : {
                '1' : {
                    img : 'src/img/opyata_marinovannye.png',
                    bigImg : 'src/img/big_img/opyata1.png',
                    bigImg2 : 'src/img/big_img/opyata_marinovannye2.png',
                    name : 'Опята',
                    ves : '50',
                    price : '5',
                    indexItem : '61',
                    flag : false
                },
                '2' : {
                    img : 'src/img/shampinyony.png',
                    bigImg : 'src/img/big_img/shampiniony1.png',
                    bigImg2 : 'src/img/big_img/shampinyony2.png',
                    name : 'Шампиньоны',
                    ves : '50',
                    price : '5',
                    indexItem : '61',
                    flag : false
                }
            }
        },
        vegetables : {
            carusel : {
                '1' : {
                    img : 'src/img/brokkoli.png',
                    bigImg : 'src/img/big_img/brokkoli1.png',
                    bigImg2 : 'src/img/big_img/brokkoli2.png',
                    name : 'Брокколи',
                    ves : '20',
                    price : '4',
                    indexItem : '90',
                    flag : false
                },
                '2' : {
                    img : 'src/img/kukuruza.png',
                    bigImg : 'src/img/big_img/kukuruza1.png',
                    bigImg2 : 'src/img/big_img/kukuruza2.png',
                    name : 'Кукуруза',
                    ves : '20',
                    price : '4',
                    indexItem : '91',
                    flag : false
                },
 
 
 
                '4' : {
                    img : 'src/img/ogurcy_marinovannie.png',
                    bigImg : 'src/img/big_img/ogurec_marinovanniy1.png',
                    bigImg2 : 'src/img/big_img/ogurcy_marinovannie2.png',
                    name : 'Маринованные огурчики',
                    ves : '40',
                    price : '5',
                    indexItem : '93',
                    flag : false
                },
                '5' : {
                    img : 'src/img/masliny.png',
                    bigImg : 'src/img/big_img/maslini1.png',
                    bigImg2 : 'src/img/big_img/masliny2.png',
                    name : 'Маслины',
                    ves : '20',
                    price : '5',
                    indexItem : '94',
                    flag : false
                },
            '6' : {
                    img : 'src/img/olivki.png',
                    bigImg : 'src/img/big_img/olivki1.png',
                    bigImg2 : 'src/img/big_img/olivki2.png',
                    name : 'Оливки',
                    ves : '20',
                    price : '5',
                    indexItem : '95',
                    flag : false
                },
                '7' : {
                    img : 'src/img/perec_bolgarskiy.png',
                    bigImg : 'src/img/big_img/perec_bolgarskiy1.png',
                    bigImg2 : 'src/img/big_img/perec_bolgarskiy2.png',
                    name : 'Перец Болгарский',
                    ves : '50',
                    price : '4',
                    indexItem : '96',
                    flag : false
                },
                '8' : {
                    img : 'src/img/pomidori.png',
                    bigImg : 'src/img/big_img/pomidori1.png',
                    bigImg2 : 'src/img/big_img/pomidori2.png',
                    name : 'Помидоры',
                    ves : '50',
                    price : '4',
                    indexItem : '97',
                    flag : false
                }
            }
        },
        spices : {
            carusel : {
 
                '2' : {
                    img : 'src/img/zelen.png',
                    bigImg : 'src/img/big_img/zelen1.png',
                    bigImg2 : 'src/img/big_img/zelen2.png',
                    name : 'Зелень',
                    ves : '5',
                    price : '2',
                    indexItem : '101',
                    flag : false
                },
 
                '4' : {
                    img : 'src/img/pepper_small.png',
                    bigImg : 'src/img/big_img/pepper.png',
                    bigImg2 : 'src/img/big_img/pepper2.png',
                    name : 'Перец черный',
                    ves : '5',
                    price : '5',
                    indexItem : '103',
                    flag : false
                },
                '5' : {
                    img : 'src/img/chili.png',
                    bigImg : 'src/img/big_img/red.png',
                    bigImg2 : 'src/img/big_img/red2.png',
                    name : 'Перец острый',
                    ves : '1',
                    price : '5',
                    indexItem : '104',
                    flag : false
                }
            }
        }
    }

во втором весь функционал:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
window.onload = (function () {
    carusel('dough');
    bigImg('dough', '1');
 
    var arrayHead = document.getElementById('con_tabs').getElementsByTagName('li');
    for(var i=0;i<arrayHead.length;i++){
        arrayHead[i].onclick = function(){
            carusel(this.getAttribute('obligatory'));
            var allA = this.parentNode.getElementsByTagName('a');
            for(var i=0;i<allA.length;i++){
                if(allA[i].className == 'hover'){
                    allA[i].className = '';
                }
            }
            this.getElementsByTagName('a')[0].className = 'hover';
 
            setOnclick();
 
            carusel_scroll();
 
            return false
        }
    }
    setOnclick();
    carusel_scroll();
});
 
function carusel_scroll(){
    var mmNext2 = document.getElementById('con_nav3'),
    mmPrev2 = document.getElementById('con_nav1');
 
    mmNext2.onclick = function(){
        var ul = document.getElementById('con_container').getElementsByTagName('ul')[0];
        var sdvig = ul.getElementsByTagName('li').length >= 5 ? '-' + ((ul.getElementsByTagName('li').length - 5) * 136) + 'px' : false;
        if(sdvig && ul.style.marginLeft != sdvig){
            var marginLeft = ul.style.marginLeft != 0 ? parseInt(ul.style.marginLeft.replace(/px/,'')) : 0
 
            f_scroll(marginLeft, 136, ul, false);
        }
        return false
    }
 
    mmPrev2.onclick = function(){
        var ul = document.getElementById('con_container').getElementsByTagName('ul')[0];
        if(ul.style.marginLeft != 0 && ul.style.marginLeft != '0px'){
            var marginLeft = ul.style.marginLeft != 0 ? parseInt(ul.style.marginLeft.replace(/px/,'')) : 0
 
            f_scroll(marginLeft, 136, ul, true);
        }
        return false
    }
}
 
function sum(){
    var table = document.getElementById('con_ingridients').getElementsByTagName('tr'), sum = 0, ves = 0;
    for(var i=0;i<table.length;i++){
        var tdSum = table[i].getElementsByTagName('td')[2];
        var tdVes = table[i].getElementsByTagName('td')[1];
        if(/\d+/.test(tdSum.innerHTML)){
            sum += parseInt(tdSum.innerHTML);
            ves += parseInt(tdVes.innerHTML);
        }
    }
    var itog = document.getElementById('itog').getElementsByTagName('td');
        itog[2].innerHTML = sum;
        itog[1].innerHTML = ves;
}
 
function appended(elem, nameCat, elNamber){
    elem.className = 'appended';
    arrayPizza[nameCat].carusel[elNamber].flag = true;
    var tablePizza = document.getElementById('con_ingridients').getElementsByTagName('tr'), flag = true, el = arrayPizza[nameCat].carusel[elNamber];
    if(el.indexItem == '10'){
        var tableTd = tablePizza[0].getElementsByTagName('td');
            tableTd[0].innerHTML = el.name;
            tableTd[1].innerHTML = el.ves;
            tableTd[2].innerHTML = el.price;
            return;
    }else if(el.indexItem == '20'){
        for(var i=0;i<tablePizza.length;i++){
            var tableTd = tablePizza[i].getElementsByTagName('td');
            var attribute = tableTd[0].parentNode;
            attribute = attribute.getAttribute('imgid');
            if(attribute && attribute.split(/-/)[0] == 'sauce'){
                tableTd[0].innerHTML = el.name;
                tableTd[1].innerHTML = el.ves;
                tableTd[2].innerHTML = el.price;
                tableTd[3].innerHTML = '<a title="Убрать из состава пиццы" href="#" imgId="'+nameCat+'-'+elNamber+'" class="con_close"></a>';
                tableTd[3].getElementsByTagName('a')[0].onclick = removeChild;
                tableTd[3].parentNode.setAttribute('imgId', nameCat+'-'+elNamber);
                return
            }
        }
    }
    for(var i=0;i<tablePizza.length;i++){
        var tableTd = tablePizza[i].getElementsByTagName('td');
        if(tableTd[0].innerHTML == '&nbsp;'){
            tableTd[0].innerHTML = el.name;
            tableTd[1].innerHTML = el.ves;
            tableTd[2].innerHTML = el.price;
            tableTd[3].innerHTML = '<a title="Убрать из состава пиццы" href="#" imgId="'+nameCat+'-'+elNamber+'" class="con_close"></a>';
            tableTd[3].getElementsByTagName('a')[0].onclick = removeChild;
            tableTd[3].parentNode.setAttribute('imgId', nameCat+'-'+elNamber);
            flag = false;
            break
        }
    }
    if(flag){
        var newTr = document.createElement('tr');
            newTr.className = 'clear input_ingridients';
            newTr.setAttribute('imgId',nameCat+'-'+elNamber);
            newTr.innerHTML = '<td class=\'con_td4\'>'+el.name+'</td><td class=\'con_td5\'>'+el.ves+'</td><td class=\'con_td6\'>'+el.price+'</td><td class=\'con_td7\'><a title=\'Убрать из состава пиццы\' href=\'#\' imgId=\''+nameCat+'-'+elNamber+'\' class=\'con_close\'></a></td>';
            newTr.getElementsByTagName('a')[0].onclick = removeChild;
        document.getElementById('con_ingridients').getElementsByTagName('tbody')[0].appendChild(newTr);
    }
}
 
function setOnclick(){
    var allLi = document.getElementById('con_container').getElementsByTagName('li');
    for(var i=0;i<allLi.length;i++){
        allLi[i].onclick = function(){
            var a = this.id.split(/-/);
            bigImg(a[1], a[2]);
            if(this.className != 'appended' && a[1] != 'dough' && a[1] != 'sauce'){
 
                appended(this, a[1], a[2]);
 
            }else if(a[1] == 'dough' || a[1] == 'sauce'){
 
                if(this.className == 'appended') return false;
 
                var allLi = this.parentNode.getElementsByTagName('li');
                for(var i=0;i<allLi.length;i++){
                    if(allLi[i].className == 'appended'){
                        allLi[i].className = '';
                    }
                }
 
                appended(this, a[1], a[2])
 
            }else{
 
                this.className = '';
                removeChild(a[1], a[2])
 
            }
            sum();
 
            return false
        }
    }
}
 
function removeChild(nameCat, el){
    var length;
    if(this.tagName == 'A') {
        nameCat = this.getAttribute('imgId').split(/-/)[0];
        el = this.getAttribute('imgId').split(/-/)[1];
        var parent = this;
        while(parent.tagName != 'TR'){
            parent = parent.parentNode;
        }
        var container = document.getElementById('con_container').getElementsByTagName('li');
        for(var i=0;i<container.length;i++){
            var listLi = container[i];
            if(listLi.id == 'li-' + nameCat + '-' + el){
                listLi.className = '';
            }
        }
        var tablePizza = document.getElementById('con_ingridients').getElementsByTagName('tr');
        length = tablePizza.length;
        document.getElementById('con_ingridients').getElementsByTagName('tbody')[0].removeChild(parent);
    }else{
        var tablePizza = document.getElementById('con_ingridients').getElementsByTagName('tr');
        length = tablePizza.length;
        for(var i=0;i<tablePizza.length;i++){
            var tableTd = tablePizza[i];
            if(tableTd.getAttribute('imgId') == nameCat + '-' + el){
                tableTd.parentNode.removeChild(tableTd)
            }
        }
    }
    if(length == 5){
        var newTr = document.createElement('tr');
            newTr.className = 'clear input_ingridients';
            newTr.innerHTML = '<td class=\'con_td4\'>&nbsp;</td><td class=\'con_td5\'>&nbsp;</td><td class=\'con_td6\'>&nbsp;</td><td class=\'con_td7\'></td>';
        document.getElementById('con_ingridients').getElementsByTagName('tbody')[0].appendChild(newTr);
    }
    arrayPizza[nameCat].carusel[el].flag = false;
    var bigImg = document.getElementById('superconstructor').children;
    for(var i=0;i<bigImg.length;i++){
        var b = bigImg[i];
        if(b.getAttribute('imgId') == nameCat + '-' + el){
            b.parentNode.removeChild(b)
        }
    }
    return false
}
 
function carusel(nameEng){
    var carusel = document.getElementById('con_container'), txt = '';
    txt += '<ul>';
    var arrayCarusel = arrayPizza[nameEng].carusel, indexElem = 0;
 
    for (i in  arrayCarusel){
        indexElem++;
        var classEl = arrayCarusel[i].flag ? 'appended' : '';
        txt += '<li id="li-'+ nameEng + '-' + i +'" class="'+classEl+'">';
            txt += '<div align="center" class="con_img1">';
                txt += '<a class="con_title1" href="#">';
                    txt += '<img class="png24" alt="'+ arrayCarusel[i].name +'" src="'+ arrayCarusel[i].img +'">'
                txt += '</a>';
            txt += '</div>';
            txt += '<a href="#" class="con_title2">'+ arrayCarusel[i].name +'</a>';
            txt += '<div class="con_onhover">';
                txt += '<div class="con_ves">';
                    txt += '<span class="ingrWeight">'+ arrayCarusel[i].ves +'</span> гр. / <b><span class="ingrPrice">'+ arrayCarusel[i].price +'</span> грн</b>';
                txt += '</div>';
            txt += '</div>';
        txt += '</li>';
    }
    txt += '</ul>';
    carusel.innerHTML = txt;
}
 
function bigImg(nameCat, el){
    var bigImg = document.getElementById('superconstructor').getElementsByTagName('img'), flag = true, elem = arrayPizza[nameCat].carusel[el];
    if(bigImg.length){
        for(var i=0;i<bigImg.length;i++){
            if(bigImg[i].id == 'img10' && elem.indexItem == '10' || bigImg[i].id == 'img20' && elem.indexItem == '20'){
                bigImg[i].src = elem.bigImg;
                flag = false;
            }
        }
        if(flag){
            var newImg = document.createElement('img');
                newImg.id = 'img'+ elem.indexItem
                newImg.className = 'png24 nalogka ingr';
                newImg.src = elem.bigImg;
                newImg.setAttribute('imgId', nameCat + '-' + el)
                newImg.style.zIndex = elem.indexItem;
                newImg.style.display = 'block';
 
            document.getElementById('superconstructor').appendChild(newImg);
        }
    }else{
        document.getElementById('superconstructor').innerHTML = '<img style="display: block;" id="img10" class="png24 nalogka ingr" src="src/img/big_img/testo_pyshnoe.png">';
    }
}
 
function f_scroll(marginLeft, to, ul, flag) {
    marginLeft = flag || marginLeft == 0 ? marginLeft : marginLeft * -1;
    var fromMargin = marginLeft;
    var toMargin = marginLeft + to;
    var duration = 300;
    var start = new Date().getTime();
 
    setTimeout(function() {
 
        var now = (new Date().getTime()) - start;
        var progress = now / duration;
        if (progress > 1){
            var resultMargin = toMargin;
        }else{
            var resultMargin = (toMargin - fromMargin) * progress + fromMargin;
        }
 
        ul.style.marginLeft = flag ? resultMargin + "px" : '-' + resultMargin + "px";
 
        if (progress < 1)
            setTimeout(arguments.callee, 10);
    }, 10);
}

никак не могу разобраться, как получить название, вес и цену выбранных юзером ингридиентов...
насколько я понимаю, это вот эти значения el.name, el.ves, el.price , но как их заполучить?
я учил другой язык в свое время, с javascript дружу плохо, особенно сложно с синтаксисом... поэтому
буду очень благодарен за помощь, подсказки, и если не сложно, пример напишите пожалуйста. Заранее благодарен всем, кто поможет или попытается это сделать

@Tedorius · 28.08.2012, 23:16

Было бы лучше для читабельности обрамить код тегами кода. И кстати заметил баг в функционале: в некоторых разделах если нажать на какой либо элемент 2 раза, то изображение не меняется...т е отменить свой выбор нельзя(визуально конечно).

@Platinum911 · 29.08.2012, 09:04 **[ТС]**

Мелких багов там много, к примеру в ИЕ список выбранных ингридиентов после 5 глючить начинает, не показывает... но это все мелочь, которую не так сложно поправить... а вот как данные получить, это самое важное на данный момент, потом уже остальное доработаю.. надеюсь

@kalabuni · 29.08.2012, 10:04

Вставляйте в любое место и смотрите.

HTML5
1
2
3
4
5
6
7
8
9
10
11
<input type="button" value="Просмотреть заказ (в любое время)" onclick="alert (zakaz ())">
 
<script>
function zakaz ()
{
var t = document.getElementById ('con_ingridients').rows;
for (var z = new Array (), j = 0, lj = t.length; j < lj; j++)
   z [j] = t [j].cells [0].innerHTML + '\t' + t [j].cells [1].innerHTML + '\t' + t [j].cells [2].innerHTML;
return z.join ('\n');
}
</script>

Ну а потом, когда разберётесь, можете функцию использовать в кнопке "Добавить к заказу".

@Platinum911 · 29.08.2012, 11:13 **[ТС]**

Спасибо большое за помощь! Ваш скрипт работает

а не подскажите, каким образом мне их на мыло отправить? форму заказа сам могу прилепить, но значение каких перменных из вашего скрипта отправлять на мыло?

@kalabuni · 29.08.2012, 12:03

Platinum911, значит, не разобрались.
Печалька

Функция возвращает ОДНУ переменную типа String, состоящую из нескольких строк, в каждой из которых:
"ингридиентТАБУЛЯЦИЯего весТАБУЛЯЦИЯего цена".
-----

Отправлять на мыло собираетесь?
Вы в каком веке живёте?
Не в 17-том, случаем?
Передавайте привет Атосу, Портосу, Арамису и Д'Артаньяну

@Platinum911 · 29.08.2012, 13:24 **[ТС]**

Да, отстал я от жизни

перменная которую возвращает функция это z , но как правильно прописать, что бы получить ее значения? никак не могу разобраться, не знаю как правильно прописать( простите за такой нубизм

@kalabuni · 29.08.2012, 20:44

Сообщение от Platinum911

перменная которую возвращает функция это z

Неверно.

z - это массив.
А функция возвращает строку z.join ('\n');
-----

Сообщение от Platinum911

как правильно прописать, что бы получить ее значения?

Положим, "собрали" пиццу из 10 ингридиентов (у каждого есть название, вес, цена).

Сколько и каких переменных вы хотите получить в этом случае?
Напишите конкретно - сколько (в штуках) переменных и с каким именем каждая из них!

А потом ответьте на тот же вопрос, но для 13 ингридиентов.

@Platinum911 · 30.08.2012, 17:24 **[ТС]**

Положим, "собрали" пиццу из 10 ингридиентов (у каждого есть название, вес, цена).

Сколько и каких переменных вы хотите получить в этом случае?
Напишите конкретно - сколько (в штуках) переменных и с каким именем каждая из них!

А потом ответьте на тот же вопрос, но для 13 ингридиентов.

Вообще планировал использовать инпуты

HTML5
1
<input type="hidden" name="ings[]" value="'+el.ves+';'+el.price+';'+el.name+'">

то есть к каждому ингридиенту 1 инпут, и далее подсказали парсить через for .

Я не знаю как правильно сделать, использовать инпуты? если да, то подскажите как... если использовать Ваш скрипт, то как получить его значение на почту?

Запутался я ((( вроде не так все сложно, но я плохо разбираюсь в javascript

@kalabuni · 30.08.2012, 20:48

Лежат данные в ячейках таблицы.
Мой скрипт прошёлся циклом for по этим ячейкам и "собрал в одну кучку" все нужные значения.

Предлагаете теперь эту "кучку" рассыпать и разложить всё по инпутам?
Нет проблем, разложим. Это легко. Как раз используя для этого цикл for.

А потом чего делать будем ?
Ещё раз пройдёмся циклом for (но теперь по инпутам) и снова соберём в кучку?

В общем, как в "детской загадке":
Туда, сюда, обратно...
Тебе и мне приятно

@Platinum911 · 30.08.2012, 21:00 **[ТС]**

А, понял) спасибо)

Мой скрипт прошёлся циклом for по этим ячейкам и "собрал в одну кучку" все нужные значения.

А как можно получить результат Вашего цикла в переменную? или каким способом результат можно где то сохранить, либо просто отправить на мыло? я бьюсь как рыба об лед, никак не могу додуматься(( возможно ли вообще это? я кучу сайтов облазил, не нашел ничего по этому поводу...

Вот этот момент подскажите пожалуйста, если можно примером, мне нужно сохранить результаты цикла, либо отправить их на мыло...

Я очень благодарен Вам за помощь!

@Platinum911 · 09.09.2012, 17:11 **[ТС]**

С циклом разобрался, создал скрытый инпут с id 'ztrrd' , и добавил строку в скрипт:

JavaScript
1
2
3
4
5
6
7
8
9
<script>
function zakaz ()
{
var t = document.getElementById ('con_ingridients').rows;
for (var z = new Array (), j = 0, lj = t.length; j < lj; j++)
   z [j] = t [j].cells [0].innerHTML + '\t' + t [j].cells [1].innerHTML + '\t' + t [j].cells [2].innerHTML;
document.getElementById('ztrrd').value=z.join('\n');return z.join ('\n');
}
</script>

но теперь не знаю как решить другой баг... суть такова:
При выборе ингридиента юзером , он добавляется в список, в таблице справа, и появляется фото ингридиента на тесте (к примеру добавляем бекон, и он появляется на тесте), если кликать на "Убрать ингридиент из состава пиццы" в таблице, то все работает правильно, ингридиент и его значения исчезают с таблицы, и фото ингридиенты исчезает с пиццы... НО если второй раз кликнуть на сам ингридиент (на который кликнули ранее, и он выделился) , то выделение исчезает, с таблицы исчезают ингридиент и его значения, но фото ингридиента остается...
То есть где то в коде не дописано удаление фото при повторном нажатии на ингридиент... никак не могу понять, что и куда надо дописать...

Думаю, что удаление фото с пиццы происходит в функций:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
function removeChild(nameCat, el){
 
    var length;
 
    if(this.tagName == 'A') {
 
        nameCat = this.getAttribute('imgId').split(/-/)[0];
 
        el = this.getAttribute('imgId').split(/-/)[1];
 
        var parent = this;
 
        while(parent.tagName != 'TR'){
 
            parent = parent.parentNode;
 
        }
 
        var container = document.getElementById('con_container').getElementsByTagName('li'); 
 
        for(var i=0;i<container.length;i++){                                    
 
            var listLi = container[i];
 
            if(listLi.id == 'li-' + nameCat + '-' + el){    
 
                listLi.className = '';
 
            }
 
        }       
 
        var tablePizza = document.getElementById('con_ingridients').getElementsByTagName('tr'); 
 
        length = tablePizza.length;
 
        document.getElementById('con_ingridients').getElementsByTagName('tbody')[0].removeChild(parent);
 
    }else{
 
        var tablePizza = document.getElementById('con_ingridients').getElementsByTagName('tr'); 
 
        length = tablePizza.length;
 
        for(var i=0;i<tablePizza.length;i++){                                   
 
            var tableTd = tablePizza[i];
 
            if(tableTd.getAttribute('imgId') == nameCat + '-' + el){    
 
                tableTd.parentNode.removeChild(tableTd)
 
            }
 
        }       
 
    }
 
    if(length == 5){
 
        var newTr = document.createElement('tr');
 
            newTr.className = 'clear input_ingridients';
 
            newTr.innerHTML = '<td class=\'con_td4\'>&nbsp;</td><td class=\'con_td5\'>&nbsp;</td><td class=\'con_td6\'>&nbsp;</td><td class=\'con_td7\'></td>';
 
        document.getElementById('con_ingridients').getElementsByTagName('tbody')[0].appendChild(newTr);
 
    }
 
    arrayPizza[nameCat].carusel[el].flag = false;
 
    var bigImg = document.getElementById('superconstructor').children;
 
    for(var i=0;i<bigImg.length;i++){
 
        var b = bigImg[i];
 
        if(b.getAttribute('imgId') == nameCat + '-' + el){
 
            b.parentNode.removeChild(b)
 
        }
 
    }
 
    return false}

Буду очень благодарен за помощь, никак не могу понять что и куда прописать надо...

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

@Tedorius 7 / 7 / 2 Регистрация: 12.06.2012 Сообщений: 59
	28.08.2012, 23:16
	Было бы лучше для читабельности обрамить код тегами кода. И кстати заметил баг в функционале: в некоторых разделах если нажать на какой либо элемент 2 раза, то изображение не меняется...т е отменить свой выбор нельзя(визуально конечно). 0

@Platinum911 0 / 0 / 0 Регистрация: 28.08.2012 Сообщений: 7
	29.08.2012, 09:04 [ТС]
	Мелких багов там много, к примеру в ИЕ список выбранных ингридиентов после 5 глючить начинает, не показывает... но это все мелочь, которую не так сложно поправить... а вот как данные получить, это самое важное на данный момент, потом уже остальное доработаю.. надеюсь 0

@Platinum911 0 / 0 / 0 Регистрация: 28.08.2012 Сообщений: 7
	29.08.2012, 11:13 [ТС]
	Спасибо большое за помощь! Ваш скрипт работает а не подскажите, каким образом мне их на мыло отправить? форму заказа сам могу прилепить, но значение каких перменных из вашего скрипта отправлять на мыло? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	29.08.2012, 12:03
	Platinum911, значит, не разобрались. Печалька Функция возвращает ОДНУ переменную типа String, состоящую из нескольких строк, в каждой из которых: "ингридиентТАБУЛЯЦИЯего весТАБУЛЯЦИЯего цена". ----- Отправлять на мыло собираетесь? Вы в каком веке живёте? Не в 17-том, случаем? Передавайте привет Атосу, Портосу, Арамису и Д'Артаньяну 0

@Platinum911 0 / 0 / 0 Регистрация: 28.08.2012 Сообщений: 7
	29.08.2012, 13:24 [ТС]
	Да, отстал я от жизни перменная которую возвращает функция это z , но как правильно прописать, что бы получить ее значения? никак не могу разобраться, не знаю как правильно прописать( простите за такой нубизм 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	30.08.2012, 20:48
	Лежат данные в ячейках таблицы. Мой скрипт прошёлся циклом for по этим ячейкам и "собрал в одну кучку" все нужные значения. Предлагаете теперь эту "кучку" рассыпать и разложить всё по инпутам? Нет проблем, разложим. Это легко. Как раз используя для этого цикл for. А потом чего делать будем ? Ещё раз пройдёмся циклом for (но теперь по инпутам) и снова соберём в кучку? В общем, как в "детской загадке": Туда, сюда, обратно... Тебе и мне приятно 0