Erstatte innhold i div når submit-knapp trykkes

[christinahk]

Jeg har nå en side som ser slik ut:

 

 

Skjemaet under "Registrer tilskuer" er en div jeg har kalt "tilskuerdiv". Det jeg ønsker er at meldingen man får når man har trykket på "Bekreft"-knappen skal dukke opp i denne diven, uten at noe av det andre på siden forsvinner. Slik jeg har det nå er det en helt enkelt form action="" hvor meldingen kommer under skjemaet, og alt som kommer etter dette blir borte (inkludert skjemaet til høyre, som skal være neste skritt i registreringen..)

 

Kan man gjøre dette på en enkel måte? Dette i forbindelse med en skoleoppgave hvor det egentlig er helt unødvendig å gjøre det så "fancy" som jeg prøver på, men jeg synes det blir morsommere med litt ordentlig struktur på det.

[kim009]

Prøv JQuery.

 

Fra hukomelsen, mulig litt feil:

 

&--#60;script type="text/javascript"&--#62;
function ajaxFormPost(form_action,form_id,div_id) {
$.post(form_action , $(form_id).serialize(), function(data) {
 $(div_id).html(data);
});
return false;
}
$(form_id).submit(function(event) {
event.preventDefault();
ajaxFormPost(this,din_div_id);
});
&--#60;/script&--#62;

Du er nødt til å legge til JQuery biblioteket også. Om du søker på nette så finner du antagelig ut hvordan.

Endret 16. april 2012 av kimg85