Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.03.2011, 10:49
Интересующийся
Отправить личное сообщение для kingrus Посмотреть профиль Найти все сообщения от kingrus
 
Регистрация: 02.02.2011
Сообщений: 28

Помогите со скриптом нубику! )
Помогите пожалуйста разобраться со скриптом!
Я только изучаю JS, поэтому не кидайте помидорами )

Вообщем суть такая, я хочу создать таблицу, но вывод ее не document.write'om, а решил сделать на создании нового элемента.

Должно быть 7 строк и 7 столбцов.

Вот корень, который я написал:

<script type="text/javascript">

var container = document.getElementById ('container');
//Create TABLE
var tagTable = document.createElement ('TABLE');
var attributetagTable = tagTable.setAttribute('class', 'table');
var table = container.appendChild (tagTable);

//Create TR
var tagTr = document.createElement ('TR');
var attributetagTr = tagTr.setAttribute('class', 'tr');
var tr = tagTable.appendChild (tagTr);

//Create TD
var tagTd = document.createElement ('TD');
var attributetagTd = tagTd.setAttribute('class', 'td');
var td = tagTr.appendChild (tagTd);

Соответственно изначально родительский элемент id="container"

т.е. не могу понять как применить цикл , чтобы создалась таблица 7 на 7.

Предположение такое, что нужно занести tagTd , attributetagTd , td (и др. также) в массив и на массив уже наложить цикл for (var i = 1; i <=7; i++)

Если не трудно, помогите разобраться! )
Ответить с цитированием
  #2 (permalink)  
Старый 04.03.2011, 13:53
Интересующийся
Отправить личное сообщение для kingrus Посмотреть профиль Найти все сообщения от kingrus
 
Регистрация: 02.02.2011
Сообщений: 28

Ну что, не может никто подсказать что-ли ? )
Ответить с цитированием
  #3 (permalink)  
Старый 04.03.2011, 14:15
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

Как вариант:
<style type="text/css">
td {border: 1px black solid;}
</style>

<script type="text/javascript">
window.onload = function () {
    var container = document.getElementById('container');
    //Create TABLE
    var tagTable = document.createElement('TABLE');
    var attributetagTable = tagTable.setAttribute('class', 'table');
    var table = container.appendChild(tagTable);

    for (i = 0; i < 7; i++) {
        //Create TR
        var tagTr = document.createElement('TR');
        tagTr.setAttribute('class', 'tr');
        tagTable.appendChild(tagTr);

        //Create TD
        for (j = 0; j < 7; j++) {
            var tagTd = document.createElement('TD');
            tagTd.setAttribute('class', 'td');
            tagTd.innerHTML = j;
            tagTr.appendChild(tagTd);
        }
    }
}
</script>


<div id="container"></div>
Ответить с цитированием
  #4 (permalink)  
Старый 04.03.2011, 14:45
Интересующийся
Отправить личное сообщение для kingrus Посмотреть профиль Найти все сообщения от kingrus
 
Регистрация: 02.02.2011
Сообщений: 28

спасибо большое !
Ответить с цитированием
  #5 (permalink)  
Старый 04.03.2011, 14:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

kingrus,

поиск

Сообщение от monolithed
Сообщение от denis_h2
Облазил весь интернет но ненашол как сделать таблицу !

не правда.
Ответить с цитированием
  #6 (permalink)  
Старый 06.03.2011, 11:54
Интересующийся
Отправить личное сообщение для kingrus Посмотреть профиль Найти все сообщения от kingrus
 
Регистрация: 02.02.2011
Сообщений: 28

Сообщение от рони Посмотреть сообщение
kingrus,

поиск
Облазил весь интернет но ненашол как сделать таблицу !

Я такое не писал )
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться со скриптом artnik jQuery 0 23.01.2011 18:53
Помогите со скриптом. unq Общие вопросы Javascript 8 11.01.2011 16:36
Помогите с скриптом... cosonic Общие вопросы Javascript 6 03.07.2010 01:19
помогите с скриптом $12ANDRE12$ Firefox/Mozilla 2 12.05.2009 21:46
Помогите со скриптом Pilageen Общие вопросы Javascript 5 13.04.2009 14:13