ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / insertAdjacentHTML
25 сообщений из 27, страница 1 из 2
  1  все
insertAdjacentHTML
    #38039095
alex171069
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex171069
Участник
Здравствуйте господа знатоки javascript!

Вопрос у меня крайне прост.
Существует ли альтернатива методу insertAdjacentHTML?
Cкажем deleteAdjacentHTML - удалить участок разметки или возможно updateAdjacentHTML, это самый лучший вариант.

Столкнулся с проблемой замены тега <input type="text" на тег <input type="button" внутри модального диалога созданного методом
showModalDialog .
В этом диалоге есть <select в котором выбираем тип тега и чуть ниже в этом же диалоге его заменяем на выбранный.
Один раз это получается сделать с помощью outerHTML но если второй раз менять тип тега то вываливается браузерная ошибка о том, что outerHTML не может быть обновлен.....
Может кто то с подобной задачей уже разобрался и знает как выйти из подобной ситуации ?
...
Рейтинг: 0 / 0
15.11.2012, 06:45:41
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039136
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
alex171069Столкнулся с проблемой замены тега <input type="text" на тег <input type="button" внутри модального диалога созданного методом showModalDialog .
Не совсем понимаю проблему создания элемента и удаление другого... И методы там используются совсем другие...
Создание:
http://www.fpublisher.ru/documentation/dhtml_doc/dhtml02.docs#hcreateelement
Удаление:
http://www.fpublisher.ru/documentation/dhtml_doc/dhtml03.docs#hremovechild
...
Рейтинг: 0 / 0
15.11.2012, 08:30:08
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039138
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
alex171069замены тега <input type="text" на тег <input type="button"
Как вариант, можно вообще иметь сразу оба элемента. Но показывать только один нужный, второй скрывать, используя ЦСС...
...
Рейтинг: 0 / 0
15.11.2012, 08:31:52
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039161
alex171069
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex171069
Участник
krvsaalex171069замены тега <input type="text" на тег <input type="button"
Как вариант, можно вообще иметь сразу оба элемента. Но показывать только один нужный, второй скрывать, используя ЦСС...

спасибо очень дельное предложение но для его осуществления надо перегрузить ModalDialog а это приведет к открытию еще одного окна - это недопустимо....
...
Рейтинг: 0 / 0
15.11.2012, 09:04:14
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039173
alex171069
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex171069
Участник
krvsaalex171069Столкнулся с проблемой замены тега <input type="text" на тег <input type="button" внутри модального диалога созданного методом showModalDialog .
Не совсем понимаю проблему создания элемента и удаление другого... И методы там используются совсем другие...

Хорошо, объясню снова, подробнее. Есть страница, назовем ее X в которой срабатывает showModalDialog в открывшееся окно диалога подгружается страница Y и это модальное окно в своем составе имеет <input type="text" и <select .... <options .....
в результате выбора в этом же диалоге!(не открывая никаких других страниц) я пытаюсь заменить тег <input type="text" на тег <input type="booto"
...
Рейтинг: 0 / 0
15.11.2012, 09:19:07
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039279
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
alex171069объясню снова, подробнее. Есть страница, назовем ее X ...
Тестовый пример был бы куда лучше.
...
Рейтинг: 0 / 0
15.11.2012, 10:36:15
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039284
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
alex171069Как вариант, можно вообще иметь сразу оба элемента. Но показывать только один нужный, второй скрывать, используя ЦСС...
спасибо очень дельное предложение но для его осуществления надо перегрузить ModalDialog [/quot]
Изменение неких свойств элемента не требуют перезагрузки окна для отображения...
...
Рейтинг: 0 / 0
15.11.2012, 10:38:17
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039499
alex171069
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex171069
Участник
да все так но в обычном js и HTML - проверял ... стили нормально отрабатывают но я все это делаю на cache а у нее свой финдербомберы!
В следствии чего со стилями как то не удается рулить ....
...
Рейтинг: 0 / 0
15.11.2012, 12:32:40
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039507
alex171069
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex171069
Участник
Мне не понятно только одно.
Почему все нормально отрабатывает один раз - форма дает выбрать нужный тип только один раз как только начинаешь вторично менять тип как тут же выдается сообщение что outerHTML не может быть заполнено т.к. object = null ?????
...
Рейтинг: 0 / 0
15.11.2012, 12:36:29
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039595
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
alex171069Мне не понятно только одно.
Почему все нормально отрабатывает один раз - форма дает выбрать нужный тип только один раз как только начинаешь вторично менять тип как тут же выдается сообщение что outerHTML не может быть заполнено т.к. object = null ?????Потому как нет объекта, которому Вы собираетесь поменять outerHTML.
1. Приведите пример кода?
2. Меняйте innerHTML у контейнера элемента, а не outerHTML самого элемента.
3. Зачем вообще трогать HTML? Не проще-ли поменять значение атрибута type?
...
Рейтинг: 0 / 0
15.11.2012, 13:06:07
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039600
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
4. Как топик связан с insertAdjacentHTML? :)
...
Рейтинг: 0 / 0
15.11.2012, 13:07:02
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039629
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Простейший пример:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE HTML>
<html>  
  <head></head>  
  <body>
    <select onchange="input.type = this.value">
      <option value="button">Кнопка.</option>
      <option value="checkbox">Флажки. Позволяют выбрать более одного варианта из предложенных.</option>
      <option value="file">Поле для ввода имени файла, который пересылается на сервер.</option>
      <option value="hidden">Скрытое поле. Оно никак не отображается на веб-странице.</option>
      <option value="image">Поле с изображением. При нажатии на рисунок данные формы отправляются на сервер.</option>
      <option value="password">Обычное текстовое поле, но отличается от него тем, что все символы показываются звездочками.</option>
      <option value="radio">Переключатели. Используются, когда следует выбрать один вариант из нескольких предложенных.</option>
      <option value="reset">Кнопка для возвращения данных формы в первоначальное значение.</option>
      <option value="submit">Кнопка для отправки данных формы на сервер.</option>
      <option value="text">Текстовое поле. Предназначено для ввода символов с помощью клавиатуры.</option>
    </select>
    <br/>
    <input id="input" type="button" value="Кнопка"/>
  </body>
</html>
...
Рейтинг: 0 / 0
15.11.2012, 13:20:47
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039803
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
skyANAНе проще-ли поменять значение атрибута type?
У инпутов он кагбэ ключевой... Где-то читал, что его не поменять.
...
Рейтинг: 0 / 0
15.11.2012, 14:26:45
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039806
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
skyANAПростейший пример
И что в нём нужно сделать?
...
Рейтинг: 0 / 0
15.11.2012, 14:27:15
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039807
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
И в какой момент?
...
Рейтинг: 0 / 0
15.11.2012, 14:27:33
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039827
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
krvsa,alex171069В этом диалоге есть <select в котором выбираем тип тега и чуть ниже в этом же диалоге его заменяем на выбранный .Я так понял, что словосочетание "его заменяем на выбранный" означает: заменяем тип инпута на тот, что выбрали в селекте. А это следующий код:
Код: html
1.
<select onchange="input.type = this.value">


Ещё вопросы? :)
...
Рейтинг: 0 / 0
15.11.2012, 14:33:29
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039841
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Вона чё!
Как вариант, ранее мной предлагаемый...

Код: 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.
30.
31.
32.
33.
34.
35.
36.
37.
38.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function test(Obj) {
	var od=document.getElementById('container');
	od.innerHTML='';
	var o=document.createElement('input');
	o.type=Obj.value;
	o.value=Obj.options[Obj.selectedIndex].innerHTML;
	od.appendChild(o);
};
</script>
</head>
<body>
    <select onchange="test(this)">
		<option value="button">Кнопка.</option>
		<option value="checkbox">Флажки. Позволяют выбрать более одного варианта из предложенных.</option>
		<option value="file">Поле для ввода имени файла, который пересылается на сервер.</option>
		<option value="hidden">Скрытое поле. Оно никак не отображается на веб-странице.</option>
		<option value="image">Поле с изображением. При нажатии на рисунок данные формы отправляются на сервер.</option>
		<option value="password">Обычное текстовое поле, но отличается от него тем, что все символы показываются звездочками.</option>
		<option value="radio">Переключатели. Используются, когда следует выбрать один вариант из нескольких предложенных.</option>
		<option value="reset">Кнопка для возвращения данных формы в первоначальное значение.</option>
		<option value="submit">Кнопка для отправки данных формы на сервер.</option>
		<option value="text">Текстовое поле. Предназначено для ввода символов с помощью клавиатуры.</option>
    </select>
	<div id='container'>
		<input id="input" type="button" value="Кнопка" />
	</div>
</body>
</html>



В Опера что-то не нравилось с file ... Может моё value ...
...
Рейтинг: 0 / 0
15.11.2012, 14:40:11
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039852
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
по сабжу: document.createElement + replaceChild
...
Рейтинг: 0 / 0
15.11.2012, 14:43:49
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039867
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
krvsaВ Опера что-то не нравилось с file ... Может моё value ...А чекбоксу типа нравится value: "Флажки. Позволяют выбрать более одного варианта из предложенных."? :)
Вообще ТСу надо type="text" на type="button" менять, так что value думаю ему вообще трогать не надо :)
...
Рейтинг: 0 / 0
15.11.2012, 14:47:22
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039981
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
skyANAА чекбоксу типа нравится value: "Флажки. Позволяют выбрать более одного варианта из предложенных."? :)
Но отрисовывается нормально. Да и value для чекбокса - обычное дело.
...
Рейтинг: 0 / 0
15.11.2012, 15:55:03
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38039986
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Яростный Меч
Участник
krvsaskyANAНе проще-ли поменять значение атрибута type?
У инпутов он кагбэ ключевой... Где-то читал, что его не поменять.в ИЕ8 точно нельзя.
...
Рейтинг: 0 / 0
15.11.2012, 15:58:21
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38040802
alex171069
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex171069
Участник
прошу прощения господа, что влезаю своей глупой болтовней в вашу научную дискуссию, но innerHTML как и другие свойства связанные с HTML не доступны - не удается их изменить ни в каких условиях отрабатывает только insertAdjacentHTML и outerHTML
Естественно я в первую очередь опробовал именно innerHTML .....
В полной мере нормально отрабатывает только insertAdjacentHTML но этот метод прибавляет конструкцию <input к уже существующей... а это не приемлимо ....
Было бы замечательно если бы можно было применить deleteAdjacentHTML если бы такой метод бы существовал ....
...
Рейтинг: 0 / 0
16.11.2012, 05:15:05
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38040856
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
alex171069 , я тебе даже на примере твоём показал как это можно сделать... Что опять не так?
...
Рейтинг: 0 / 0
16.11.2012, 08:17:37
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38040872
alex171069
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex171069
Участник
krvsa - вы читать не умеете как я подозреваю ?
несколько выше я писал что innerHTML недоступен в любом виде обращения !!!
...
Рейтинг: 0 / 0
16.11.2012, 08:38:34
| Ответить | Цитировать | Написать  
insertAdjacentHTML
    #38040920
Фотография iConst
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
iConst
Участник
alex171069...
несколько выше я писал что innerHTML недоступен в любом виде обращения !!!Что за "виды" обращения?
(вы, ты, эй... просто двинуть в ухо...)
ЗЫ: в скобках - шутка, до скобок - не шутка...
...
Рейтинг: 0 / 0
16.11.2012, 09:30:18
| Ответить | Цитировать | Написать  
25 сообщений из 27, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / insertAdjacentHTML
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38039136&tid=1449100]:
 0ms
get settings:
 8ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 25ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 61ms
get tp. blocked users:
 1ms
others: 202ms
total:  328ms
созд. / загр.: 328ms
x
x
Закрыть


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