[PHP/AJAX] Bericht plaatsen wijzigen

Hallo allemaal
Ik wil op de site van mijn carnavalsvereniging het een en ander aan gaan passen. Ik heb nu een link staan om een bericht te plaatsen op het gastenboek. Deze link wil ik behouden, echter moet er dan een popup komen met daarin het formulier waar het bericht getypt kan worden. (http://www.sohtanaka.com/web-design/examples/modal-window/).

Die popup kan ik wel werkend krijgen. Dan komt AJAX om de hoek kijken. Zodra het bericht geplaatst is, en de popup wordt afgesloten, wil ik dat het bericht direct bijgeplaatst wordt in het gastenboek (direct zichtbaar wordt, dat de pagina niet ververst hoeft te worden).

Ik zou hiervoor graag een beetje in de goede richting geschopt willen worden met een kleine opzet. Dit zijn namelijk mijn allereerste stappen richting AJAX.

Ik hoop dat ik het zo een beetje duidelijk heb uitgelegd, wist ook niet hoe ik het anders moest uitleggen.

Alvast bedankt voor de hulp,

Kjeld

Wil je hierbij ook hebben dat hij nieuwe berichten om de zoveel tijd ophaalt?
Je kunt het nieuwe bericht wel bovenaan plaatsen, maar er kunnen in de tussentijd berichten tussen zijn gekomen

Hmmm.. das wel een goeie inderdaad..
Ja, dat is misschien wel fijn..

Ik ken leden die het gastenboek zowat de hele dag open hebben staan, dan is het ook wel fijn als die automatisch update

Je geeft je form dat in de popup staat een id, bijvoorbeeld plaatsendiehap.
Dan kun je een soortgelijke code als deze gebruiken:

window.lastMessageId = [COLOR= #0000BB]<?php[/COLOR] [COLOR= #FF8000]//id van laatste bericht uit de database [/COLOR]?>
$("#plaatsendiehap").submit(function(){
    $.ajax(
        url: http://www.derampestampers.nl/ajaxbestand.php,
        type: POST,
        data: {
            lastMessage: window.lastMessageId
        },
        success: function(data){
            eval(data);
        }
    );
});

In je ajax bestand laat je een query alle berichten na $_POST[lastMessage] ophalen. Die zet je in een string die je doormiddel van $("#nieuweBerichten").append(" . $string . "); op je site verschijnen. Bij de output voeg je ook nog window.lastMessageId = laatste_bericht_dat_nu_in_de_db_staat;
Je moet bij de berichten wel addslashes eroverheen gooien anders begint je site kutten als er in je bericht staat.
Dat was het wel zon beetje denk ik

Dankje Daar ga ik even mee aan de slag

Succes
EDIT: je kunt het beste de $.ajax code in een functie zetten die je om de x seconden/minuten aanroept. Op de manier hoe het nu staat die ie het alleen als je iets post