окошко ожидания
 

ситуация такая:
пользователь отправляет файл на сервер,
которой в течении 5-10 секунд обрабатывается на сервере.
(сложный алгоритм :) )

в этом момент, складывается впечатлении что браузер завис. что бы не травмировать психику пользователя, я хочу на время обработки пользователю по центу экрана показать маленькое окошко, в котором или крутился кружочек, или бежала полоска. во общем, что то, что показывалось бы, давая понять что процесс идет, все грузится, надо подождать...
ну и соответственно, после завершения задачи на сервере, это окошечко пропадало.

мне кажется это задача стандартная, пните в какую сторону смотреть..

- создать окно
- используя setTimeout(), начать отправку файла
- при получении ответа убрать то окно

Или вот...
http://learn.javascript.ru/xhr-onprogress

хм.. подумав я решил все упростить.

перед отправкой вставить анимашку в див, по завершению, убрать ее из дива.

<div id="wait"></div>

onclick() {
var img = document.createElement("IMG");
img.src = "wait.gif";
document.getElementById('wait').appendChild(img);
// здесь долгая функция
а как здесь убрать эту анимашку?
}

document.getElementById('wait').removeChild(img);

так делать можно? так правильно?

Событие нажатия кнопки submit в форме можно перехватить так:
$('#myform').submit(function(){}
После этого выполняетс php скрипт action form

А как отловить событие прекращения выполнения скрипта ?

Я хочу перед выполненим скрипта вывести анимашку, а после выполнения убрать анимашку.

Делайте отправку POST запроса через Ajax, а потом ловите запрос через onreadystatechange.

А, у вас загрузка файла. Гляньте тогда здесь:
http://javascript.ru/blog/gordon-fre...fajl-javascrip