Hallo allemaal,
ik ben echt helemaal nieuw met coderen en misschien stel ik een hele stomme vraag, maar ik kan er niet opkomen.

Ik heb een template gemaakt met Photoshop, gesliced en naar XHTML geëxporteerd. In Dreamweaver de html omgezet van tabellen naar divs.
Ik ben er nu ook achter hoe ik op de plaatjes tekst kan zetten, zonder dat het plaatje verdwijnt.

Maar nu zit ik met het volgende.
Ik ben bezig met een vissendatabase.
Ik heb een formulier gemaakt waardoor ik de visgegevens in een MySQL-database kan zetten. Deze werkt goed :)
En nu heb ik een treemenu waar ik de soorten in ga doen.
Dus je klikt op een soort en die soort verschijnt in een "foto-plaats", zoals div id=3, maar ook in div id=4 komen de gegevens van die vis. Deze gegevens moeten dus komen uit m'n database.
Hoe krijg ik dit voor elkaar?
Ik hoef toch niet voor alle vissen een aparte pagina te maken? :s

Misschien een hele stomme vraag, maar ik hoop dat iemand me uit de brand kan helpen.
Alvast superbedankt,
Danny
Hmm ik bedenk me net...
moet ik in die div misschien een include maken?
En in die pagina die ik include een php script maken met POST en dan de menukeuze?
Je probeert dus een menu te maken, waarin mensen hun "soort" vis kunnen selecteren en daarna nog een keuze kunnen maken oid?

Probeer eens te kijken naar HTTP_GET_VARS.

en zet je links in elkaar als: www.mijnwebsite.nl/vissen.php?soort=vis1&type=visje

Maak dan de vissen.php aan en laat die via HTTP_GET_VARS controleren wat er gekozen is en laad hiervoor specifieke data in.

HTTP_GET_VARS? +kijkt op klok+ Mijn PC zegt dat 't 2008 is hoor!


@ Danny: één pagina voldoet, maar ik heb geen idee hoe ik je kan helpen met dreamweaver :S
Laat anders eens de code zien van die soorten.
Hahaha weet je zeker dat je die code wilt zien? Die layout heb ik snel inmekaar gezet om te kijken hoe ik het moest slicen en coderen. Dus daar moet je niet op letten hoor :P

In me database heb ik een tabel die "gegevens" heet.
Daar staan de velden: naam, grootte, bakmaat, gedrag, enz. in.
In het formulier vul ik die gegevens in en worden ze in die tabel gezet.
Hartstikke leuk enzo, maar dan het menu.

menu.inc.php
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<div align="center">
<center>
<table class="font" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
	  
	  <?php
//$standaard = 0;       // Welk menu moet standaard open staan?
//$menu      = array(); // Array starten

//Menu 0
$menu[0][]		    = "Aulonocara";
$menu[0]['Baenshi'] = "index.php?p=home";
$menu[0]['Maleri']  = "index.php?p=archief";
$menu[0]['blah']    = "index.php?p=test";
$menu[0]['hushsuh'] = "index.php?p=lalala";

//Menu 1
$menu[1][]          = "Buccochromis";
$menu[1]['soort1']    = "index.php?p=home";
$menu[1]['soort2'] = "index.php?p=archief";
$menu[1]['soort3']    = "index.php?p=test";
$menu[1]['soort4']  = "index.php?p=lalala";

//Menu 2
$menu[2][]          = "Champsochromis";
$menu[2]['soort5']    = "index.php?p=home";
$menu[2]['soort6f'] = "index.php?p=archief";
$menu[2]['soort7']    = "index.php?p=test";
$menu[2]['soort8']  = "index.php?p=lalala";

//Menu 3
$menu[3][]          = "Dimidochromis";
$menu[3]['soort9']    = "index.php?p=home";
$menu[3]['soort10'] = "index.php?p=archief";
$menu[3]['soort11']    = "index.php?p=test";
$menu[3]['soort12']  = "index.php?p=lalala";




//if (!isset($_GET['menuid'])) // Als menuid niet gezet is => standaard openen
//{
// 	$_GET['menuid'] = $standaard;
//}

for ($i=0; $i<count($menu); $i++)
{
	if ($i == $_GET['menuid']) // Links tonen + menu ZONDER link
    {
    	echo "<b>".$menu[$i][0]."</b><br>";

    	array_shift($menu[$i]); // Schuif een element van het begin van de array af

	    foreach($menu[$i] as $key => $value) // Key en waarde
	    {
	        echo "<a href=\"".$value."\">".$key."</a><br>";
	    }
    }
    else // Geen links tonen + menu MET link
    {
     	echo "<b><a href=\"?menuid=".$i."\">".$menu[$i][0]."</a></b><br>";
    }

    echo "<br>";
}
?></td>
    </tr>
  </table>
  </center>
</div>




Bij de volgende niet letten hoe het er opstaat.
Dreamweaver zet alles achter elkaar bij het omzetten naar divs :(
Maar het stukkie waar ik mee bezig was staat wel onder elkaar...

index.php
<html>
<head>
<title>Malawi Cichliden Database</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- End ImageReady Slices -->

<div id="Layer1" style="position: absolute; left: 0px; top: 0px; width: 800px; height: 125px; z-index: 1"><img src="images/header.jpg" width="800" height="125" alt="">
</div>

<div id="Layer2" style="position: absolute; left: 0px; top: 125px; width: 800px; height: 43px; z-index: 2"><img src="images/vissen_02.jpg" width="800" height="43" alt=""></div>

<div id="Layer3" style="position: absolute; left: 0px; top: 168px; width: 17px; height: 432px; z-index: 3; vertical-align: middle"><img src="images/vissen_03.jpg" width="17" height="432" alt=""></div>


<div id="Layer4" style="background-image: url('images/menu.jpg'); position: absolute; left: 17px; top: 168px; width: 199px; height: 236px; z-index: 4; vertical-align: middle"><font color="#ffffff">

 <?
//	includen van alle logos en keurmerken
include ("menu.inc.php");

?>


</div>

<div id="Layer5" style="position: absolute; left: 216px; top: 168px; width: 27px; height: 254px; z-index: 5; vertical-align: middle"><img src="images/vissen_05.jpg" width="27" height="254" alt=""></div>
<div id="Layer6" style="position: absolute; left: 243px; top: 168px; width: 203px; height: 207px; z-index: 6"><img src="images/foto.jpg" width="203" height="207" alt=""></div>
<div id="Layer7" style="position: absolute; left: 446px; top: 168px; width: 53px; height: 254px; z-index: 7; vertical-align: middle"><img src="images/vissen_07.jpg" width="53" height="254" alt=""></div>

<div class="pasport" id="Layer8" style="background-image: url('images/papspoort.jpg');
 position: absolute; left: 499px; top: 168px; width: 272px; height: 387px; z-index: 8; vertical-align: middle">
 onze zoveelste test
 </div>

<div id="Layer9" style="position: absolute; left: 771px; top: 168px; width: 29px; height: 432px; z-index: 9; vertical-align: middle"><img src="images/vissen_09.jpg" width="29" height="432" alt=""></div>
<div id="Layer10" style="position: absolute; left: 243px; top: 375px; width: 203px; height: 47px; z-index: 10; vertical-align: middle"><img src="images/vissen_10.jpg" width="203" height="47" alt=""></div>
<div id="Layer11" style="position: absolute; left: 17px; top: 404px; width: 199px; height: 18px; z-index: 11"><img src="images/vissen_11.jpg" width="199" height="18" alt=""></div>
<div id="Layer12" style="position: absolute; left: 17px; top: 422px; width: 22px; height: 178px; z-index: 12; vertical-align: middle"><img src="images/vissen_12.jpg" width="22" height="178" alt=""></div>
<div id="Layer13" style="position: absolute; left: 39px; top: 422px; width: 415px; height: 133px; z-index: 13"><img src="images/omschrijving.jpg" width="415" height="133" alt=""></div>
<div id="Layer14" style="position: absolute; left: 454px; top: 422px; width: 45px; height: 178px; z-index: 14; vertical-align: middle"><img src="images/vissen_14.jpg" width="45" height="178" alt=""></div>
<div id="Layer15" style="position: absolute; left: 39px; top: 555px; width: 415px; height: 45px; z-index: 15"><img src="images/vissen_15.jpg" width="415" height="45" alt=""></div>
<div id="Layer16" style="position: absolute; left: 499px; top: 555px; width: 272px; height: 45px; z-index: 16"><img src="images/vissen_16.jpg" width="272" height="45" alt=""></div>
<div id="Layer17" style="position: absolute; left: 0px; top: 0px; width: 1px; height: 601px; z-index: 17"><!-- ImageReady Slices (Untitled-1) --></div>

</body>
</html>



Ik hoop dat het een beetje duidelijk is.

Reageren