Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.07.2011, 16:31
Новичок на форуме
Отправить личное сообщение для Заглянувший Посмотреть профиль Найти все сообщения от Заглянувший
 
Регистрация: 16.07.2011
Сообщений: 4

Вставить в ячейку контейнер span и добавить к нему стиль
Здравствуйте
Javascriptом просто увлекаюсь и возникла проблема из-за моего непонимания как это сделать

Тут только часть кода:

<html>
<head></head>
<body>
<table border="0" width="100%" id="table2" height="131" style="border-collapse: collapse;">
<tr><td width="46%">

<span style="display:none"> // скрытый контейнер, в котором содержатся другие с каким-то содержимым
	<span id="sp_1">что-то содержит</span>
	<span id="sp_2">text2</span>
	<span id="sp_3">text2</span>
</span>

<table border="0" id="winx_games" width="100%"><tr>

<script language="javascript" type="text/javascript">
// здесь код, который создаёт такой произвольный массив
var m_sp = ['sp_2','sp_3','sp_1'];

for (r = 0; r = 2; r++) // таблица с тремя столбцами
{
document.write('<td>');

// нужно вставить в ячейку контейнер с id равному значению в массиве в том же порядке.

// Получим элемент с id = m_sp[r], то есть сначала при r = 0, будет id = sp_2
// дальше к нему (<span id="sp_2">text2</span>) добавить какой-то стиль, например style="background:red" или 
// style.background = 'red'. В результате должно получиться <span id="sp_2"  style="background:red">text2</span>
var span = document.getElementById(m_sp[r]).style.background = 'red'; // вроде так, но не уверен
           

document.write( ??? ); //и дальше как то вставить этот получившейся span (вроде с помощи appendChild(), но тоже не уверен) в ячейку
document.write('</td>');
}
</script></tr></table>

</td></tr></table></body></html>

Надеюсь объяснить, в чём вопрос смог. Помогите если не трудно
Желательно чтобы работало в браузере ie7

Последний раз редактировалось Заглянувший, 16.07.2011 в 21:48.
Ответить с цитированием
  #2 (permalink)  
Старый 16.07.2011, 21:52
Новичок на форуме
Отправить личное сообщение для Заглянувший Посмотреть профиль Найти все сообщения от Заглянувший
 
Регистрация: 16.07.2011
Сообщений: 4

Подскажите что-нибудь, Пожалуйста
У меня пока получилось или ничего не выводится или сообщение: "Остановить выполнение этого сценария?
Сценарий на этой веб-странице замедляет работу Internet Explorer. Если не остановить сценарий, компьютер может перестать реагировать на действия пользователя." или [object] [object] [object]
Ответить с цитированием
  #3 (permalink)  
Старый 16.07.2011, 22:15
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

<table id=":table"></table>
<script>
(function() {
var table=document.getElementById(":table"); //находим нашу таблицу
var texts=["span text 1", "span text 2", "span text 3"];//тексты для наших спанов.
for (var i=0; i!=texts.length; ++i) {
 var span= document.createElement("span"); // создаём спан
 span.style.color="red";
 span.innerHTML=texts[i];
 table.insertRow(-1).insertCell(-1).appendChild(span); //цепочки, сцуко)
};
})()
</script>
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #4 (permalink)  
Старый 17.07.2011, 13:52
Новичок на форуме
Отправить личное сообщение для Заглянувший Посмотреть профиль Найти все сообщения от Заглянувший
 
Регистрация: 16.07.2011
Сообщений: 4

Не совсем то, но дальше разберусь. Спасибо)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вставить фото в ячейку таблицы с javascript shaman888 Общие вопросы Javascript 0 09.04.2011 23:13
поменять стиль span bobo123 Общие вопросы Javascript 5 30.12.2009 19:33
как в ячейку твблицы вставить значение переменной firudin Общие вопросы Javascript 1 01.07.2009 09:13