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

@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 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@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