Aankleedsysteem
Omdat mijn site gekoppeld is aan een online RPG, moeten de spelers hun uiterlijk ook kunnen laten aanpassen, ik doe dat met de volgende codes:
Het aanpassen van je uiterlijk:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<?php
echo "<a href=\"#\" onClick=\"vorige_shirt()\">««</a> Shirt <a href=\"#\" onClick=\"volgende_shirt()\">»»</a><br>";
echo "<a href=\"#\" onClick=\"vorige_broek()\">««</a> Broek <a href=\"#\" onClick=\"volgende_broek()\">»»</a><br>";
echo "<a href=\"#\" onClick=\"vorige_mantel()\">««</a> Mantel <a href=\"#\" onClick=\"volgende_mantel()\">»»</a><br>";
echo "<br>";
echo "<img name=\"voorbeeld\" src=\"http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=".$geslacht."&rot=1&shirt=".$shirt."&broek=".$broek."&mantel=".$mantel."\"><br><br>";
echo "<a href=\"#\" onClick=\"vorige_draai()\">««</a> Draaien <a href=\"#\" onClick=\"volgende_draai()\">»»</a><br><br>";
echo "<form method=\"post\" name=\"opslaan\" action=\"?actie=opslaan\">";
echo "<a href=\"javascript:document.opslaan.submit();\"><b>Klik hier om de wijzigingen op te slaan</b></a>";
echo "</form>";
?>
echo "<a href=\"#\" onClick=\"vorige_shirt()\">««</a> Shirt <a href=\"#\" onClick=\"volgende_shirt()\">»»</a><br>";
echo "<a href=\"#\" onClick=\"vorige_broek()\">««</a> Broek <a href=\"#\" onClick=\"volgende_broek()\">»»</a><br>";
echo "<a href=\"#\" onClick=\"vorige_mantel()\">««</a> Mantel <a href=\"#\" onClick=\"volgende_mantel()\">»»</a><br>";
echo "<br>";
echo "<img name=\"voorbeeld\" src=\"http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=".$geslacht."&rot=1&shirt=".$shirt."&broek=".$broek."&mantel=".$mantel."\"><br><br>";
echo "<a href=\"#\" onClick=\"vorige_draai()\">««</a> Draaien <a href=\"#\" onClick=\"volgende_draai()\">»»</a><br><br>";
echo "<form method=\"post\" name=\"opslaan\" action=\"?actie=opslaan\">";
echo "<a href=\"javascript:document.opslaan.submit();\"><b>Klik hier om de wijzigingen op te slaan</b></a>";
echo "</form>";
?>
De Javascript code:
Code (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
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
var rot = 1;
var shirt = <?php echo "".$shirt.""; ?>;
var broek = <?php echo "".$broek.""; ?>;
var mantel = <?php echo "".$mantel.""; ?>;
var geslacht = <?php echo "".$geslacht.""; ?>;
function volgende_shirt() {
shirt += 1;
if (shirt == 6) { shirt = 0; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function vorige_shirt() {
shirt -= 1;
if (shirt == -1) { shirt = 5; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function volgende_broek() {
broek += 1;
if (broek == 2) { broek = 0; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function vorige_broek() {
broek -= 1;
if (broek == -1) { broek = 1; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function volgende_mantel() {
mantel += 1;
if (mantel == 2) { mantel = 0; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function vorige_mantel() {
mantel -= 1;
if (mantel == -1) { mantel = 1; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function volgende_draai() {
rot -= 1;
if (rot == 0) { rot = 4; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function vorige_draai() {
rot += 1;
if (rot == 5) { rot = 1; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
var shirt = <?php echo "".$shirt.""; ?>;
var broek = <?php echo "".$broek.""; ?>;
var mantel = <?php echo "".$mantel.""; ?>;
var geslacht = <?php echo "".$geslacht.""; ?>;
function volgende_shirt() {
shirt += 1;
if (shirt == 6) { shirt = 0; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function vorige_shirt() {
shirt -= 1;
if (shirt == -1) { shirt = 5; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function volgende_broek() {
broek += 1;
if (broek == 2) { broek = 0; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function vorige_broek() {
broek -= 1;
if (broek == -1) { broek = 1; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function volgende_mantel() {
mantel += 1;
if (mantel == 2) { mantel = 0; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function vorige_mantel() {
mantel -= 1;
if (mantel == -1) { mantel = 1; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function volgende_draai() {
rot -= 1;
if (rot == 0) { rot = 4; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
function vorige_draai() {
rot += 1;
if (rot == 5) { rot = 1; }
document.images["voorbeeld"].src = "http://www.avickum.nl/layout/afbeeldingen/speler/speler.php?geslacht=" + geslacht + "&rot=" + rot + "&shirt=" + shirt + "&broek=" + broek + "&mantel=" + mantel;
}
Het aanpassen van de kleding lukt wel, maar hoe moet ik dit opslaan? Ik heb het al op deze manier geprobeerd:
Code (php)
1
$shirt2 = "<script language="JavaScript" type="text/javascript">document.write(shirt);</script>";
Maar hier komt steeds 0 uit. Kan iemand me helpen?
Edit: ik kom er net achter dat als ik alleen de mantel variable opsla, en ik verander de broek naar 0, dan slaat hij de mantel op naar 0 en met de broek gebeurd niks
Gewijzigd op 25/11/2010 12:26:17 door Lord Gaga
Verder zou je wat kunnen kijken naar de variabele scope enzo.
Ik heb het met mijn huidige code toch nog even verder geprobeerd en ik heb nu dit toegevoegd bij shirt_volgende en shirt_vorige:
Code (php)
1
document.cookie = "shirt=" + shirt + ";expires=3600;path=/";
Als ik in PHP deze cookie wil weergeven krijg ik in IE geen resultaat, maar in FireFox wel, hoe komt dit?
Gewijzigd op 25/11/2010 13:43:01 door Lord Gaga