trancer_ru

В конце концов помог лишь способ с изменением у div'a положения top/left. Спасибо barsev'у. Но мне кажется - это способ что называется "в лоб". На этом сайте - когда отправляешь сообщение, тоже такая штука появляется и здесь она сделана путем изменения у div'a стиля - display.

http://ri-printufa.ru/111.php - вот пример того что надо. там все просто (по коду страницы можно посмотреть). а на самом сайте почему то не хочет работать, хотя там все также. Прописывание полного пути к рисунку и слэша не помогли(((( По поводу изменения стиля display у div'a - display:none работает, а при изменении скриптом на block ничего не происходит.

Путь правильный - "иногда отображается (при повторной загрузке)". Если на рамке от непоявившегося рисунка кликнуть правой кнопкой мыши и вырбрать "Открыть изображение" то он его открывает - так как нужно

Итак, суть проблемы. Есть некоторая форма на сайте, на которой пользователь заполняет поля личными данными, поле для загрузки файла. И есть кнопка "Выполнить". После ее нажатия все данные проверяются на корректность ввода, проверяется файл и при удачном исходе записывается на сервер. Все это дело занимает определенное время в зависимости от размера файла. И вот я решил сделать следующее: чтобы пользователь не думал, что страница повисла, я вывожу на экран поверх всего табличку с соответствующей надписью и гиф-анимацию загрузки. 1. Табличка строится так: <div style='position:absolute;top:##;left:##;z-index:2'><span id='loader'></span></div> 2. Выводится на экран так: при нажатии кнопки "Выполнить" онкликом переходит в яваскрипт-функцию. Данная функция сначала проверяет заполненность всех необходимых полей и затем выполняет форму (document.form.submit()). И вот перед этой строчкой я для вывода таблички пишу следующее - document.getElementById('loader').innerHTML="Идет загрузка файла. Ждите..<br><br><img src='images/loader.gif'>"; 3. И как результат: нажимаем кнопку и появляется табличка с надписью и рисунком. Проблема же состоит в следующем: табличка вылазит, все нормально, но рисунок никак не хочет отображаться, ни в ie ни в ff. Бывает что при повторной загрузке рисунок появляется, бывает что нет. Если его нет, то на его месте в ie отображается квадрат (по размеру рисунка), а в ff рамка от рисунка. PS: отображение рисунков в опциях броузера включено. ________________ Примечание: пробовал строку document.getElementById('loader').innerHTML='Идет загрузка файла. Ждите.. <img src='images/loader.gif'>' поставить в самом начале вышеуказанноу функции - все отлично - рисунок на месте, надпись тоже. Вот яваскрипт функция: function CheckData(arg) // Проверка заполненности формы и ее выполнение { //если эти закомментированные строки раскомментировать, то рисунок появляется //document.getElementById("loader").innerHTML="<table border='1' width='300px' height='200px'>"+ //"<tr valign='middle' align='center' bgcolor='#FFFFFF'>"+ //"<td><img src='images/body_imgs/loader.gif' border='0'></td></tr></table>"; document.getElementById("loader").innerHTML=""; // на всякий случай - очистка поля if (document.user_frm.fname.value=="") alert ("Вы не ввели фамилию"); else if (document.user_frm.name.value=="") alert("Вы не ввели имя"); else if (document.user_frm.tel_d.value=="" && document.user_frm.tel_m.value=="") alert ("Вы не ввели номер телефона"); else if (document.user_frm.captcha.value=="") alert ("Вы не ввели код"); else { //а эти строки выводят только надпись, без рисунка. document.getElementById("loader").innerHTML="<table border='1' width='300px' height='200px'>"+ "<tr valign='middle' align='center' bgcolor='#FFFFFF'>"+ "<td>Внимание! Идет загрузка данных. <br><br><img src='images/loader.gif' border='0'></td></tr></table>"; document.user_frm.submit(); } } ———————————- У кого какие мысли по этому поводу?