Kaartenbak creeeren

uaejeroen · 2 jul 2012

hiermee doel ik op een spel

laten we zeggen:

ik heb 3 mappen gemaakt

Dieren/landen/Royal/

ik noem maar wat

elk van die mappen wil ik koppelen aan een image

zeg maar groen is dieren/landen blauw royal rood

Dan denk ik dat ik een php script moet hebben die uit die mappen een random kaart haalt

.txt bestanden of jpg bestanden, kaarten gemaak in photoshop.
en deze dan op een gewenste pasitie plaatsen

http://www.wonderful-story.com/World Quiz Game/game.php

Hier ziet u een voorbeeld

ik ben nog volop bezig dus hij kan af en toe offline zijn

Graag advies

uaejeroen · 2 jul 2012

Zoiets bedoel ik

HTML:

<!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;
}
</style>
</head>

<body>
<div align="center"" id="apDiv1">
[B]<img src="images/Blue.jpg" width="80" height="25" alt="Politics" /><br />[/B]
[B]Hier koppel ik een php kaarten bak script aan 
Die haalt random questions uit de kaartenbak[/B]
<img src="images/Brown.jpg" width="80" height="25" alt="War" /><br />
[B]Hier koppel ik een php kaarten bak script aan 
Die haalt random questions uit de kaartenbak[/B]
<img src="images/Geel.jpg" width="80" height="25" alt="Royal" /><br />
[B]Hier koppel ik een php kaarten bak script aan 
Die haalt random questions uit de kaartenbak[/B]
<img src="images/Groen.jpg" width="80" height="25" alt="Nature" /><br />
[B]Hier koppel ik een php kaarten bak script aan 
Die haalt random questions uit de kaartenbak[/B]
<img src="images/Orange.jpg" width="80" height="25" alt="Choice" /><br />
[B]Hier koppel ik een php kaarten bak script aan 
Die haalt random questions uit de kaartenbak[/B] bak Choice
<img src="images/Roze.jpg" width="80" height="25" alt="History" /> </div> en bak History
<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/Geel.jpg" width="125" height="25" alt="Royal" /><br />
        Royal</h1></th>
      <th width="125" scope="col"><h1><img src="images/Groen.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/Roze.jpg" width="125" height="25" alt="History" /><br />
        History
        <br />
      </h1></th>
    </tr>
  </table>
</div>
<h1  align="center">World quiz game</h1>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp; </p>
<p>&nbsp; </p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
  </script>
</body>
</html>

Ik heb geprobeert het hiermee wat te verduidelijke wat ik voor beeld heb

Misschien heeft iemand een betere oplossing want het gebruik van image maakt het bestand overdreven groot

uaejeroen · 2 jul 2012

Update

PHP:

<!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;
}
#apDiv6 {
	position:absolute;
	left:529px;
	top:373px;
	width:3px;
	height:6px;
	z-index:5;
}
#apDiv7 {
	position:absolute;
	left:324px;
	top:1034px;
	width:516px;
	height:298px;
	z-index:5;
}
</style>
</head>

<body>
<div align="center"" id="apDiv1"><br />
<img src="images/Blue.jpg" width="80" height="25" alt="Politics" /><br />
<img src="images/Brown.jpg" width="80" height="25" alt="War" /><br />
<img src="images/yellow.jpg" width="80" height="25" alt="Royal" /><br />
<img src="images/green.jpg" width="80" height="25" alt="Nature" /><br />
<img src="images/Orange.jpg" width="80" height="25" alt="Choice" /><br />
<img src="images/pink.jpg" width="80" height="25" alt="History" /> <br />
-<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>
<?php
    function getRandomFile()
    {
        $files = glob('*.txt');
        $rand = rand(1, count($files)-1);
        $randomFile = $files[$rand];
        include($randomFile);
    }
?>
<div id="box"><img src="images/Cards.gif" width="516" height="298" alt="World quiz game cards"></div>
<h1  align="center">World quiz game</h1>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp; </p>
<p>&nbsp; </p>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
  </script>
</body>
</html>

HTML:

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <title>Titel</title>
</head>

<body>
    <div id="box">
        <?php
            if(isset($_POST['submit']))
            {
                getRandomFile();
            }
        ?>
    </div>
    
    <form method="POST" name="dobbelstenen">
            <input type="submit" value="Gooien" />
    </form>
</body>
</html>

moet ik nu in de html pagina de vragen stellen?

Graag advies

klimmer · 2 jul 2012

Wat wil je nou precies?
Een script dat random 3 kaarten uit 3 mappen haalt?

Het makkelijkste is gewoon op de kaarten de volgende namen te geven:
1.jpg
2.jpg
....
Dan hoef je alleen maar een random nummer te genereren met php (http://php.net/manual/en/function.rand.php)
Daarmee kan je gelijk een img path maken.

uaejeroen · 2 jul 2012

Beste

Als het klaar is wil ik een game hebben

triviant u kent het wel

u gooit, loopt komt op een kleur krijgt een kaart uit de bak met die category vraag

Dus geel is verbonden aan kaartenbak Country's bijvoorbeeld

Kaartenbak creeeren

uaejeroen

Terugkerende gebruiker

uaejeroen

Terugkerende gebruiker

uaejeroen

Terugkerende gebruiker

klimmer

Gebruiker

uaejeroen

Terugkerende gebruiker

Nieuwste berichten

Wij waarderen jouw privacy