Создание и манипулирование таблицей

@Loona · Регистрация: 24.12.2012

Студворк — интернет-сервис помощи студентам

Есть задание : окно разделено на 2 фрейма. В левом фрейме кнопки.
1-сброс
2-циклически вниз
3-циклически вверх
4-циклически влево
5-циклически вправо
6-поворот по часовой стрелке
7- поворот против часовой стрелки
Вначале правый фрейм пуст.
При нажатии на 1 в правом фрейме появляется таблица 10 на 10, заполненная числами от 1 до 100.
При нажатии на 2 таблица трансформируется вниз. Последняя строчка встает на место первой, первая на место второй
При нажатии на 3 строчки всплывают вверх. первая строчка становится последней
При нажатии 4 и 5 перемещаются столбцы
При нажатии 6 и 7 таблиц переворачивается, те меняются местами строчки и столбцы

как то так

Добавлено через 5 минут
Содержание главного фрейма:

HTML5
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
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<head>
<title>Главная</title>
</head>
<Frameset cols="50%,50%">
     <Frame src="left.html" Frame name="left" noresize scrolling="NO">
     <Frame src="right.html"  Frame name="right" noresize scrolling="NO">
</Frameset>
 
</html>
 
Содержание левого фрейма:
<html>
<head>
 
<script type="text/javascript">
   function a()
   {var dt=document.getElementById("t1");
    parent.right.document.open ();
      var tpk = 0;
    parent.right.document.write ('<table id="t1" width="100%" border="1">');
     for (i=0; i<10; i++) {
      parent.right.document.writeln("<tr>");
      for (j=1; j<11; j++)  
        { 
       tpk = i * 10+ j;      
        parent.right.document.write("<td>"+tpk+"</td>");
        }
      parent.right.document.writeln("</tr>");}
parent.right.document.close ();
 
}
 
 
</script>
</head>
<body>
<input name="button" type="button" value="Сброс" onclick="a()" />
<input name="button" type="button" value="Циклически вниз" onclick="s" />
<input name="button" type="button" value="Циклически вверх" onclick="" />
<input name="button" type="button" value="Циклически влево" onclick="" />
<input name="button" type="button" value="Циклически вправо" onclick="" />
<input name="button" type="button" value="Поворот по часовой стрелке" onclick="" />
<input name="button" type="button" value="Поворот против часовой стрелке" onclick="" />
 
</body>
</html>

Не могу обращаться к содержимому таблицы для манипуляции, те написать функцию, которая при нажатии соответствующей кнопки изменяла бы порядок строк, столбцов и т.д. Хэлп плииз!

@kalabuni · 24.12.2012, 04:43

Loona, как я понимаю, вам это надо не для себя, а для сдачи преподу, так?

если я прав, то тогда для оказания вам помощи надо знать тот уровень обучения,
которому соответствует это задание

дело в том, что и создание таблицы, и манипулирование ею легко (в смысле "веса" кода) и красиво осуществляется DOM-методами и с использованием DHTML-коллекций
но, вполне вероятно, вы их ещё "не проходили"
поэтому работа, выполненная DOM-методами и с применением DHTML-коллекций, вряд ли вам подойдёт
препод, который не рассказывал вам, например, про методы
createElement (), insertRow (), insertCell (), deleteRow (), deleteCell (), appendChild (), cloneNode (), replaceChild ()... и про коллекции rows, cells
ведь он же сразу поймёт, что это задание выполняли не вы сами

так что... отвечайте - перечисленные мною методы и коллекции уже изучали или нет?
если не изучали, тогда будет другой вариант решения: много проще (с точки зрения программирования), много больший по объёму и, соответственно, - совершенно некрасивый
----------

кроме того, необходимо пару уточнений про процессы
1) переход из одного состояния в другое - он нужен "мгновенный" (было "так", нажали кнопку - стало "эдак") или же строчки/столбцы должны после нажатия кнопки "плавно по одной создаваться/исчезать/перемещаться/переворачиваться" ?

2) понятное дело, что кнопки 2-7 должны быть недоступными, покуда в первый раз не нажата кнопка 1 (т.е. покуда таблицы ещё нет) и только тогда, когда будет нажата первая кнопка, становится возможным нажатие на любую из остальных

но необходимо внести ясность в вопрос - могут ли далее после нажатия какой-то кнопки (например, номер 2) нажиматься любая из кнопок 2-7 ?
ведь в этом случае следующий процесс будет происходить из другого положения строк/столбцов таблицы, а не из исходного

или же нужна однократная работа?
т.е. нажали 1-ю и 3-ю, а потом снова надо нажимать 1-ю, чтобы нажать, например, 5-ю, и т.д.
в зависимости от вашего ответа на этот вопрос будет применяться та или иная логика в коде

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	24.12.2012, 04:43
	Loona, как я понимаю, вам это надо не для себя, а для сдачи преподу, так? если я прав, то тогда для оказания вам помощи надо знать тот уровень обучения, которому соответствует это задание дело в том, что и создание таблицы, и манипулирование ею легко (в смысле "веса" кода) и красиво осуществляется DOM-методами и с использованием DHTML-коллекций но, вполне вероятно, вы их ещё "не проходили" поэтому работа, выполненная DOM-методами и с применением DHTML-коллекций, вряд ли вам подойдёт препод, который не рассказывал вам, например, про методы createElement (), insertRow (), insertCell (), deleteRow (), deleteCell (), appendChild (), cloneNode (), replaceChild ()... и про коллекции rows, cells ведь он же сразу поймёт, что это задание выполняли не вы сами так что... отвечайте - перечисленные мною методы и коллекции уже изучали или нет? если не изучали, тогда будет другой вариант решения: много проще (с точки зрения программирования), много больший по объёму и, соответственно, - совершенно некрасивый ---------- кроме того, необходимо пару уточнений про процессы 1) переход из одного состояния в другое - он нужен "мгновенный" (было "так", нажали кнопку - стало "эдак") или же строчки/столбцы должны после нажатия кнопки "плавно по одной создаваться/исчезать/перемещаться/переворачиваться" ? 2) понятное дело, что кнопки 2-7 должны быть недоступными, покуда в первый раз не нажата кнопка 1 (т.е. покуда таблицы ещё нет) и только тогда, когда будет нажата первая кнопка, становится возможным нажатие на любую из остальных но необходимо внести ясность в вопрос - могут ли далее после нажатия какой-то кнопки (например, номер 2) нажиматься любая из кнопок 2-7 ? ведь в этом случае следующий процесс будет происходить из другого положения строк/столбцов таблицы, а не из исходного или же нужна однократная работа? т.е. нажали 1-ю и 3-ю, а потом снова надо нажимать 1-ю, чтобы нажать, например, 5-ю, и т.д. в зависимости от вашего ответа на этот вопрос будет применяться та или иная логика в коде 0