Загрузка изображения из скрипта ajax'ом

lester

Новичок
Загрузка изображения из скрипта ajax'ом

Ситуация такая.
На странице есть картинка "<img id='im' src='create_image.php?param=1'>" плюс несколько радиокнопок "param". Необходимо чтобы при переключении радиокнопок картинка изменялась в зависимости от выбранной радиокнопки.

Можно тупо на радиокнопки повесить что-то типа onСlick="document.getElementById('im').src='create_image.php?param=2';", но штука в том, что картинка генерится сравнительно долго и пользователь может просто подумать, что не фига не работает. Есть задумка показывать индикатор загрузки "<div id='indicator'>Идет загрузка</div>" и в onClick написать
PHP:
document.getElementById('indicator').style.display = "block";
document.getElementById('im').src="create_image.php?param=2";
document.getElementById('indicator').style.display = "none";
но такая фишка тоже не прокатывает, т. к. индикатор отображается на сразу, а ждет загрузки картинки.

Также наивно попробовал подгружать картинку AJAX'ом,типа
PHP:
request = SendRequest('create_image.php?param=2');
document.getElementById('im').src = request.responseText;
но и это не прокатило, ведать потому, что в request.responseText был не url на картинку, а сама картика.

Единственное, что приходит в голову, можно сделать, чтобы create_image.php сохранял картинку в файл и выдавал ссылку на этот файл, но уже очень не хочется возится с этими временными файлами картинок.

Кто, что посоветует?
В JavаScript не силен, поэтому примеры кода или ссылки на реализацию похожей задачи приветсвуются.
 

Mr_Max

Первый класс. Зимние каникулы ^_^
Команда форума
lester
картинка изменялась в зависимости от выбранной радиокнопки
Аякс в данном случае не нужен.

-~{}~ 21.07.07 14:59:

Javascript

Я так понимаю у Вас юмор такой.
попробовал подгружать картинку AJAX'ом
В JavаScript не силен
-~{}~ 21.07.07 15:02:

Необходимо чтобы при переключении радиокнопок картинка изменялась в зависимости от выбранной радиокнопки
Если есть радио-кнопка, значит есть параметры.
Если есть параметры, значить можна решить и обычным джаваскриптом
google://javascript change Picture
 

lester

Новичок
Если есть радио-кнопка, значит есть параметры.
Если есть параметры, значить можна решить и обычным джаваскриптом
google://javascript change Picture
Проблема не столько в том, чтобы JavaScript`ом сменить картинку при переключении радиокнопок, а в том, что картинка эта генерится достаточно долго и необходимо перед началом генерации картинки показать индикатор загрузки, а по окончанию - скрыть его.
 

lester

Новичок
Автор оригинала: BRat
а что за картинка у Вас "генерится" ?
Картинка дверной панели, на которую накладывается картинка дверной ручки и в зависимости от параметров отрисовывается короб, наличник, дверной глазок и т.д. Но все это не так уж и важно. Проблема-то не в этом.

-~{}~ 22.07.07 15:15:

Ответ на вопрос нашел.
Кому интересно - http://forum.vingrad.ru/forum/topic-47159.html
 

Zetruger

ivan.chistyakov.name
var x = new Image();

x.onLoad = function (){
document.getElementById('im').src = this.src;
}

x.src = 'create_image.php?param=2';

вот как-то так
 

lester

Новичок
Автор оригинала: Zetruger
var x = new Image();

x.onLoad = function (){
document.getElementById('im').src = this.src;
}

x.src = 'create_image.php?param=2';

вот как-то так
Спасибо. Приблизительно такое же решение я и нашел.
 
Сверху