Kaartenbakken
Ik ben bezig met een game
http://www.wonderful-story.com/World%20Quiz%20Game/game.php
Hier kunt u zien wat mijn bedoeling is
De kaarten moeten geopend worden in de div kaartenbak
Ik heb zeg maar 4 bakken
landen,dieren,culture en politiek
in de mapen zitten allemaal kaarten
.txt maar kunnen ook image worden voor een mooier effect
nou zoek ik een script die een random kaart uit die kaartenbak kan selecteren
en die in de div vertoond
aan de hand van een radio button wil ik dat men moet kiezen
en dan moet er een javascript code zijn die zegd goed of fout
Daar ga ik me nu in verdiepen
Dus hoe kan ik met php zo'n kaartenbak maken die een random kaart selecteerd en deze vertoont in de div ?
Graag advies
Ik wil gewoon een code de random html pagina's uit een map haalt en in die div plaats lol
ooit had ik eens een code de html pagina's in een andere div opende
maar nu zoek ik een script die ze uit een map op de server halt
Chi Lion op 02/07/2012 08:42:37:
Heb je ze in database staan? rand
Hij vermeldde dat de data in .txt bestanden zijn opgeslagen.
@Hoofdpost
Je kunt er voor kiezen om de glob() functie van php te geburiken,
hier mee krijg je een array terug met bestandsnamen.
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
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
<?php
//Vul files array met alle bestanden die eindigen op .txt
$files = glob('*.txt');
/*
De files array ziet er dan ongeveer zo uit..
array (size=4)
0 => string '1.txt' (length=5)
1 => string '2.txt' (length=5)
2 => string '3.txt' (length=5)
3 => string '4.txt' (length=5)
Dit kan je voor jezelf controleren door de twee regels hieronder
te uncommenten.
*/
//echo '<pre>';
//var_dump($files);
//Nu wil je uiteraard een willekeurig bestand openen.
//Pak een willekeurig getal tussen 1 en het aantal bestanden in de files array
//Het aantal bestanden in de files array moet -1 aangezien de array begint bij 0
$rand = rand(1, count($files)-1);
//In randomFile staat nu een willekeurig item uit de files array.
$randomFile = $files[$rand];
echo $randomFile;
?>
//Vul files array met alle bestanden die eindigen op .txt
$files = glob('*.txt');
/*
De files array ziet er dan ongeveer zo uit..
array (size=4)
0 => string '1.txt' (length=5)
1 => string '2.txt' (length=5)
2 => string '3.txt' (length=5)
3 => string '4.txt' (length=5)
Dit kan je voor jezelf controleren door de twee regels hieronder
te uncommenten.
*/
//echo '<pre>';
//var_dump($files);
//Nu wil je uiteraard een willekeurig bestand openen.
//Pak een willekeurig getal tussen 1 en het aantal bestanden in de files array
//Het aantal bestanden in de files array moet -1 aangezien de array begint bij 0
$rand = rand(1, count($files)-1);
//In randomFile staat nu een willekeurig item uit de files array.
$randomFile = $files[$rand];
echo $randomFile;
?>
EDIT:
Je kan dit willekeurige bestand in je div inladen door gebruik te maken van de include() functie van php.
Gewijzigd op 02/07/2012 09:08:53 door Ykcin Ykcin
Hartelijk dank
Maar ik denk dat ik toch het beste html pagina's kan maken
Hier heb ik opmaak (css)
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
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
<?php
function getRandomFile()
{
$files = glob('*.txt');
$rand = rand(1, count($files)-1);
$randomFile = $files[$rand];
include($randomFile);
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<title>Titel</title>
</head>
<body>
<div id="kaartenbak">
<?php
if(isset($_POST['submit']))
{
getRandomFile();
}
?>
</div>
<form method="POST" name="dobbelstenen">
<input type="submit" value="Gooien" />
</form>
</body>
</html>
function getRandomFile()
{
$files = glob('*.txt');
$rand = rand(1, count($files)-1);
$randomFile = $files[$rand];
include($randomFile);
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<title>Titel</title>
</head>
<body>
<div id="kaartenbak">
<?php
if(isset($_POST['submit']))
{
getRandomFile();
}
?>
</div>
<form method="POST" name="dobbelstenen">
<input type="submit" value="Gooien" />
</form>
</body>
</html>
Hartelijk dank
U help me reuze opweg
Toevoeging op 02/07/2012 10:35:30:
ik neem aan dat dit twee bestanden zijn?
Ik waardeer uw help !!!
Geen probleem man :)
Je zou er aparte bestanden van kunnen maken,
maar in dit geval is het 1 bestand.
Kunt u me dan helpen
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<title>Titel</title>
</head>
<body>
<div id="kaartenbak">
</div>
<form method="POST" name="dobbelstenen">
<input type="submit" value="Gooien" />
</form>
</body>
</html>
moet ik hier binnen dan mijn vragen stellen
Mijn idee is eigenlijk
je hebt drie kleuren
Het moet als het allemaal klaar is een game worden waarin er meerdere vragen zijn
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>World quiz game</title>
<style type="text/css">
#apDiv1 {
position:absolute;
left:139px;
top:81px;
width:850px;
height:850px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:1px;
top:78px;
width:134px;
height:850px;
z-index:2;
}
</style>
<script src="html/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="html/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv3 {
position:absolute;
left:147px;
top:935px;
width:840px;
height:69px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:181px;
top:931px;
width:798px;
height:78px;
z-index:3;
}
#apDiv5 {
position:absolute;
left:991px;
top:83px;
width:161px;
height:850px;
z-index:4;
}
</style>
</head>
<body>
<div align="center"" id="apDiv1"><br />
<img src="images/Blue.jpg" width="80" height="25" alt="Politics" /><br />
Hier word een kaartenbak aan gekoppeld <Politics>
<img src="images/Brown.jpg" width="80" height="25" alt="War" /><br />
Hier word een kaartenbak aan gekoppeld <war>
<img src="images/yellow.jpg" width="80" height="25" alt="Royal" /><br />
Hier word een kaartenbak aan gekoppeld <royal
<img src="images/green.jpg" width="80" height="25" alt="Nature" /><br />
Hier word een kaartenbak aan gekoppeld <nature>
<img src="images/pink.jpg" width="80" height="25" alt="History" /> <br />
Hier word een kaartenbak aan gekoppeld <history>
Hier word een kaartenbak aan gekoppeld
-<br />
-<br />
-<br />
-<br />
</div>
<div id="apDiv2">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" href="#">information</a>
<ul>
<li><a href="#">PDF</a></li>
<li><a href="#">Screen</a></li>
</ul>
</li>
<li><a href="index.html">Quit</a></li>
</ul>
</div>
<div id="apDiv4">
<table width="788" border="1">
<tr>
<th width="125" scope="col"><h1><img src="images/Blue.jpg" width="125" height="27" alt="Politics" /><br />
Politics</h1></th>
<th width="125" scope="col"><h1><img src="images/Brown.jpg" width="125" height="25" alt="War" /><br />
War</h1></th>
<th width="125" scope="col"><h1><img src="images/yellow.jpg" width="125" height="25" alt="Royal" /><br />
Royal</h1></th>
<th width="125" scope="col"><h1><img src="images/green.jpg" width="125" height="25" alt="Nature" /><br />
Nature</h1></th>
<th width="125" scope="col"><h1><img src="images/Orange.jpg" width="125" height="25" alt="Choice" /><br />
Choice</h1></th>
<th width="185" scope="col"><h1><img src="images/pink.jpg" width="125" height="25" alt="History" /><br />
History
<br />
</h1></th>
</tr>
</table>
</div>
<div id="apDiv5"><a href="Zip/highscores_e/HighScores_e.fla">High Score</a></div>
<h1 align="center">World quiz game</h1>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Achteraf moet ik er nog uitkomen hoe het zit met een dobbelsteen en lopen
- Je kunt beter met array_rand() werken als je iets random uit een array wilt halen. Tevens heb je een type fout, je zou vanaf 0 moeten beginnen en niet vanaf 1.
Controleren of een formulier is verzonden hoor je te doen met.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST'){
// Het formulier is verzonden.
}
?>
if($_SERVER['REQUEST_METHOD'] == 'POST'){
// Het formulier is verzonden.
}
?>
- Er horen geen haakjes om include heen.
- Er ontbreekt nogal wat fout afhandeling. Je controleerd bijvoorbeeld nergens of er wel wat is gevonden.
Gewijzigd op 02/07/2012 11:47:47 door - Mark -
Ik denk dat u reageert op Dhr. Nicky?
Hartelijk dank voor uw advies
- Mark - op 02/07/2012 11:47:16:
Een paar opmerkingen.
- Je kunt beter met array_rand() werken als je iets random uit een array wilt halen. Tevens heb je een type fout, je zou vanaf 0 moeten beginnen en niet vanaf 1.
Controleren of een formulier is verzonden hoor je te doen met.
- Er horen geen haakjes om include heen.
- Er ontbreekt nogal wat fout afhandeling. Je controleerd bijvoorbeeld nergens of er wel wat is gevonden.
- Je kunt beter met array_rand() werken als je iets random uit een array wilt halen. Tevens heb je een type fout, je zou vanaf 0 moeten beginnen en niet vanaf 1.
Controleren of een formulier is verzonden hoor je te doen met.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST'){
// Het formulier is verzonden.
}
?>
if($_SERVER['REQUEST_METHOD'] == 'POST'){
// Het formulier is verzonden.
}
?>
- Er horen geen haakjes om include heen.
- Er ontbreekt nogal wat fout afhandeling. Je controleerd bijvoorbeeld nergens of er wel wat is gevonden.
Sorry mijn fout, ik had even snel een reactie geplaatst tijdens stage.
Ik ben er van op de hoogte dat arrays bij 0 beginnen, verder wist ik niet af van de array_rand() functie omdat ik dit in zeer zeldzame gevallen zelf zou gebruiken.
Ik heb me sinds een week een beetje verdiept in hoe frameworks opgebouwd zijn en zij gebruiken inderdaad de zelfde manier als jij doet om te kijken of er gepost is.
Ik ben een eerste jaars student applicatie ontwikkelaar en mijn PHP leraar heeft het me zo aangeleerd, wel vreemd.
wat include betreft kan je het op meerdere manieren schrijven:
Code (php)
1
2
3
4
2
3
4
include "filename";
include 'filename';
include('filename');
//etc..
include 'filename';
include('filename');
//etc..
Er is geen verschil tussen include "" en include("")
aangezien include een keyword is voor de functie include()
Hierbij hartelijk dank !!!
Ik denk dat iets simpelers ga zoeken
Een <body> Waar 1 Div geopend wordt er men kan kiezen uit zes knoppen
die zes knoppen zijn verschillende mappen
Waat ik met behulp van php een random script wil halen
ik ga nu gelijk beginnen met een voorbeeld
Meer tekst op dit topic volgt
Toevoeging op 03/07/2012 05:49:08:
Geachte Hr. Nicky
Hier komt een nieuw script
ik hoop dat u me kunt helpen
De buttons wil ik geopend hebben in <div id="apDiv2">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv1 {
position:absolute;
left:6px;
top:23px;
width:153px;
height:683px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:165px;
top:391px;
width:667px;
height:315px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:838px;
top:15px;
width:153px;
height:691px;
z-index:3;
}
body {
background-color: #006;
}
a:link {
color: #F60;
}
a:visited {
color: #F00;
}
a:hover {
color: #0F0;
}
a:active {
color: #FF0;
}
#apDiv4 {
position:absolute;
left:159px;
top:9px;
width:676px;
height:208px;
z-index:4;
}
body,td,th {
color: #CCC;
}
</style>
</head>
<body>
<div id="apDiv1">information</div>
<div id="apDiv2"><img src="images/Cards.gif" width="667" height="315" alt="Cards world quiz game" /></div>
<div id="apDiv3">
<h3 align="center">Select a Question </h3>
<ul>
<li><a href="Questions/Question 1/Question 1.html">Button 1</a><br />
<a href="Questions/Question 2/question 2.html">Button 2</a><br />
<a href="Questions/Question 3/Question 3.html">Button 3</a><br />
<a href="Questions/Question 4/Question 4.html">Button 4</a><br />
<a href="Questions/Question 5/Question 5.html">Button 5</a><br />
<a href="Questions/Question 6/Question 6.html">Button 6 </a></li>
</ul>
</div>
<div id="apDiv4"><img src="images/Logo world quiz game.gif" alt="Logo world quiz game" width="676" height="208" align="right" longdesc="http://www,wonderful-story.com" /></div>
</body>
</html>
Zoals u ziet gaan de buttons naar de map question 1,2,3,4,5,6
Daar wil ik een random question uithalen
Graag advies
Dank u voor de tijd en moeite die u neemt voor het uitleggen van de scripts