проблема: повернуть картинк на странице без перезагрузки.
процесс: запрос пошел на сервер, там сделали поворот картинки, и потом с сервера пробовал по всякому:
$data="<img src='$path' width='300' height='400' >";
$objResponse->addAssign("photo2",'innerHTML',$data);
или
$objResponse->addScript("changePhoto('$path', {$res[1]}, {$res[2]},$photoId)");
где changePhoto
// это конкретно <img src='' id='photo_64' >
var elem = document.getElementById('photo_'+id);
elem.src = path;
elem.width =400;
elem.height=300;
elem.style.display='block';
или
var _image = document.createElement('img');
_image.src=path;
_image.width=width;
_image.height=height;
// это просто <DIV> к которому хотел добавить картинку как потомка.
var p = document.getElementById('photo2')
p.appendChild(_image);
и через iframe пробовал SRC менять.
РЕЗУЛЬТАТ: появляется граница картинки, а сама картинка - не появляется
ответ от сервера после поворота картинки происходит.
$res = rotateImage($gradus,$albumId,$userId,$photoId);
$objResponse->addScript("changePhoto('{$res[0]}', {$res[1]}, {$res[2]},$photoId, false)");
$data="<img src='{$res[0]}' width='300' height='400' >";
$objResponse->addAssign("photo2",'innerHTML',$data);
путь у нее тот же самый остается.
где грабли зарыты?
сервер возвращает нормальный ответ, в нужной форме
но вызов кода в JS работает не корректно.
хотя, если просто сделать JS на onclick без ajax - то тот же JS работает прекрасно.
вот такой например:
function testPhoto ()
{
var path = "http://soc.net/upload/user_photos/10/14/ea5d2f1c4608232e07d3aa3d998e5135_medium.jpg";
var elem3 = document.getElementById('photo3');
elem3.src=path;
}
в onclick - все гут. а после xajax ответа - только граница картинки.
что блин не так???
