První věc, kterou musíme udělat, je navrhnout strukturu tabulky a vytvořit ji..
CREATE TABLE `guestbook` (
`id` int(11) NOT NULL auto_increment,
`datum` varchar(25) NOT NULL default '',
`jmeno` varchar(30) NOT NULL default '',
`email` varchar(30) NOT NULL default '',
`vzkaz` text NOT NULL,
`ip` varchar(15) NOT NULL default '',
`host` varchar(50) NOT NULL default '',
`os` varchar(50) NOT NULL default '',
PRIMARY KEY (`id`)
)Myslím, že jednotlivé kolonky není třeba popisovat, je jasně vidět, k čemu jsou určené.
Když máme vytvořeno, můžeme se pustit rovnou k samotnému kódu knihy (soubor kniha.php). V první řadě zajístíme javascriptové vkládání smajlíků a alerty při vložení prázdných údajů:
<script type="text/javascript">
var novy_vzkaz = document.getElementById('novy_vzkaz');
function smajlici(smajlik) {
text2 = smajlik+" ";
text1 = document.getElementById('novy_vzkaz').vzkaz.value
text2 = text1+" "+smajlik+" ";
document.getElementById('novy_vzkaz').vzkaz.focus();
document.getElementById('novy_vzkaz').vzkaz.value = text2;
}
function kontrola(novy_vzkaz) {
jmeno = novy_vzkaz.jmeno.value;
jmeno1 = novy_vzkaz.jmeno;
vzkaz = novy_vzkaz.vzkaz.value;
vzkaz1 = novy_vzkaz.vzkaz;
if (jmeno == "") {
alert("Musíte vyplnit Vaše jméno!");
jmeno1.focus();
return false;
}
if (vzkaz == "") {
alert("Nenapsali jste žádný vzkaz!");
vzkaz1.focus();
return false;
}
else
return true;
}
Pak už je na řadě odesílací formulář:
<form id="novy_vzkaz" action="kniha.php" method="post" onsubmit="return kontrola(this)">
<fieldset>
<div id="smajlici">
Zobrazíme smajlíky - $smail_max určuje jejich počet, pojmenované jsou čísly.
1 <?
2 $smail_max = 16;
3 while ( $smail_pocet <> $smail_max ) {
4 $smail_pocet = $smail_pocet + 1;
5 print "<img src=\"images/smajly/$smail_pocet.gif\" onclick=\"smajlici('*$smail_pocet*')\" alt=\"smajl\" />\n";
6 }
7 ?>
.. a zbytek formuláře.
</div>
<input type="text" name="jmeno" id="jmeno" size="20" /><label for='jmeno'> Jméno</label>
<br /><input type="text" name="email" size="20" id="email" /><label for='email'> E-mail / URL</label>
<br /><textarea rows="5" cols="30" name="vzkaz"></textarea>
<input type="hidden" name="akce" value="pridat" /><br />
<input type="submit" value="Přidej vzkaz" />
</fieldset>
</form>Do kolonky "email" může návštěvník vložit dle svého uvážení buď nic, nebo email, nebo adresu svého webu.
A to je prozatím vše ;).