Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
outZoNe
6 / 4 / 3
Регистрация: 18.02.2014
Сообщений: 394
1

Изменить html который был загружен через ajax

13.03.2018, 23:17. Просмотров 711. Ответов 4
Метки нет (Все метки)

Всем привет, такая проблема:
Допустим у меня есть изначально html страница с кодом:
HTML5
1
2
<input text="button" value="ASD" id="btn">
<p id="info"></p>
по клику на btn выполняется обычный ajax запрос и в тег p с id="info" загружается такой html
HTML5
1
2
<p id="infoAjax"></a>
<input text="button" value="ASD" id="btnAjax">
и надо по нажатию на btnAjax внести в p#infoAjax какой нибудь текст. пробовал так но не работает:
Javascript
1
2
3
$("body").on("click", "#btnAjax", function () {
        $('#infoAjax').text("asdasd");
});
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.03.2018, 23:17
Ответы с готовыми решениями:

Обновление таблицы html через ajax
с пхп через limit я достаю первые 10 строк таблицы. потом через пхп и хтмл создаю таблицу и...

Изменить html через URL
Всем привет, я тут новенький. Вот уже и утро настало, а я никак не могу решить свою проблему :(...

скрипт, который бы распозновал ай пи поситителя или через таблицу днс провайдера местонахождение пользователя который зашел на страничку
Есть ли такой скрипт, который бы распозновал ай пи поситителя или через таблицу днс провайдера...

HTML и AJAX
Вообщем, столкнулся со след. проблемой. При попытке загрузки контента по ссылке с помощью AJAX с...

HTML Ajax jQuery
Как с помощью ajax добавить информацию именно из txt файла на страницу? &lt;html&gt; &lt;head&gt; &lt;script...

4
renat_dmitriev
219 / 208 / 89
Регистрация: 26.08.2016
Сообщений: 685
13.03.2018, 23:59 2
<p id="infoAjax"></a>
1
outZoNe
6 / 4 / 3
Регистрация: 18.02.2014
Сообщений: 394
14.03.2018, 01:38  [ТС] 3
renat_dmitriev, Не это я когда писал вопрос опечатался. в коде у меня "<p id="infoAjax"></p>"
Мне кажется дело в том, что эти DOM элементы подгружаются уже после загрузки страницы и JavaScript их не регистрирует
И делегирование событий не работает....

У Вас есть идеи?
0
Lazy_Den
2947 / 2621 / 1322
Регистрация: 15.01.2014
Сообщений: 5,758
14.03.2018, 01:56 4
Лучший ответ Сообщение было отмечено outZoNe как решение

Решение

Цитата Сообщение от outZoNe Посмотреть сообщение
когда писал вопрос опечатался
text="button" многовато опечаток для пары строк кода
Цитата Сообщение от outZoNe Посмотреть сообщение
У Вас есть идеи?
Код, в общем и целом, абсолютно рабочий. Пока могу предположить, что на странице у вас несколько элементов с id="btnAjax".

Добавлено через 8 минут
P.S. В консоли смотрели? Есть ошибки? И еще, совсем не редкий случай, когда по невнимательности или, как у вас, из-за опечаток, неверно указывают селектор: имена классов, идентификаторы и т.д.
1
outZoNe
6 / 4 / 3
Регистрация: 18.02.2014
Сообщений: 394
14.03.2018, 04:50  [ТС] 5
Lazy_Den, Да это тоже опечатка )) Просто в коде все сложнее и поэтому код в вопросе писал сразу а не копировал из среды.

И в этом и проблема, что точно нет опечаток и в консоле браузера тоже ничего нет. Из нагугленного я пришел к выводу, что проблема в этом:
"
Цитата Сообщение от outZoNe Посмотреть сообщение
Мне кажется дело в том, что эти DOM элементы подгружаются уже после загрузки страницы и JavaScript их не регистрирует
"

Добавлено через 45 минут
Жеееесть вы не поверите в чем было дело.....

У меня был div с id="arc" и буква "с" в этом ID была введена на русской раскладке, а не на английской!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

У меня все всем спасибо. И да Lazy Den по сути был прав
0
14.03.2018, 04:50
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.03.2018, 04:50

HTML,PHP,Ajax
Народ вот такой пример, для отправки письма с сайта, нашел на хабре. &lt;form id=&quot;form&quot;&gt; &lt;input...

Как прописать html черех ajax?
как прописать таблицу стилей или просто html код ajax скриптом , например в контейнер &lt;div...

Отправка формы html с помощью ajax в реальном времени
Очень нужна помощь, вопрос внизу Все в файле form.php. Осуществляется подсчет цены поставки...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru