Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Tutorials und FAQ » [JS] Klickshop zur freien Benutzung

[JS] Klickshop zur freien Benutzung

Tante Lulu
Also ... ich klicke auf Absenden nachdem ich mir ein paar artikel ausgesucht habe, und dann springt die seite nach oben, also zum ersten Satz der auf der seite steht und die Selectbox ist auch leer!

irgendwas mit dem ?> stimmt nicht, weil das nicht mit dem <?php zusammen arbeitet, wenn du weit was ich meine Augenzwinkern
*Emily*
Hallo!

kann mir jemand helfen, ich brauche einen Klickshop für Oyla!?
Es ist dringend, ich hab im Word alles zusammengeschrieben, was ich für den Shop brauche, kann mir jemand den Shop machen und das dann einfügen, oder wie man das dann hald macht?
Es ist wirklich dringend, weil nur dann kann ich endlich meinen Hof eröffnen, wenn der Shop fertig ist.
Wie gesagt, ich schicke dann dir das Wordformular mit dem Zubehör dass du es dann irgendwie einfügst.
Klickshop bei Oyla funktioniert, ich hatte schon mal nen Hof bei Oyla und da funktionierte der Klickshop auch!

Bitte kann mir wer helfen?!

Gruß Emily unglücklich verwirrt unglücklich
*Emily*
BItte ich suche immer noch, jemanden der mir nen Klickshop macht.
MELDET EUCH BITTE PER PN!!!
Melli
*Emily* dafür gibts den SUCHE HILFE-Thread! Meine Güte, lest doch erstmal, bevor ihr rumspammt. Ist lange her, dass ich mit Oyla gearbeitet habe, aber damals gab es world-of-scripts & damit konnte man das machen.

& Mordred, das ist ein supii Tut =D
Funktioniert zwar bei mir nicht ganz so, weil das ganze Gedöns nicht bei der E-Mail ankommt, aber ansonsten find ichs gut großes Grinsen

#räusper# Er sendet nich. Keine Meldung - aber auch keine Mail :x

php: 
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:

<link rel="stylesheet" href="style.css">
<script type="text/javascript">
function newitem(costs,value) {
    newelement = new Option(value,value+"|"+costs);
    document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].length] = newelement;
    document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) + costs;
}

function removeitem() {
    var item = document.getElementsByName("items[]")[0].value.split("|");
    document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) - parseInt(item[1]);
    document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].selectedIndex] = null;
}

function selectall() {
    for(i = 0; i < document.getElementsByName("items[]")[0].length; i++) {
        document.getElementsByName("items[]")[0].options[i].selected="selected"; 
    }
}
</script>

<form name="shopform" method="post" action="" onsubmit="selectall()">
  <select name="items[]" size="10" onchange="removeitem()" multiple="multiple">
  </select>    <br />
  Name: <input type="text" name="name" />
  <input type="submit" value="Absenden!">
</form>

Island-Sattel | 980vE: <a href="javascript:newitem(980,'Islandsattel');">In den Wagen</a><br />
Töltsattel | 850vE: <a href="javascript:newitem(850,'Töltsattel');">In den Wagen</a><br />

<br />____________<br />
Kosten: <span id="costs">0</span>vE

<?php

if(!empty($_POST)) {
    $count = array_count_values($_POST['items']);
    $all = 0;
    $mailcontent = "";

    foreach($count AS $item => $lot) {
        $explode = explode("|", $item);
        $mailcontent .= $explode[0]." wurde ". $lot." mal bestellt. Summe: ".($lot*$explode[1])."\n";
        $all += $lot*$explode[1];
    }
    mail("Melanie@kona.de.gg", "Shop", "Neuer Einkauf:\n\n".$mailcontent."\n\nGesamt: ".$all."\n\nBestellt wurde von: ".$_POST['name'], "From: $name");

    echo "Vielen Dank!";
}

?>
Melli
Haii <3

Also das ganze war auf Pytal gehostet - PHP & MySQl aktiviert & so. Hab das ganze jetzt auf BPlaced verschoben & es funktioniert. Also es lag wohl an Pytal ._.
Aber danke trotzdem <3
Pösi
Hey.. also wir ham ein kleines Problemchen mit unserem Klickshop, erstens mag der nicht senden und 2ten wie kann ich da noch ein Feld für "Namen" eingeben?

Ich füg einfach mal den code ein und im Anhang einen screenshot von dem Shop, weil da auch irgendwas nicht richtig ist.... sieht man dann ja....

php: 
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:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Gutshof Poesie</title>
  <style type="text/css"></style>
  <link href="http://freenet-homepage.de/gh-poesie/Seiten/code2.css"
 rel="stylesheet">
</head>
<body>
Fesselkopfgamaschen Vorne [tanne] f&uuml;r 35&euro;: <a
 href="javascript:newitem(35,'Fesselkopfgam V t');">In
den
Wagen</a><br>
Fesselkopfgamaschen Vorne [bordeaux] f&uuml;r 35&euro;: <a
 href="javascript:newitem(35,'Fesselkopfgam V bx');">In
den
Wagen</a><br>
Fesselkopfgamaschen Vorne [wei&szlig;] f&uuml;r 35&euro;: <a
 href="javascript:newitem(35,'Fesselkopfgam V w');">In
den
Wagen</a><br>
<br>
Fesselkopfgamaschen Hinten [schwarz]
f&uuml;r 35&euro;: <a
 href="javascript:newitem(35,'Fesselkopfgam H sw');">In
den
Wagen</a><br>
Fesselkopfgamaschen&nbsp;Hinten [marine]
f&uuml;r 35&euro;: <a
 href="javascript:newitem(35,'Fesselkopfgam H m');">In
den
Wagen</a><br>
Fesselkopfgamaschen&nbsp;Hinten [tanne]
f&uuml;r 35&euro;: <a
 href="javascript:newitem(35,'Fesselkopfgam H t');">In
den
Wagen</a><br>
Fesselkopfgamaschen&nbsp;Hinten [bordeaux]
f&uuml;r 35&euro;: <a
 href="javascript:newitem(35,'Fesselkopfgam H bx');">In
den
Wagen</a><br>
Fesselkopfgamaschen&nbsp;Hinten [wei&szlig;] f&uuml;r
35&euro;: <a href="javascript:newitem(35,'Fesselkopfgam H w');">In
den
Wagen</a><br>
<br>
Tranportgamaschenset [schwarz] f&uuml;r
38&euro;: <a href="javascript:newitem(38,'Transportgamset sw');">In
den
Wagen</a><br>
Tranportgamaschenset [marine] f&uuml;r 38&euro;: <a
 href="javascript:newitem(38,'Transportgamset m');">In
den
Wagen</a><br>
Tranportgamaschenset [beige -braun Karo] f&uuml;r
38&euro;: <a
 href="javascript:newitem(38,'Transportgamset bg-br Karo');">In
den
Wagen</a><br>
Tranportgamaschenset [gr&uuml;n-gelb Karo] f&uuml;r
38&euro;:
<a href="javascript:newitem(38,'Transportgamset gr-gb Karo');">In
den
Wagen</a><br>
<br>
Springgamschen Lammfell [Leder,
schwarz] f&uuml;r 45&euro;: <a
 href="javascript:newitem(45,'Springgam Lamm sw');">In
den
Wagen</a><br>
Springgamschen Lammfell [Leder, dunkelbraun]
f&uuml;r 45&euro;: <a
 href="javascript:newitem(45,'Springgam Lamm dbr');">In
den
Wagen</a><br>
Springgamschen Lammfell [Leder, rotbraun] f&uuml;r
45&euro;: <a href="javascript:newitem(45,'Springgam Lamm rbr');">In
den
Wagen</a><br>
<br>
Streichkappen Lammfell [Leder,
schwarz] f&uuml;r 40&euro;: <a
 href="javascript:newitem(40,'Streichkap Lamm sw');">In
den
Wagen</a><br>
Streichkappen Lammfell [Leder, dunkelbraun]
f&uuml;r 40&euro;: <a
 href="javascript:newitem(40,'Streichkap Lamm dbr');">In
den
Wagen</a><br>
Streichkappen Lammfell [Leder, rotbraun] f&uuml;r
40&euro;: <a
 href="javascript:newitem(40,'Streichkap Lamm rbr');">In
den
Wagen</a><br>
<br>
4 Fleecebandagen [sonnengelb] f&uuml;r
15&euro;: <a
 href="javascript:newitem(15,'Bandagen sonnengelb');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[orange]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen orange');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[rot]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen rot');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[boradeaux]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen bordeaux');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[rostrot/orange]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen rostrot');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[rosa]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen rosa');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[brombeer]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen brombeer');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[beige]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen beige');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[braun]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen braun');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[marine]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen marine');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[navy (Leuchtende
Frabe!)]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen navy');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[hellblau]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen hellblau');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[tanne]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen tanne');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[grasgr&uuml;n]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen grasgruen');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[lindgr&uuml;n
(Leuchtende
Farbe!)] f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen lindgruen');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[schwarz]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen schwarz');">In
den
Wagen</a><br>
4 Fleecebandagen&nbsp;[wei&szlig;]
f&uuml;r&nbsp;15&euro;: <a
 href="javascript:newitem(15,'Bandagen weiss');">In
den
Wagen</a><br>
<br>
<span style="font-weight: bold; text-decoration: underline;">Decken
f&uuml;r jede Jahreszeit<br>
<br>
</span>Abschwitzdecke Fleece [gelb, Rand orange] f&uuml;r
25&euro;: <a href="javascript:newitem(25,'Abschw gelb');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [orange, Rand rot] f&uuml;r 25&euro;: <a
 href="javascript:newitem(25,'Abschw orange');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [bordeaux, Rand rot] f&uuml;r 25&euro;: <a
 href="javascript:newitem(25,'Abschw bordeaux');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [rostrot, Rand braun] f&uuml;r 25&euro;: <a
 href="javascript:newitem(25,'Abschw rostrot');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [rosa, Rand pink] f&uuml;r 25&euro;: <a
 href="javascript:newitem(25,'Abschw rosa');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [brombeer, Rand rosa] f&uuml;r 25&euro;: <a
 href="javascript:newitem(25,'Abschw brombeer');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [beige, Rand braun] f&uuml;r 25&euro;: <a
 href="javascript:newitem(25,'Abschw beige');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [braun, Rand beige] f&uuml;r 25&euro;: <a
 href="javascript:newitem(25,'Abschw braun');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [marine, Rand hellblau] f&uuml;r
25&euro;: <a href="javascript:newitem(25,'Abschw marine');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [hellblau, Rand beige] f&uuml;r 25&euro;:
<a href="javascript:newitem(25,'Abschw hellblau');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [tanne, Rand beige] f&uuml;r 25&euro;: <a
 href="javascript:newitem(25,'Abschw tanne');">In
den
Wagen</a><br>
Abschwitzdecke Fleece [schwarz, Rand grau] f&uuml;r 25&euro;: <a
 href="javascript:newitem(25,'Abschw schwarz');">In
den
Wagen</a><br>
<br>
Weidendecke light [marine] f&uuml;r 70&euro;:&nbsp;<a
 href="javascript:newitem(70,'Deck ligh marine');">In
den
Wagen</a><br>
Weidendecke light [tanne] f&uuml;r 70&euro;:&nbsp;<a
 href="javascript:newitem(70,'Deck ligh tanne');">In
den
Wagen</a><br>
Weidendecke light [Karo hellblau-dunkelgrau] f&uuml;r
70&euro;:&nbsp;<a
 href="javascript:newitem(70,'Deck ligh Karo hb-gr');">In
den
Wagen</a><br>
Weidendecke light [Karo beige-braun] f&uuml;r
70&euro;:&nbsp;<a
 href="javascript:newitem(70,'Deck ligh Karo bg-br');">In
den
Wagen</a>&nbsp;<br>
<br>
Weidendecke medium [marine] f&uuml;r 85&euro;:&nbsp;<a
 href="javascript:newitem(85,'Deck medium marine');">In
den
Wagen</a><br>
Weidendecke medium [tanne] f&uuml;r 85&euro;:&nbsp;<a
 href="javascript:newitem(85,'Deck medium tanne');">In
den
Wagen</a><br>
Weidendecke medium [Karo hellblau-dunkelgrau] f&uuml;r
85&euro;:&nbsp;<a
 href="javascript:newitem(85,'Deck medium Karo hb-gr');">In
den
Wagen</a><br>
Weidendecke medium [Karo beige-braun] f&uuml;r
85&euro;:&nbsp;<a
 href="javascript:newitem(85,'Deck medium Karo bg-br');">In
den
Wagen</a> <br>
<br>
Weidendecke heavy [marine] f&uuml;r 100&euro;:&nbsp;<a
 href="javascript:newitem(100,'Deck heavy marine');">In
den
Wagen</a><br>
Weidendecke heavy [tanne] f&uuml;r 100&euro;:&nbsp;<a
 href="javascript:newitem(100,'Deck heavy tanne');">In
den
Wagen</a><br>
Weidendecke heavy [Karo hellblau-dunkelgrau] f&uuml;r
100&euro;:&nbsp;<a
 href="javascript:newitem(100,'Deck heavy Karo hb-gr');">In
den
Wagen</a><br>
Weidendecke heavy [Karo beige-braun] f&uuml;r
100&euro;:&nbsp;<a
 href="javascript:newitem(100,'Deck heavy Karo bg-br');">In
den
Wagen</a> <br>
<br>
<span style="text-decoration: underline;"><span
 style="font-weight: bold;">Putzzeug und alles was Pflegt<br>
<br>
</span></span>Putzkasten [schwarz] f&uuml;r
10&euro;: &nbsp;<a
 href="javascript:newitem(10,'Putzkasten sw');">In
den
Wagen</a><br>
Putzkasten [blau] f&uuml;r 10&euro;: &nbsp;<a
 href="javascript:newitem(10,'Putzkasten bl');">In
den
Wagen</a><br>
Putzkasten [gr&uuml;n] f&uuml;r 10&euro;: &nbsp;<a
 href="javascript:newitem(10,'Putzkasten gr');">In
den
Wagen</a><br>
Putzkasten [bordeaux] f&uuml;r 10&euro;: &nbsp;<a
 href="javascript:newitem(10,'Putzkasten bx');">In
den
Wagen</a><br>
Putzkasten [grau] f&uuml;r 10&euro;: &nbsp;<a
 href="javascript:newitem(10,'Putzkasten grau');">In
den
Wagen</a><br>
<br>
B&uuml;rstenset [schwarz] f&uuml;r 11&euro;: &nbsp;<a
 href="javascript:newitem(11,'Buerstenset sw');">In
den
Wagen</a><br>
B&uuml;rstenset [blau] f&uuml;r 11&euro;: &nbsp;<a
 href="javascript:newitem(11,'Buerstenset bl');">In
den
Wagen</a><br>
B&uuml;rstenset [gr&uuml;n] f&uuml;r 11&euro;:
&nbsp;<a href="javascript:newitem(11,'Buerstenset gr');">In
den
Wagen</a><br>
B&uuml;rstenset [schwarz] f&uuml;r 11&euro;: &nbsp;<a
 href="javascript:newitem(11,'Buerstenset bx');">In
den
Wagen</a><br>
B&uuml;rstenset [natur] f&uuml;r 11&euro;: &nbsp;<a
 href="javascript:newitem(11,'Buerstenset natur');">In
den
Wagen</a><br>
<br>
Lammfellhandschuh [natur] f&uuml;r 7&euro;:&nbsp;<a
 href="javascript:newitem(7,'Lammfelhand nat');">In
den
Wagen</a><br>
<br>
Langhaarb&uuml;rste [Holz] f&uuml;r 3&euro;:&nbsp;<a
 href="javascript:newitem(3,'Langhaarb holz');">In
den
Wagen</a><br>
<br>
Schere [silber] f&uuml;r 1,50&euro;: &nbsp;<a
 href="javascript:newitem(1.5,'Schere');">In
den
Wagen</a><br>
<br>
M&auml;hnengummies [wei&szlig;] f&uuml;r 1&euro;:
&nbsp;<a href="javascript:newitem(1,'Mgummis weiss');">In
den
Wagen</a><br>
M&auml;hnengummies [schwarz] f&uuml;r 1&euro;: &nbsp;<a
 href="javascript:newitem(1,'Mgummis schwarz');">In
den
Wagen</a><br>
M&auml;hnengummies [natur] f&uuml;r 1&euro;: &nbsp;<a
 href="javascript:newitem(1,'Mgummis natur');">In
den
Wagen</a><br>
<br>
Glanzspray f&uuml;r 11&euro;: <a
 href="javascript:newitem(11,'Glanzspray');">In
den
Wagen</a><br>
Magicgel [zum durchk&auml;mmen der M&auml;hne] 12&euro;: <a
 href="javascript:newitem(12,'Magicgel');">In
den
Wagen</a><br>
Fliegenspray f&uuml;r 13&euro; <a
 href="javascript:newitem(13,'Fliegenspray');">In
den
Wagen</a><br>
Blauspray [desinfizieren von Wunden] f&uuml;r 18&euro;: <a
 href="javascript:newitem(18,'Blauspray');">In
den
Wagen</a><br>
Wundsalbe [beschleunigt heilungsprozess und verschlie&szlig;t die
Wunde] f&uuml;r 15&euro;: <a
 href="javascript:newitem(15,'Wundsalbe');">In
den
Wagen</a><br>
<br>
<span style="font-weight: bold;"><span
 style="text-decoration: underline;">Zur Belohnung</span><br>
</span><br>
Apfelleckerlies f&uuml;r 6&euro;: <a
 href="javascript:newitem(6,'Apfelleckerlies');">In
den
Wagen</a><br>
Bananenleckerlies f&uuml;r 6&euro;: <a
 href="javascript:newitem(6,'Bananenleckerlies');">In
den
Wagen</a><br>
Lakritzleckerlies f&uuml;r 6&euro;: <a
 href="javascript:newitem(6,'Lakritzleckerlies');">In
den
Wagen</a><br>
Gereideleckerlies f&uuml;r 6&euro;: <a
 href="javascript:newitem(6,'Getreideleckerlies');">In
den
Wagen</a><br>
<br>
Leckerbissen [F&uuml;r Mensch und Pferd] f&uuml;r
7&euro;:&nbsp;<a href="javascript:newitem(7,'Leckerbissen');">In
den
Wagen</a><br>
<br>
<br>
</div>
</div>
<script type="text/javascript">
function newitem(costs,value) {
newelement = new Option(value,value+"|"+costs);
document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].length] = newelement;
document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) + costs;
}
function removeitem() {
var item = document.getElementsByName("items[]")[0].value.split("|");
document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) - parseInt(item[1]);
document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].selectedIndex] = null;
}
function selectall() {
for(i = 0; i < document.getElementsByName("items[]")[0].length; i++) {
document.getElementsByName("items[]")[0].options[i].selected="selected"; }
}
</script>
<form name="shopform" method="post" action=""
 onsubmit="selectall()">
  <select name="items[]" size="10"
 onchange="removeitem()" multiple="multiple">
  </select>
  <input value="Absenden!" type="submit"></form>
<br>
____________<br>
Kosten: <span id="costs">0</span>&euro;
<?php if(!empty($_POST)) {
$count = array_count_values($_POST['items']);
$all = 0;
$mailcontent = "";
foreach($count AS $item => $lot) {
$explode = explode("|", $item);
$mailcontent .= $explode[0]." wurde ". $lot." mal bestellt. Summe: ".($lot*$explode[1])."\n";
$all += $lot*$explode[1];
}
mail("LuluKersting@msn.com", "Shop", "Neuer Einkauf:\n\n".$mailcontent."\n\nGesamt: ".$all);
echo "Danke auch!";
}
?>
</body>
</html>

danke schon mal im Voraus (Screenshot folgt!!!)
Pösi
Die Mailadresse müsste so stimmen, und mit dem Namen meine ich dass das Mitglied, dass die Bestellung absendet noch seinen Namen irgendwo eintragen muss, sonst weiß man ja gar nicht wer die Bestellung abgeschickt hat.
Also wie bei den normalen Kontaktformularen auch.

Hier ist jetzt mal der Screen.
Dreamless
Da gibst Du eben im Formular ein weiteres Feld dazu, das dann mit übermittelt wird.
Pösi
ok... also das mit dem Namensfeld hab ich jetzt verstanden, ABER... trotzde, funktioniert das mit dem Senden noch nicht so ganz....

Bitte... Hilfe!
Rocky
Super toller Script smile
Nur hab ich eine doofe Frage: Kann man auch Selectbuttons einbauen (z.B. für Größe oder Farbe zum auswählen)? Wenn ja wie?

Lg Laura
Morgan Girl
super toll, klappt prima
ShivaChewy
Wollte das für einen echten Shop benutzen, aber wie ist das mit Kommazahlen bei den Preisen? Kann man das irgendwie regeln?

Habe es mit einem . statt , versucht. In der Email wird der Preis dann richtig zusammengerechnet, auf der Seite vom Shop allerdings nicht.
Bindestrich
code: 
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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Leonberg</title>
  <style type="text/css"></style>

  <link rel="stylesheet" href="http://rsleonberg.rs.ohost.de/Leonberg/Seiten/code.css">

</head>
<body>


<script type="text/javascript">
function newitem(costs,value) {
	newelement = new Option(value,value+"|"+costs);
	document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].length] = newelement;
	document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) + costs;
}

function removeitem() {
	var item = document.getElementsByName("items[]")[0].value.split("|");
	document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) - parseInt(item[1]);
	document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].selectedIndex] = null;
}

function selectall() {
	for(i = 0; i < document.getElementsByName("items[]")[0].length; i++) {
		document.getElementsByName("items[]")[0].options[i].selected="selected"; 
	}
}
</script>

<table style="width: 450px; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg" colspan="4">
<span style="font-weight: 700">Bandagen</span></td>

</tr>
<tr>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Farbe:</b></td>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Größe:</b></td>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Preis:</b></td>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Kaufen?</b></td>
</tr>

<tr>
<td style="text-align: center;">
lila blassblau mit gelben Punkten</td>
<td style="text-align: center;">
VB</td>
<td style="text-align: center;">
50€</td>
<td style="text-align: center;">
<a href="javascript:newitem(50,'bandagelila');"><img src="http://rsleonberg.rs.ohost.de/wagen.png"></a><br /></td>
</tr>
</tbody>
</table>


<br /><img src="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/trenni.png"><br><br />
Kosten: <span id="costs">0</span>€
<br><br>
<form name="shopform" method="post" action="" onsubmit="selectall()">
  <select name="items[]" size="10" onchange="removeitem()" multiple="multiple">
  </select>    <br />
  Name: <input type="text" name="name" />
  <input type="submit" value="Absenden!">
</form><br><br>
<?php

if(!empty($_POST)) {
	$count = array_count_values($_POST['items']);
	$all = 0;
	$mailcontent = "";

	foreach($count AS $item => $lot) {
		$explode = explode("|", $item);
		$mailcontent .= $explode[0]." wurde ". $lot." mal bestellt. Summe: ".($lot*$explode[1])."\n";
		$all += $lot*$explode[1];
	}
	mail("d-c-schmidt@web.de", "Shop", "Neuer Einkauf:\n\n".$mailcontent."\n\nGesamt: ".$all."\n\nBestellt wurde von: ".$_POST['name']);
	echo "Danke für deinen Einkauf! Wir werden ihn so schnell wie möglich eintragen.";
}

?>
</body>
</html>


Das ist momentan mein Code - kann ich irgendwie das 'Name' Feld sowie den 'Einkaufswagen' färben? Geht wahrscheinlich per css...
ShivaChewy
Kannst du so z.B. machen smile

Mit Hex-Code der Farbe:

php: 
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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Leonberg</title>
  <style type="text/css"></style>

  <link rel="stylesheet" href="http://rsleonberg.rs.ohost.de/Leonberg/Seiten/code.css">

</head>
<body>


<script type="text/javascript">
function newitem(costs,value) {
    newelement = new Option(value,value+"|"+costs);
    document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].length] = newelement;
    document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) + costs;
}

function removeitem() {
    var item = document.getElementsByName("items[]")[0].value.split("|");
    document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) - parseInt(item[1]);
    document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].selectedIndex] = null;
}

function selectall() {
    for(i = 0; i < document.getElementsByName("items[]")[0].length; i++) {
        document.getElementsByName("items[]")[0].options[i].selected="selected"; 
    }
}
</script>

<table style="width: 450px; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg" colspan="4">
<span style="font-weight: 700">Bandagen</span></td>

</tr>
<tr>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Farbe:</b></td>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Größe:</b></td>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Preis:</b></td>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Kaufen?</b></td>
</tr>

<tr>
<td style="text-align: center;">
lila blassblau mit gelben Punkten</td>
<td style="text-align: center;">
VB</td>
<td style="text-align: center;">
50€</td>
<td style="text-align: center;">
<a href="javascript:newitem(50,'bandagelila');"><img src="http://rsleonberg.rs.ohost.de/wagen.png"></a><br /></td>
</tr>
</tbody>
</table>


<br /><img src="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/trenni.png"><br><br />
Kosten: <span id="costs">0</span>€
<br><br>
<form name="shopform" method="post" action="" onsubmit="selectall()">
  <select name="items[]" size="10" onchange="removeitem()" style="background-color: #EAE2D7">
  </select>    <br />
  Name: 
    <input type="text" name="name" style="background-color: #EAE2D7" size="20" />
  <input type="submit" value="Absenden!">
</form><br><br>
<?php

if(!empty($_POST)) {
    $count = array_count_values($_POST['items']);
    $all = 0;
    $mailcontent = "";

    foreach($count AS $item => $lot) {
        $explode = explode("|", $item);
        $mailcontent .= $explode[0]." wurde ". $lot." mal bestellt. Summe: ".($lot*$explode[1])."\n";
        $all += $lot*$explode[1];
    }
    mail("d-c-schmidt@web.de", "Shop", "Neuer Einkauf:\n\n".$mailcontent."\n\nGesamt: ".$all."\n\nBestellt wurde von: ".$_POST['name']);
    echo "Danke für deinen Einkauf! Wir werden ihn so schnell wie möglich eintragen.";
}

?>
</body>
</html>


Oder mit deinem HG-Bild:
php: 
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:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Leonberg</title>
  <style type="text/css"></style>

  <link rel="stylesheet" href="http://rsleonberg.rs.ohost.de/Leonberg/Seiten/code.css">

</head>
<body>


<script type="text/javascript">
function newitem(costs,value) {
    newelement = new Option(value,value+"|"+costs);
    document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].length] = newelement;
    document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) + costs;
}

function removeitem() {
    var item = document.getElementsByName("items[]")[0].value.split("|");
    document.getElementById("costs").innerHTML = parseInt(document.getElementById("costs").firstChild.data) - parseInt(item[1]);
    document.getElementsByName("items[]")[0].options[document.getElementsByName("items[]")[0].selectedIndex] = null;
}

function selectall() {
    for(i = 0; i < document.getElementsByName("items[]")[0].length; i++) {
        document.getElementsByName("items[]")[0].options[i].selected="selected"; 
    }
}
</script>

<table style="width: 450px; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg" colspan="4">
<span style="font-weight: 700">Bandagen</span></td>

</tr>
<tr>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Farbe:</b></td>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Größe:</b></td>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Preis:</b></td>
<td style="text-align: center;" width="25%" background="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg">
<b>Kaufen?</b></td>
</tr>

<tr>
<td style="text-align: center;">
lila blassblau mit gelben Punkten</td>
<td style="text-align: center;">
VB</td>
<td style="text-align: center;">
50€</td>
<td style="text-align: center;">
<a href="javascript:newitem(50,'bandagelila');"><img src="http://rsleonberg.rs.ohost.de/wagen.png"></a><br /></td>
</tr>
</tbody>
</table>


<br /><img src="http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/trenni.png"><br><br />
Kosten: <span id="costs">0</span>€
<br><br>
<form name="shopform" method="post" action="" onsubmit="selectall()">
  <select name="items[]" size="10" onchange="removeitem()" style="background-image: url('http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg')">
  </select>    <br />
  Name: 
    <input type="text" name="name" style="background-image: url('http://rsleonberg.rs.ohost.de/Leonberg/Grafiken/hg.jpg')" size="20" />
  <input type="submit" value="Absenden!">
</form><br><br>
<?php

if(!empty($_POST)) {
    $count = array_count_values($_POST['items']);
    $all = 0;
    $mailcontent = "";

    foreach($count AS $item => $lot) {
        $explode = explode("|", $item);
        $mailcontent .= $explode[0]." wurde ". $lot." mal bestellt. Summe: ".($lot*$explode[1])."\n";
        $all += $lot*$explode[1];
    }
    mail("d-c-schmidt@web.de", "Shop", "Neuer Einkauf:\n\n".$mailcontent."\n\nGesamt: ".$all."\n\nBestellt wurde von: ".$_POST['name']);
    echo "Danke für deinen Einkauf! Wir werden ihn so schnell wie möglich eintragen.";
}

?>
</body>
</html>
Bindestrich
Dankeschön. (:
schattenfell
echt geiles teil großes Grinsen
nur hab ich jetzt noch ne frage:
kann man da auch noch irgendwie so ein selectauswahlteil mit der farbe mit reinbringen? also, wenn man auf sattel klickt, dann steht der ja in dieser box, und wenn du dann im selectding noch braun wählst, dass direkt hinter sattel dann braun steht. wäre das irgendwie möglich?
Alaska.
Ich hab ne Frage, und zwar ist es möglich auf einer Seite die Bestellung anzuklicken, die aber auf einer anderen Seite erscheint? Also in nem anderen Frame steht dann was man alles kaufen möchte?
Morgan Girl
Zitat:
Original von *juli*
Ich hab ne Frage, und zwar ist es möglich auf einer Seite die Bestellung anzuklicken, die aber auf einer anderen Seite erscheint? Also in nem anderen Frame steht dann was man alles kaufen möchte?


da müsstest du die angaben mit php auf die nächste seite übermitteln lassen
Nessaja92
bei mir hat's geklappt, sogar relativ schnell (obwohl ich solche Sachen wirklich nicht gern und nicht gut mach)
Vielen Dank für das super Script / Tutorial. fröhlich
Jaysen
bei mir stimmt da was nicht....

Rv Apassionata
vorherige Seite
nächste Seite
Forensoftware: Burning Board, entwickelt von WoltLab GmbH