О том как сделать Матрицу кнопок-ссылок для быстрого просмотра файлов.

Кон В. Г., . . http://kohnvict.narod.ru, . . 28-01-2025

В настоящее время наиболее удобной программой для просмотра всего на свете в России является браузер Яндекса. Программа эта довольно большая, но зато она умеет открывать очень большое число типов файлов. Не только файлы с HTML форматированием и программы на языке Javascript, но и картинки любых форматов, видео, pdf документы и просто текстовые файлы. Используя язык программирования Javascript можно написать относительно несложную программу для просмотра файлов на компьютере и сайтов в интернете, главным элементом которой будет картинка на 260 кнопок с номерами. При клике на любую кнопку программа покажет файл по адресу, записанному для этой кнопки в другой вкладке. Можно вернуться в ту вкладку, где осталась картинка и кликнуть новый номер-ссылку. Файл появится в том же окне, что и первый. То есть число вкладок не увеличивается, и это очень удобно.

Чтобы самим сделать такой сайт-программу достаточно иметь сайт-образец. Такой сайт-образец существует по адресу http://kohnvict.ucoz.ru/byclick.htm. Дальше я буду записывать список действий, какие надо проделать, чтобы переделать образец на ваш собственный список.

. . . 1. Нужно выбрать программу редактора текстов. Таких программ очень много. В системе Виндовс есть программа Notepad.exe. Она, наверно, самая плохая из огромного числа таких программ, но для наших дел даже она вполне сгодится. Хотя я советую скачать мою программу ACLP и в ней есть готовая программа номер 25, которая запускает редактор текстов с очень большими возможностями. Но для данной задачи вполне хватит и программы Notepad.exe. Я работаю в системе Виндовс-10 и буду показывать как ее можно открыть в этой системе. В других системах, скорее всего, то же самое. Итак нажимаем клавиши (Вин)+(Х), все буквы клавиш латинские, и в открывшемся меню выбираем строку (Выполнить). Затем вводим слово Notepad, и откроется этот самый редактор. Он будет показывать, что для спасения текста у него приготовлен файл с названием Безымянный. Это надо сразу же исправить. Достаточно набить один пробел, потом выбрать в меню (Файл) строку (Сохранить как) и записать имя файла, которое вы хотите для своего сайта. Пусть это будет (123.htm). При этом последние 4 символа менять нельзя, 123 можно заменить на другое имя. Теперь надо открыть сайт образца по ссылке, которая указана выше, ее можно просто кликнуть. В браузере откроется этот сайт. Затем надо нажать клавиши (Ctrl)+(U) и браузер покажет код этого сайта. Его надо скопировать в ваш редактор. Для этого нажимает клавиши (Ctrl)+(A). Весь текст должен именить цвет фона. Затем нажимает клавиши (Ctrl)+(С) и ничего не происходит, так как текст уходит в буфер обмена который не видно. После этого надо перевести курсор мыши в окно текстового редактора в первую позицию и нажать (Ctrl)+(V). Текст из буфера скопируется в редактор. Первое дело сделано. Я только что сам проделал все, о чем писал и все получилось.

. . . 2. К сожалению этот редактор настолько слабый и не развитый, что он даже номера строк не показывает. Но строк мало. Нужно в меню (Формат) убрать галочку против слов (Перенос по словам). То есть если ее нет, то и хорошо. А если есть -- надо кликнуть эту строку и она исчезнет. Перенос строк все равно существует, так как одна строка настолько большая, что превышает лимит на длину строки и ее все равно переносят. Но все-таки не так часто. Теперь начнем переделывать сайт под себя. В первой строке текст (Кнопки . . . Кон) надо заменить на ваше название сайта. Оно может быть любым, запишите как хотите, и все. Дальше, в 4-й строке есть текст, я запишу его начало и конец (Слева показывается . . . статья). Этот текст вы тоже можете переписать как хотите. Но самое начало данного текста имеет общий смысл и его разумно оставить, а в конце можно и переписать. Второе дело сделано. Я переписывать не стал, так как мне не нужно.

. . . 3. Если еще раз посмотреть на код сайта-образца, то можно увидеть, что два имени файла записаны синим цветом и подчеркнуты. Это ссылки на внешние файлы. Чтобы не мучиться с переносом файлов эти файлы лучше скачать себе без изменений. Делается это так. Кликаем на ссылке. В отдельной вкладке появляется текст файла. Нажимаем клавиши (Ctrl)+(S) и файл скачивается на компьютер. Текст появляется только в первой ссылке. Во второй ссылке показывается картинка, но она скачивается точно также. В результате в папке (Downloads) появлется 2 файла (018.jpg) и (shablon1.css). Эти два файла надо перенести в ту же папку, где находится файл (123.htm), а в ссылках на эти файлы в 3-й и 6-й строках надо убрать названия папок и оставить только имена файлов. Кстати код сайта-образца браузер показывает с номерами строк, так что можно эти номера смотреть там. Третье дела сделано.

. . . 4. И теперь самое главное. В 10-й строке, начинается текст с букв ( adr=[ ) и кончается символами( ]; ) в 13-й строке. В нем записаны в кавычках и через запятую 260 адресов тех самых сайтов, которые открываются по номерам. И вот их надо все переписать. В образце записаны относительные адреса. То есть если файл находится в той же папке, где и редактируемый вами файл, то достаточно только имени файла. Если во внутренней папке, то имя папки надо писать перед именем файла, например, так (имя-папки/имя-файла). Если во внешней папке, то так (../имя-файла). В общем случае адрес может иметь вид (../../../1/2/3/имя-файла). То есть можно подниматься наверх несколько раз, потом спускаться во внутренние папки. Но для работы на компьютере достаточно и просто указать полный адрес, начиная с буквы диска, например, так (C:/1/2/имя-файла). Адрес файла в интернете пишется стандартно (html://a.b.ru/c/d/имя-файла). Вообще говоря, адреса надо писать так, как их показывает браузер. А он для файлов на компьютере пишет в начале так (file:///). Но если это не писать, то оно потом подставляется автоматически. Главное дело сделано.

. . . 5. Вот и все. Но могут быть варианты. Почему я все алреса писал в одной строке. Очень просто. Я их не писал. У меня был другой файл, где они были записаны вместе с другим текстом. И моя программа автоматически выделила мне нужную информацию, отбросив все остальное и так записала. Но реально после запятой можно записать любое количество пробелов и символ конца строки. Результат работы программы будет тем же самым. Если у вас нет 260 разных адресов, вы можете просто скопировать 260 раз один адрес. Так тоже будет работать. Или просто изменить несколько адресов и не использовать остальные номера. Еще раз повторю, что можно писать относительные адреса на компьютере, полные адреса на компьютере и полные адреса в интернете. Все будет работать.

.