Widzisz,
Ogólnie są to podstawy podstaw, natomiast postaram się Ciebie nakierować.
Masz 4 elementy tworzenia stron (uprościmy)
1) PHP - wiesz c-o to jest, fragmenty pomiędzy <?php a ?>
2) HTML - kod, który wynikowo widać na stronie; nie wypluwaj go za pomocą zmiennej echo, bo będzie Ci bardzo ciężko cokolwiek edytować - patrz mój poprzedni post
3) CSS - style, które aktualnie masz inline
4)
Javascript, a dokładniej
jQueryZajmiemy się chwilowo tym ostatnim:
http://ferrante.pl/frontend/javascript/jquery-to-latwe-1/ - króciutki kurs z podstawami
http://e-tutorials.pl/66/javascript-podstawy/ - zwróć uwagę, w czym jest umieszczony kod javascript (pierwszy przykład na podanej stronie).
Aby kod javascript się wykonał należy umieścić go w HTML w odpowiednich tagach.
To naprawdę nie są trudne rzeczy

Jak nauczyłeś się PHP to jQuery (JavaScript) również dasz radę

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript"> $.post('ajax/test.html', function(data) {
alert(data);
});
Skupmy się tylko na tym nieco zmodyfikowanym kodzie, w sensie na razie umieść tylko to w swoim kodzie HTML
Mam nadzieję, że masz plik
ajax/test.html?
@edit
Wiem, o czym zapomniałam, dodana pierwsza linijka kodu.