Ich schließe mich meinen Vorrednern an und möchte es noch leicht erweitern:
1. Jquery einbinden
2. blockui einbinden (und ggf. Pfade in BlockUi anpassen, ich weiss gerade nicht genau, ob das bei BlockUi nötig ist oder über CSS geregelt wird)
3. gib Deinem Submit Button eine ID (z.B. id="formSubmit") -> machts leichter zu "finden"
4. eine eigene JS-Datei (z.B. scripts.js) erstellen und einbinden, darin dann
Code: Alles auswählen
$(document).ready(function() {
$('#formSubmit'').click(function() {
$.blockUI({ message: '<h1>[img]busy.gif[/img] Just a moment...</h1>' })
});
});
M.E. ist es gut, auch bei kleinen Dingen JS aus dem HTML Markup rauszuhalten. Genau da hilft JQuery (und sicher auch andere Libs). Du musst das Element, welches ein Ereignis auslösen soll nur "identifizieren" und kannst dann getrennt vom HTML das JS erstellen und eben auch pflegen.