refresh solo determinata area

[dimoshake]

Ho un codice php per il login.
Per loggarsi bisogna cliccare su login e comparirà una finestra con javascript (con effetto fade)
Il codice php prevede di ricaricare la pagina per poter accedere, ma una volta ricaricata la pagina la finestra di login scompare e "si blocca" dato che ricaricando la pagina la finestrella torna nascosta. Insomma vorrei ricaricare solo il contenuto del <div class="login"> e non di tutta la pagina. Ho pensato ad un iframe ma mi sembra troppo "brutto" come metodo. Ho visto che bisogna usare ajax o dom... Devo per forza imparare questi linguaggi o ce un altro codice?

Codice per login:

[...]
<script type="text/javascript">
function loginout() {
    $(".login").fadeOut("slow");
}
function loginin() {
    $(".login").fadeIn("slow");
}
</script> 
[...]
<div class="login">
        
        <?php
        include_once("include/config.php");
        include_once("include/auth.lib.php");

        list($status, $user) = auth_get_status();

        if($status == AUTH_LOGGED & auth_get_option("TRANSICTION METHOD") == AUTH_USE_LINK){
            $link = "?uid=".$_GET['uid'];
        }else    $link = '';
        
        //home
        switch($status){
            case AUTH_LOGGED:
            ?>
        [b]Sei loggato con il nome di <?=$user["username"];?> [url="logout.php<?=$link?>"]Logout[/url][/b]
            <?php
            break;
            case AUTH_NOT_LOGGED:
            ?>
            
        <form method="post">

                        <table width="100%" height="3" cellspacing="0" cellpadding="0"><tr><td></td></tr></table>
            <table width="90%" align="center" cellspacing="0" cellpadding="0">
            
            <tr> 
                <td>
                    <div style="text-align:left;height:33px">
                        [img]image/logologin.png[/img]
                    </div>
                </td>
                
                <td>
                    <div style="text-align:right;height:33px;float:right;">
                        [url="javascript:oscuramentoout();javascript:loginout();"][img]image/xx.png[/img][/url]
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <table width="100%" height="52" cellspacing="0" cellpadding"0">
                        
                        <tr> 
                        
                            <td align="center">
                                [img]image/username.png[/img]
                            </td>
                            
                            <td align="center">
                                <div class="inputlogindiv" align="center" >
                                    <input type="text" class="inputlogin" name="uname" />
                                </div>
                            </td>
                            
                        </tr>
                        
                        
                        <tr> 
                        
                            <td align="center">
                                [img]image/password.png[/img]
                            </td>
                            
                            <td align="center">
                                <div class="inputlogindiv" align="center">
                                    <input type="password" class="inputlogin" name="passw">
                                </div>
                            </td>
                        </tr>
                    </table>
                </td>
                
                <td height="52">
                    <button type="submit" name="action" id="accedibutton" value="login">
                        [img]image/accedibutton.png[/img]
                    </button>
                </td>
                
            </tr>
            
            <tr>
                <td>
                    <table cellpadding="0" cellspacing="2"><tr><td>Recupera dati</td><td><div id="checkbox"><input type="checkbox"/></div></td> <td>[img]image/ricordami.png[/img]</td></tr></table>
                </td>    
            </tr>
            
            <tr>
                <td>
                    [img]image/login_errore.png[/img]
                </td>
                </tr>
            </table>
            
        </form>
    </div>
[...]