Kaartenbakken

Door kevin plum op 02-07-2012 03:37

3.245 views

Beste mensen:

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

John Cena

02-07-2012 08:42

Heb je ze in database staan? [php]rand[/php]

kevin plum

02-07-2012 09:01

Beste

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

Ykcin Ykcin

02-07-2012 09:07 gewijzigd op 02-07-2012 09:08

Chi Lion op 02/07/2012 08:42:37

Heb je ze in database staan? [php]rand[/php]

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.


<?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;
?>

EDIT:
Je kan dit willekeurige bestand in je div inladen door gebruik te maken van de include() functie van php.

kevin plum

02-07-2012 09:10

Beste

Hartelijk dank
Maar ik denk dat ik toch het beste html pagina's kan maken
Hier heb ik opmaak (css)

Ykcin Ykcin

02-07-2012 09:27

Je kan ook gebruik maken van een html pagina met css opmaak


<?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>

kevin plum

02-07-2012 10:29

Beste Nicky

Hartelijk dank

U help me reuze opweg

[size=xsmall]Toevoeging op 02/07/2012 10:35:30:[/size]

ik neem aan dat dit twee bestanden zijn?

Ik waardeer uw help !!!

Ykcin Ykcin

02-07-2012 11:35

Beste Kevin,

Geen probleem man :)

Je zou er aparte bestanden van kunnen maken,
maar in dit geval is het 1 bestand.

kevin plum

02-07-2012 11:41

Beste

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">
<?php
if(isset($_POST['submit']))
{
getRandomFile();
}
?>
</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

- Mark -

02-07-2012 11:47 gewijzigd op 02-07-2012 11:47

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.


<?php

	$random_file = $files[array_rand($files)];

?>

Controleren of een formulier is verzonden hoor je te doen met.


<?php

	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.

kevin plum

02-07-2012 11:56

Beste Hr Mark

Ik denk dat u reageert op Dhr. Nicky?

Hartelijk dank voor uw advies

Reageren

Inloggen om te reageren