Well, now I stumbled upon another problem:


So yeah, I need to make a search function which will return multiple rows (data result from mysql query) in the red box displayed.
Red box id is #results
Here is what I have made so far, using previous sample scripts: (not sure if it works, my php knowledge is limited). I intend to read lots of tutorials once im done with the exam, dont got time for that now. 
api.php (sorry its mostly norwegian
)
PHP Code:
<?php
$tableName = "battlestation";
//--------------------------------------------------------------------------
// 1) Connect to mysql database
//--------------------------------------------------------------------------
include 'db.php';
$con = mysql_connect($host,$user,$pass);
$dbs = mysql_select_db($databaseName, $con);
//--------------------------------------------------------------------------
// 1.5) Fetch SHIT
//--------------------------------------------------------------------------
// Starten av SQL querien, vil bli bygd videre etter hva brukeren søker på
$temp = "select a.utgave, a.serie_id, b.forfatter_navn FROM nith.tegneserie a, nith.forfatter b where a.forfatter_id = b.forfatter_id ";
// standard verdier som blir oppdatert hvis brukeren oppgir spesifikasjon i søkefeltet.
$tittel = "";
$forfatter = "";
$utgave = 0;
// henter tittel/serie navn
if (isset($_POST['comics_tittel'])) {
$tittel = mysql_real_escape_string(htmlentities($_POST['comics_tittel']));
}
// Hvis tittel er fylt ut, søk etter tittel i databasen
if (strlen($tittel) > 1) {
$temp = $temp + "AND a.utgave ='$tittel' ";
}
// Henter forfatternavn
if (isset($_POST['comics_forfatter'])) {
$forfatter = mysql_real_escape_string(htmlentities($_POST['comics_forfatter']));
}
// Hvis forfatter er fylt ut, søk etter forfatter i databasen
if (strlen($forfatter) > 1) {
$temp = $temp + "AND b.forfatter_navn ='$forfatter' ";
}
// Henter utgave nummer
if (isset($_POST['comics_utgave'])) {
$utgave = mysql_real_escape_string(htmlentities($_POST['comics_utgave']));
}
if ($utgave >= 1) {
$temp = $temp + "AND a.serie_id ='$utgave' ";
}
$temp = $temp + "order by a.utgave";
//--------------------------------------------------------------------------
// 2) Query database for data
//--------------------------------------------------------------------------
$result = mysql_query($temp); //query
$array = array();
$row = mysql_fetch_row($result);
while($row) {
$array[] = $row;
$row = mysql_fetch_row($result);
}
//--------------------------------------------------------------------------
// 3) echo result as json
//--------------------------------------------------------------------------
echo json_encode($array);
?>
I am not sure how I shall make the ajax/javascript communicator between the php script and html code.
the html code:
HTML Code:
<!-- Her starter den oransje COMICS seksjonen -->
<div id="comics">
<div id="container">
<div id="comics_h1"><img src="bilder/comics.png" alt="overskriften comics"></div>
<div id="pil_1"><img src="bilder/pil.png" alt="pil 1"></div>
<div id="pil_2"><img src="bilder/pil.png" alt="pil 2"></div>
<div id="pil_3"><img src="bilder/pil.png" alt="pil 3"></div>
<div id="pil_4"><img src="bilder/pil.png" alt="pil 4"></div>
<div id="sokepil1"><img src="bilder/sokepil.png" alt="grafisk element"></div>
<div id="sokepil2"><img src="bilder/sokepil.png" alt="grafisk element"></div>
<div id="sokepil3"><img src="bilder/sokepil.png" alt="grafisk element"></div>
<div id="comic_text">LETER DU ETTER EN TEGNESERIE? <br>BRUK SØKEFUNKSJONEN UNDER!</div>
<!-- Her er de tre formene -->
<div id="comics_form">
<form method="post" action="??????">
<label></label>
<input id="comics_tittel" name="tittel" placeholder="Tittel:">
<label></label>
<input id="comics_forfatter" name="forfatter" placeholder="Forfatter:">
<label></label>
<input id="comics_utgave" name="utgave" placeholder="Utgave:">
<input id="comic_submit" name="comic_submit" type="submit" value="submit">
</form>
</div>
<div id="resultat"></div>
</div>
<!-- Her slutter de tre formene -->
</div>
</div>
<!-- Her slutter den oransje COMICS seksjonen -->