Bild nachladen

[nico]

Einen wunderschönen guten Morgen,

ich hätte da so ein Anliegen. Vorneweg ich habe absolut keinen blassen Schimmer von der Materie Ajax/Javascript, da ich mich mehr mit HTML und PHP beschäftige. Daher weiß ich auch nun nicht ob ich im richtigem Forum gelandet bin.

Aber nun zu meinem kleinen Problem:

Ich habe ein Formular welches mit PHP die Bilder hochlädt, klein aber fein.
Dennoch sollen die Bilder neben her angezeigt werden im Reload nach ändern des Links in der Datenbank
Es sollte natürlich nicht gleich die ganze Seite neuladen, sondern wie beschrieben nur die Bilder. Ich habe da zwar wie gesagt schon ein paar gefunden nur ist mir bis dahin auch noch nicht klar ob ich für jeden img tag eine neues script haben muss oder ob man da nicht irgendwie in kombination zu php arbeiten kann. Da die Links direkt aus der Datenbank abgefragt werden.

<form action="<? $_SERVER['PHP_SELF'] ?>" method="post" enctype="multipart/form-data">  
<table border=0 cellspacing=0 cellpadding=0 widht=765 nof=LY>  
<tr valign=top align=left>  
	<td>Box Header:&nbsp;</td>  
	<td><input type="file" size="20" name="hbu" />&nbsp;</td>  
	<td>Derzeit:&nbsp;<img id="meinbild" src="../<? echo("$header_boxes")?>" width="100" height="16">&nbsp;</td>  
    <td><input type="submit" name="hb" value="Ändern" /></td>  
</tr>  
<tr valign=top align=left>  
	<td>Box Hintergrund:&nbsp;</td>  
	<td><input type="file" size="20" name="bgbu" />&nbsp;</td>  
	<td>Derzeit:&nbsp;<img id="bild" src="../<? echo("$bg_boxes")?>" width="100" height="16">&nbsp;</td>  
    <td><input type="submit" name="bgb" value="Ändern" /></td>  
</tr>  
<tr valign=top align=left>  
	<td>Nav-Button:&nbsp;</td>  
	<td><input type="file" size="20" name="nbu" />&nbsp;</td>  
	<td>Derzeit:&nbsp;<img id="Bild" src="../<? echo("$nav_butt")?>" width="100" height="16">&nbsp;</td>  
    <td><input type="submit" name="nb" value="Ändern" /></td>  
</tr>  
<tr valign=top align=left>  
	<td>Nav-Button klein:&nbsp;</td>  
	<td><input type="file" size="20" name="nb2u" />&nbsp;</td>  
	<td>Derzeit:&nbsp;<img id="bild" src="../<? echo("$nav_butt2")?>" width="100" height="16">&nbsp;</td>  
    <td><input type="submit" name="nb2" value="Ändern" /></td>  
</tr>  
<tr valign=top align=left>  
	<td>Header:&nbsp;</td>  
	<td><input type="file" size="20" name="hu" />&nbsp;</td>  
	<td>Derzeit:&nbsp;<img id="bild" src="../<? echo("$header")?>" width="100" height="16">&nbsp;</td>  
    <td><input type="submit" name="h" value="Ändern" /></td>  
</tr>  
</table>  
</form>

  
<?  
if(isset($_POST['hb']))  
{  
    if (!empty($_FILES['hbu']))  
        {  
        move_uploaded_file($_FILES['hbu']['tmp_name'],  
        './uploaded/'.$_FILES['hbu']['name']);  
        $abfrage= "UPDATE $admintable SET header_boxes='./admin/uploaded/".$_FILES['hbu']['name']."'";  
        mysql_query($abfrage) or die (mysql_error());  
        echo "Header-box erfolgreich hochgeladen";  
        }  
        else  
        {  
        echo "Die Header-Box konnte leider nicht gespeichert werden";  
        }

Da ich schon ne ganze weile am googlen bin und irgendwie nicht das passende gefunden habe, was wohl auch eine reine verständnis Frage bei völliger unwissenheit ist. Bitte ich hier um so ein paar kleine Gedanken anstöße
Also um das mal auf den Punkt zu bringen:

• Bei Seitenaufbau werden die Bilder geladen
• Man möchte ein neues Bild hochladen
• unmittelbar nach dem hochladen sollte sich das Bild aktualisieren zu dem neu hochgeladenen, mit dem neuen Link aus der DB.

Wie bekomm ich das zustande?

Vielen Dank schonmal für die Hilfe und Gedanken anstöße man ist ja lern fähig^^

Nico