Форум

mishgan · #1 (**permalink**) 19.06.2013, 22:09

Пишу плагин для google chrome для определенного сайта на котором данные периодически загружаются ajax-ом. Мне надо изменить некоторые из подгруженных.
Как это осуществить?

PS: стационарные данные изменять получается, а вот подгружаемые нет.

cyber · #2 (**permalink**) 20.06.2013, 10:32

mishgan,
по подробней опишите как вы пытаетесь их изменить...

mishgan · #3 (**permalink**) 21.06.2013, 21:58

Применяю jquery
$(".messagestable_text").css('width' , '100px');
пробовал ещё так
var script = document.createElement("script");
script.textContent = "$('.messagestable_text').css('width' , '100px');";
document.documentElement.appendChild(script);

Эти обе конструкции работают на стационарных данных. На подгружаемые не влияют.

vadim5june · #4 (**permalink**) 21.06.2013, 22:31

Сообщение от mishgan

Эти обе конструкции работают на стационарных данных. На подгружаемые не влияют.

не должно так быть-должен работать
может Вы рано запускаете когда текст еще не вставлен?

<!DOCTYPE html>
<meta charset="utf-8">
<title>QQ</title>
<script 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function(){$('#bt2').click(function(){$('#d1').html("<div class='messagestable_text' style='background:red;height:50px;width:50px;'></div>");});
$('#bt1').click(function(){$(".messagestable_text").css('width' , '100px')});});</script>
<body><button id=bt1>css</button><button id=bt2>paste</button>
<div class='messagestable_text' 

style='background:red;height:50px;width:50px;'></div>
<div id=d1></div>

mishgan · #5 (**permalink**) 21.06.2013, 22:39

Во-во... Вот как отследить что данные загружены?

vadim5june · #6 (**permalink**) 21.06.2013, 22:43

Сообщение от mishgan

Во-во... Вот как отследить что данные загружены?

просто должна быть правильная последовательность операций-сначала вставляем потом изменяем
Посмотрите пример выше добавил-там css одинаково работает и для стационарного и добавленного дива

mishgan · #7 (**permalink**) 21.06.2013, 23:10

Между моментом нажатия и моментом когда данные появятся на экране пройдет какое-то время (загрузка с сервера) . А вот как выполнить действие сразу после загрузки?....

vadim5june · #8 (**permalink**) 21.06.2013, 23:14

Сообщение от mishgan

выполнить действие сразу после загрузки?

Вы же аяксом подгружаете вот из callback функции вставляйте-а потом меняйте

$.ajax({
 url: "some.php"
}).done(function( msg ) {
$('#d1').html(msg);$(".messagestable_text").css('width' , '100px');
});

mishgan · #9 (**permalink**) 21.06.2013, 23:24

Расширение Google Chrome выполняется какбы паралельно странице сайта. Из расширения есть доступ к элементам страницы. Сайт не мой , код изменить не могу.

vadim5june · #10 (**permalink**) 21.06.2013, 23:32

Сообщение от mishgan

Расширение Google Chrome выполняется какбы паралельно странице сайта. Из расширения есть доступ к элементам страницы. Сайт не мой , код изменить не могу.

Понял.
По моему довольно сложная задача-если там аяксом кто то подгружает то Вам конечно трудно определить момент подгрузки-если знаете что именно должно быть загружено то может с помощью таймера периодически проверять

Форум

Справочник

Discord чат

Курсы javascript