ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение свойств документа
14 сообщений из 14, страница 1 из 1
Изменение свойств документа
    #38588527
Frost_Imp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Frost_Imp
Участник
Добрый день.
Прошу дать наглядные примеры, к каким элементам следующего кода можно обратиться и изменить свойства из яваскрипт.
 
Код: javascript
\r\n<div id=\'divstep2\' style=\'display:none\'>\r\n\t<div class=\'crm-message\'>\r\n\t\t<div class=\'head\'></div>\r\n\t\t<div class=\'msg\'><font color=\'#00008B\'>Заголовок 1</font><br/></div>\r\n\t\t<div class=\'cmnt\'></div> \r\n\t\t<div class=\'inputs\' style=\'margin-top:20px;\'>\r\n\t\t\t<table class=\'tblinput\' cellspacing=\'0\' cellpadding=\'0\'>\r\n\t\t\t<tr><td><img src=\'file://path/file.gif\'></td>\r\n\t\t\t<td><input id=\'phone\' name=\'phone\' style=\'width:500px;\' mask=\'+7%(NNN%)NNN-NN-NN\' class=\'iinput\' maskregexp=\'\' value=\'\' type=\'text\' /></td>\r\n\t\t\t<td><img src=\'file://file://path/file2.gif\'></td>\r\n\t\t\t</tr></table>\r\n\t\t\t</div>\r\n\t\t<div class=\'msg\' id=\'dCommentphone\'>\r\n\t\t\t<p><b>\r\n\t\t\t<br/>текст подписи строка 1\r\n\t\t\t<br/>текст подписи строка 2\r\n\t\t\t<br/>текст подписи строка 3\r\n\t\t\t</b></p>\r\n\t\t\t</div>\r\n\t\t</div> \r\n<table class=\'rbtn b8\' cellspacing=\'0\'><tr><td><a href=\'#\' id=\'1\'><input type="hidden" id="keyH"/><font color=\'black\'>Продолжить</font></a></td></tr></table>\r\n</div>\r\n
\r\n

Например
Код: javascript
\r\n{document.getElementById(\'phone\').style.width = \'300px\';}\r\n
\r\n
или
Код: javascript
\r\n{document.getElementById(\'dCommentphone\').innerHTML=\'новый текст подписи\';}\r\n
\r\n
Ничего не смыслю в JS, нужно слегка подправить существующий код.
Заранее спасибо!
_____________________
А что на самом деле хотел сказать "Frost_Imp" никто не знает, так как администрация форума попросила его быть вежливым.
...
Рейтинг: 0 / 0
17.03.2014, 17:20
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38588544
Frost_Imp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Frost_Imp
Участник
В частности, как поменять "Заголовок 1" на другой текст?
...
Рейтинг: 0 / 0
17.03.2014, 17:40
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38588674
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Frost_ImpВ частности, как поменять "Заголовок 1" на другой текст?
Код: javascript
1.
2.
var divstep2 = document.getElementById('divstep2');
divstep2.getElementsByClassName('msg')[0].innerHTML = '<font color="#ff0000">Заголовок 1</font><br/>';


На всякий случай, парочка ссылок, которые я держу у себя в закладках
http://learn.javascript.ru/searching-elements-dom
http://learn.javascript.ru/traversing-dom
...
Рейтинг: 0 / 0
17.03.2014, 19:36
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589057
Frost_Imp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Frost_Imp
Участник
user89 , getElementsByClassName не поддерживается имеющимся у меня IE8 :(
...
Рейтинг: 0 / 0
18.03.2014, 10:13
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589065
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Frost_Imp,

тогда от divstep2 идем вниз через свойство children
...
Рейтинг: 0 / 0
18.03.2014, 10:18
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589101
Frost_Imp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Frost_Imp
Участник
Слишком сложно. Сори за туполобость.
...
Рейтинг: 0 / 0
18.03.2014, 11:03
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589239
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Frost_Imp,

таки для IE8
Код: 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.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
</style>
</head>
<body>
<div id='divstep2' style=''>
	<div class='crm-message'>
		<div class='head'></div>
		<div class='msg'><font color='#00008B'>Заголовок 1</font><br/></div>
		<div class='cmnt'></div> 
		<div class='inputs' style='margin-top:20px;'>
			<table class='tblinput' cellspacing='0' cellpadding='0'>
			<tr><td><img src='file://path/file.gif'></td>
			<td><input id='phone' name='phone' style='width:500px;' mask='+7%(NNN%)NNN-NN-NN' class='iinput' maskregexp='' value='' type='text' /></td>
			<td><img src='file://file://path/file2.gif'></td>
			</tr></table>
		</div>
		<div class='msg' id='dCommentphone'>
			<p><b>
			<br/>текст подписи строка 1
			<br/>текст подписи строка 2
			<br/>текст подписи строка 3
			</b></p>
		</div>
	</div> 
	<table class='rbtn b8' cellspacing='0'><tr><td><a href='#' id='1' onClick="ChangeHeader()"><input type="hidden" id="keyH"/><font color='green'>Поменять заголовок</font></a></td></tr></table>
</div>
</body>
<script>
function ChangeHeader() {
	var divstep2 = document.getElementById('divstep2');
	var el = divstep2.children[0].children[1];
	el.innerHTML = '<font color="#ff0000">Новый заголовок</font><br/>';
}
</script>
</html>
...
Рейтинг: 0 / 0
18.03.2014, 12:37
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589259
Frost_Imp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Frost_Imp
Участник
user89 , таки гигантское спасибо!
...
Рейтинг: 0 / 0
18.03.2014, 12:48
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589342
Frost_Imp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Frost_Imp
Участник
user89, если перед последним div вставить еще кусок таблицы
Код: html
1.
<table class='rbtn b8' cellspacing='0'><tr><td><a href='#' id='1'><input type="hidden" id="keyH"/>Продолжить</a></td></tr></table>


как изменить текст "Продолжить"? Пытаюсь действовать по примеру - не выходит
...
Рейтинг: 0 / 0
18.03.2014, 13:26
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589361
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Frost_Imp,

тут надо поиграться с номерами у children или добавить еще один уровень children (надо смотреть по структуре HTML документа)
Код: javascript
1.
2.
var el = divstep2.children[0].children[2];
var el = divstep2.children[0].children[0].children[1];


А еще дать элементам ID и не мучаться...
...
Рейтинг: 0 / 0
18.03.2014, 13:35
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589409
Frost_Imp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Frost_Imp
Участник
user89,
Код: javascript
1.
2.
3.
var divstep2 = document.getElementById('divstep2');
  //var el = divstep2.children[0].children[1];
	alert(divstep2.children[1].children[0].children[0].innerHTML);


возвращает строку
Код: html
1.
td><a href='#' id='1'><input type="hidden" id="keyH"/>Продолжить</a></td>


Ближе не получается.
Я не могу изменить тот кусок, который сейчас хочу поменять :(
...
Рейтинг: 0 / 0
18.03.2014, 13:56
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589411
Frost_Imp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Frost_Imp
Участник
Frost_ImpЯ не могу изменить тот кусок, который сейчас хочу поменять :(
Масло масляное... Имелось ввиду, что не могу править код руками, только скриптом.
...
Рейтинг: 0 / 0
18.03.2014, 13:57
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589670
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
Frost_Imp,

не совсем понятно, что нужно сделать...
Возможно, обернуть в <span>
Код: javascript
1.
<td><a href='#' id='1'><input type="hidden" id="keyH"/> <span id="idx2">Продолжить</span> </a></td>
...
Рейтинг: 0 / 0
18.03.2014, 16:09
| Ответить | Цитировать | Написать  
Изменение свойств документа
    #38589720
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Frost_Imp
Код: html
1.
<table class='rbtn b8' cellspacing='0'><tr><td><a href='#' id='1'><input type="hidden" id="keyH"/>Продолжить</a></td></tr></table>


как изменить текст "Продолжить"?
Как вариант...

Код: html
1.
2.
3.
4.
5.
<table class='rbtn b8' cellspacing='0'><tr><td><a href='#' id='1'><input type="hidden" id="keyH"/>Продолжить</a></td></tr></table>
<script type='text/javascript'>
var o=document.getElementById('1');
o.innerHTML=o.innerHTML.replace(/(>)[\s\S]+$/,'$1Другой текст');
</script>
...
Рейтинг: 0 / 0
18.03.2014, 16:41
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение свойств документа
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38589065&tid=1447310]:
 0ms
get settings:
 9ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 412ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 64ms
get tp. blocked users:
 1ms
others: 264ms
total:  788ms
созд. / загр.: 788ms
x
x
Закрыть


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