innerHTML dynamic styles. / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / innerHTML dynamic styles.

4 сообщений из 4, страница 1 из 1

innerHTML dynamic styles.

#34997417

Vladimir Kovalevskii

Участник

Сообщения: 697

Рейтинг: 0 / 0

Вопрос прост.

есть функа:

Код: plaintext

1.
2.
3.
4.
5.
6.

		function ShowActiveTab(val)
		{
			var render = document.getElementById('renderer');
			alert(val);
			render.innerHTML = val;
		}

val имеет следующее значение:

Код: plaintext

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

 <style type="text/css">
  #test1
  {
   border:1px solid;
  }
 </style>
 
 <div class="test" id="test1">
  <input type="button" value="Click" id="button1" onclick="WebForm_DoCallback('__Page','TabControl1_tab1Event_button1',ShowActiveTab,null,null,false)" />
  <span id="Label1">Label</span>
 </div>
 <div class="test" id="test2">
 </div>

стиль не приминился, еси чтиль поместить до вызова функции до всё ок, но я не очень хочу этого делать, так как вызов идёт через AJAX и я ничего не знаю о том, что в HTML.

...

Рейтинг:

0 / 0

10.12.2007, 10:43

| Ответить | Цитировать | Написать

innerHTML dynamic styles.

#34999494

apapacy

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

Эта работа слишком сложна для innerHTML.
Со стилями можно работать как document.styleSheets[index].cssText="...".
Да и с HTML-элементами лучше работать через DOM.

...

Рейтинг:

0 / 0

10.12.2007, 20:32

| Ответить | Цитировать | Написать

innerHTML dynamic styles.

#34999716

IDVsbruck

Участник

Откуда: Украина

Сообщения: 4 289

Рейтинг: 0 / 0

Ну, не скажи ...
Очень удобно сделать заготовки в виде готовых "внутренностей" элементов (например, дивов как части внешнего вида страницы), а затем при получении запроса на сервере просто считывать внутренности такого файла в строковую переменную и возвращать клиенту, где посредством простой вставки в элемент обновлять контент страницы. Можно, конечно, было бы и через ДОМ, что, конечно, очень правильно, но опыт подсказывает, что так удобнее и нагляднее. Я даже сложные скрипты вставляю, которые динамически грузятся и начинают грузить свои данные, то есть изначально скелета нет - каждый контент может "потянуть в свою сторону".

Вот только элементы заголовка вставлять динамически нельзя. Можно добавлять в конец загружаемого контента скрипт, который будет назначать/переназначать стили или внешний вид элемента. Другое дело - стилевое решение - ведь если не знать, какие стили находятся на сайте, то зачем вставлять свой новый? - Это нехорошо отразится на внешнем виде.

... А, да ... у клиента надо реализовать механизм, который будет выполнять скрипты, полученные при загрузке с сервера, так как просто скрипт по умолчанию грузиться не будет.

...

Рейтинг:

0 / 0

10.12.2007, 23:55

| Ответить | Цитировать | Написать

innerHTML dynamic styles.

#34999755

apapacy

Участник

Сообщения: 1 276

Рейтинг: 0 / 0

Вы правы. Тем более, что cssText это IEonly. Я просто припомнил, что когда-то менял у существующего ctyleSheet cssText - сейчас конечно так не делаю.

Владимир
Я думаю, что такой код в innerHTML должен вполнить Ваши желания:

Код: plaintext

1.
2.
3.
4.
5.
6.

 <div class="test" id="test1"    style="border:1px solid;">
  <input type="button" value="Click" id="button1" onclick="WebForm_DoCallback('__Page','TabControl1_tab1Event_button1',ShowActiveTab,null,null,false)" />
  <span id="Label1">Label</span>
 </div>
 <div class="test" id="test2" style="border:1px solid;">
 </div>

Больше всего меня смутило задание в innerHTML onclick-функции, хотя может быть я не прав. Я сам часит использую innerHTML, хотя считаю это данью собственной лени.

...

Рейтинг:

0 / 0

11.12.2007, 00:49

| Ответить | Цитировать | Написать

4 сообщений из 4, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / innerHTML dynamic styles.

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=34997417&tid=1457225]:	0ms
get settings:	9ms
get forum list:	13ms
check forum access:	4ms
check topic access:	4ms
track hit:	38ms
get topic data:	13ms
get forum data:	3ms
get page messages:	55ms
get tp. blocked users:	2ms
others:	241ms

total:	382ms