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

@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-ю, и т.д.
в зависимости от вашего ответа на этот вопрос будет применяться та или иная логика в коде

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@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