powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ajax innerHTML div
5 сообщений из 5, страница 1 из 1
ajax innerHTML div
    #38372107
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Здравствуйте! Есть форма с параметрами, по кнопке обновляется div c таблицей. Всё ОК.
Я хочу от сервера получить такой innerHTML , чтобы закрылся главный div и ниже него добавился еще один независимый div
Небольшой пример. Работает, но не совсем так, как надо
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <style>
    #main {
      height:60px;
      background-color:#c0c0c0;
      overflow:auto;
    }
    #add {
      height:20px;
      background-color:green;
    }
  </style>
  <script>
    function test() {
      document.getElementById('main').innerHTML = 'after ajax <br> Большая таблица <br> c нужными данными<br>' + '</div> <div id="add">RecordCount = 250';
      document.getElementById('memo1').value = document.getElementById('main').innerHTML;
    }
  </script>
</head>

<body onLoad="document.getElementById('memo1').value=''">
  <button onClick="test()">OK</button>
  <textarea rows="3" cols="45" id="memo1"></textarea>
  <div id="main">befor ajax <br><br> Строка2 <br><br> Строка 3</div>
</body>
</html>


Хотелось, чтобы RecordCount = 250 появился за пределами скроллируемого дива.
Пока вижу одно решение: сделать div -контейнер, в котором лежат оба дива и на сервере генерить содержимое обоих.
...
Рейтинг: 0 / 0
ajax innerHTML div
    #38372116
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Только опубликовал, сообразил. В моем случае для div id="add" можно без сервера
Код: javascript
1.
document.getElementById("myTable").rows.length;


Но так, для общего развития, можно ли несложным JavaScript, вынести внутренний div="add" за пределы родителя?
...
Рейтинг: 0 / 0
ajax innerHTML div
    #38372129
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
имхо, лучше заранее сделать в верстке тот доп. див, данные для него передавать отдельной строкой (можно ответ в виде json), и если эта вторая строка есть - вставлять ее в див и показывать.
...
Рейтинг: 0 / 0
ajax innerHTML div
    #38372134
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
user89для общего развития, можно ли несложным JavaScript, вынести внутренний div="add" за пределы родителя?

https://developer.mozilla.org/en-US/docs/Web/API/Node.appendChild


http://jsfiddle.net/Nu8BH/
...
Рейтинг: 0 / 0
ajax innerHTML div
    #38372146
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Яростный Меч, Паганель,
большое спасибо!
...
Рейтинг: 0 / 0
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / ajax innerHTML div
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]