Не работает CSS после получения ответа сервера

[Azzi]

Hi, All!

Такая тема:
Получаю с сервера ответ от пхп файла, потом innerHtml, все ок, но не работают стили в этом диве ( в котором заменили содержание), которые работали до подгрузки данных с сервера.

Никак не могу понять, как это побороть(((

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

Кто сталкивался с подобным, укажите плиз, куда копать?

[Snipe]

Можно пример конкретно вашего innerHTML?

[yashka525]

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

Не, надо просто этому div'у, пришедшему с сервера, дать определенный класс (или не класс), который уже описан CSS, и все должно работать...

[Azzi]

Можно пример конкретно вашего innerHTML?

function full_page(my_id,my_page,my_cat)
{
// (1) создать объект для запроса к серверу
	var req = getXmlHttp();  
    // (2)
	// в нем будем отображать ход выполнения
	//alert('ajax_page'+my_page);
	var statusElem = document.getElementById('ajax_page'+my_page); 
	
	req.onreadystatechange = function() {  
        // onreadystatechange активируется при получении ответа сервера
		if (req.readyState == 4) { 
            // если запрос закончил выполняться
			statusElem.innerHTML = req.statusText // показать статус (Not Found, ОК..)
			
			if(req.status == 200) { 
                 // если статус 200 (ОК) - выдать ответ пользователю
				//alert("Ответ сервера: "+req.responseText);
				statusElem.innerHTML = req.responseText 
			}
			// тут можно добавить else с обработкой ошибок запроса
			else
			{
				statusElem.innerHTML = 'нифига не вышло...'
				}
		}
	}

innerHtml работает, проблема в том, что вновь полученный кусок кода не подчиняется текущим CSS правилам ...

[Azzi]

Не, надо просто этому div'у, пришедшему с сервера, дать определенный класс (или не класс), который уже описан CSS, и все должно работать...

так и сделал

echo "<h4>".$the_post->post_title."</h4>";
echo "<a href=\"#\" onClick=\"full_page_back(".$num_cat.",".$num_page.")\">назад</a>"; 
 echo "<div id=\"container\">";
  echo "<div class=\"scroll-pane-arrows\">";
echo $the_post->post_content;
echo"</div></div>";

не подхватыват CSS ...

[yashka525]

statusElem

Ну к чему это относится? Какой div у Вас statusElem'ом служит?

[yashka525]

не подхватыват CSS ...

Странно... scroll-pane-arrows у Вас точно где-то описан? Может он не правильно описан...

P.S. Вообще-то бывают еще одинарные кавычки, где-то так: echo '<div class="scroll-pane-arrows">';

[Azzi]

Ну к чему это относится? Какой div у Вас statusElem'ом служит?

document.getElementById('ajax_page'+my_page)

инициализируется в самом начале

[Azzi]

P.S. Вообще-то бывают еще одинарные кавычки, где-то так: echo '<div class="scroll-pane-arrows">';

хм... щас посмотрю ...

Странно... scroll-pane-arrows у Вас точно где-то описан? Может он не правильно описан...

описан, при открытии страницы первый раз, все окей

[Azzi]

P.S. Вообще-то бывают еще одинарные кавычки, где-то так: echo '<div class="scroll-pane-arrows">';

проверил, код корректный