Итак, суть проблемы. Есть некоторая форма на сайте, на которой пользователь заполняет поля личными данными, поле для загрузки файла. И есть кнопка "Выполнить". После ее нажатия все данные проверяются на корректность ввода, проверяется файл и при удачном исходе записывается на сервер. Все это дело занимает определенное время в зависимости от размера файла. И вот я решил сделать следующее: чтобы пользователь не думал, что страница повисла, я вывожу на экран поверх всего табличку с соответствующей надписью и гиф-анимацию загрузки. 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(); } } ———————————- У кого какие мысли по этому поводу?
