Script in layout.

putsiej za nov 15, 2008 12:45 pm

De functie include()
Ik deze tutorial leer ik je dus hoe je een bestaand script moet implementeren in je huidige layout. Het klinkt misschien wat moeilijk maar het is echt niet zo moeilijk als je denkt.

Je hebt hier wel kennis van HTML voor nodig uiteraard en je moet de basis van PHP beheren. We gebruiken de functie include bij deze tutorial. De functie include zorgt ervoor dat je bestanden in het script kunt zetten met slechts 1 regel, include.

voorbeeld

Je hebt een bestand genaamd top.php. Hierin heb je de bovenkant van je HTML staan. Om deze nou in een ander bestand te zetten hoef je niet de code te copieëren en te plakken, maar kun je include() gebruiken:

Code:: <? include("top.php"); ?>

We gaan nu dus een script implementeren in jouw huidige layout. Lees de volgende stap!

Implementatie van een script
Je hebt een super mooi script. Op PHPhulp zijn deze scripts meestal zonder <html> tags gepost. Dit maakt het mogelijk om het script zo makkelijk mogelijk in de site te implementeren!

Dit script wil je in je layout zetten

Code:: <? // maak een database connectie if (!@mysql_select_db("database_naam", @mysql_connect("localhost", "mysql-user", "mysql-pass"))) { echo "Er kan geen verbinding worden gemaakt met de database"; exit(); } // voer query uit $sql = "SELECT id,title FROM tabel_naam ORDER BY title"; $res = mysql_query($sql); // kijk of er wel rijen in de tabel zitten if (mysql_num_rows($res) >= 1) { // loop door de resultaten heen while ($row = mysql_fetch_array($res)) { // weer geef de data echo "<a href=\"nieuws.php?id=$row[id]\" title=\"$row[title]\">$row[title]\"><br />"; } } // geef een melding dat er geen resultaten zijn else { echo "Er is niets in de tabel aangetroffen"; } ?>

Dit is de HTML layout van je website
<HTML>
<HEAD>
<TITLE>Welkom!</TITLE>
</HEAD>
<BODY>

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR><TD>

Hey! Dit is de content van mijn website! Welkom!

</TD>
</TR>
</TABLE>
</BODY>
</HTML>

De implementatie methode

Je wilt nu natuurlijk het script op de plek van 'Hey! Dit is de content van mijn website! Welkom!' hebben. Je kunt ten eerste het script copy/pasten. Maar er is dus een betere methode! Dit doe je met include(). Ik gebruik het zelf ook altijd! Het is namelijk ook makkelijk wanneer je iemand bent die zijn/haar layout vaak wilt wijzigen. Dit hoef je dan maar te doen in twee bestanden.

Eerst maken we het bestand top.php:

top.php
<HTML>
<HEAD>
<TITLE>Welkom!</TITLE>
</HEAD>
<BODY>

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
<TR><TD>

Vervolgens maken we het bestand bottom.php:
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

We slaan deze bestanden op in dezelfde directory waar je script ook staat. Je ziet dat hier nu gewoon HTML in staat. Je weet de basis van PHP dus je weet ook dat in een .php bestand ook gewoon HTML mag staan als het niet tussen de starttag

Code:: <? en ?>

sluit tag staat.

Nu pakken we het script er weer bij (dit script WERKT NIET en is bedoeld als voorbeeld!!!) Je hebt nu dus twee bestanden, top.php en bottom.php. Deze bestanden vormen samen jou hele layout. Maakt niet uit wat voor layout je hebt, je kunt het ALTIJD opsplitsen in twee of meerdere delen, zo veel je maar wilt. Je hebt namelijk altijd een vak/gedeelte waar je content in staat.

Het script (wat dus als voorbeeld is bedoeld en niet werkt) ziet er als volgt uit MET de include functie.

De include("top.php"); zorgt ervoor dat de bovenste layout, (de HMTL code in top.php) in het script wordt gezet.
De include("bottom.php"); zorgt ervoor dat de onderste layout, (de HTML code in bottom.php) in het script wordt gezet.
Wat je nu dus krijgt is dat het script in de opmaak van jou pagina zit!!!! De font size, color etc. moet je waarschijnlijk nog wel aanpassen, tenzij je handige externe stylesheets gebruikt: www.w3schools.com.

Hier het script dus:

Code:: <? //------------------ HIER GAAT HET OM!!! ---------------------// // pak de bovenste HTML codes: include("top.php"); //------------------ =================== ---------------------// // maak een database connectie if (!@mysql_select_db("database_naam", @mysql_connect("localhost", "mysql-user", "mysql-pass"))) { echo "Er kan geen verbinding worden gemaakt met de database"; exit(); } // voer query uit $sql = "SELECT id,title FROM tabel_naam ORDER BY title"; $res = mysql_query($sql); // kijk of er wel rijen in de tabel zitten if (mysql_num_rows($res) >= 1) { // loop door de resultaten heen while ($row = mysql_fetch_array($res)) { // weer geef de data echo "<a href=\"nieuws.php?id=$row[id]\" title=\"$row[title]\">$row[title]\"><br />"; } } // geef een melding dat er geen resultaten zijn else { echo "Er is niets in de tabel aangetroffen"; } //------------------ HIER GAAT HET OM!!! ---------------------// // pak de onderste HTML codes include("bottom.php"); //------------------ =================== ---------------------// ?>