|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
25.12.2022, 10:57 | #1 |
Новичок
Джуниор
Регистрация: 25.12.2022
Сообщений: 5
|
Как и куда вставить код CSS в текст HTML.
Есть код который работает, но есть и вопрос:
=================================== ======================= Код:
Сейчас я могу это сделать через Word-макрос, но это "криво" - надо выходить из файла, макросить и снова входить. хотелось бы (если возможно): ------------------------------- 1. ввести функцию f(n) чтобы этот текст получался из Код:
Код:
Код:
2. ввести массив для всех этих переменных sub, так чтоб знать какие из них [-]/[+] открыты/скрыты Какие находятся внутри каких. Чтоб открывать по запросу к ветке 2 и её 2 и ствол 0 ведущий к ней. ------------------------------- 3. Я умею программировать скажем в С, но не понимаю, как программировать в CSS, нет опыта и нет примера. Можно ли встраивать код в середину текста? Комментарии же можно, а код? Он же "должен" отрабатывать при кликах? То есть снова вопрос 1, но другими словами. Может быть где-то на форуме есть примеры готовых программ, чтобы увидеть их и в коде, и в работе. Последний раз редактировалось Пенсионер1; 25.12.2022 в 11:04. |
25.12.2022, 14:51 | #2 |
Пользователь
Регистрация: 02.05.2022
Сообщений: 81
|
Ну вот примера самого html. У меня файлы css подключены отдельно как и файлы с кодом js.
Код:
Код:
Последний раз редактировалось BDA; 26.12.2022 в 07:03. |
25.12.2022, 15:10 | #3 |
Новичок
Джуниор
Регистрация: 25.12.2022
Сообщений: 5
|
В принципе можно действовать и проще.
Достаточно иметь пару не используемых в тексте символов (или слов скажем @ и %%). тогда в два приёма: Код:
Код:
Код:
Где увидеть пример "средней" по размеру CSS программы? Спасибо, не мог войти из-за пароля. Сейчас поизучаю Ваши посты. Последний раз редактировалось BDA; 26.12.2022 в 07:04. |
25.12.2022, 15:34 | #4 |
Участник клуба
Регистрация: 17.04.2022
Сообщений: 1,833
|
CSS (тэг <style></style>) это не программа, а набор значений для форматирования элементов в HTML.
Если вы хотите написать программу, тогда это JS (тэк <script></script>). Для формирования динамической информации на странице вам надо создать шаблон и с помощью JavaScript наполнить его информацией. Но информацию можно получать от разных источников. Например можно запрашивать ее с сервера или из массива заданного в программе на JS. Вот текст на HTML Код HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> </body> </html> Код HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style> .main { background-color: black; text-align: center; text-decoration: underline; } </style> </head> <body class="main"> </body> </html> Код HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style> .main { background-color: black; text-align: center; text-decoration: underline; } </style> <script> function f(num) { return "Тема " + num + ". <img src =\"plus.gif\" id=\"imgsub0\"> \ <br>\ <table border=\"1\" width=\"100%\" class=\"sub\" id=\"sub0\" bgcolor=\"#CCFFCC\">\ <tr>\ <td> 1. <img src =\"plus.gif\" id=\"imgsub1\"> <br>\ <table border=\"1\" width=\"100%\" class=\"sub\" id=\"sub1\" bgcolor=\"#FFFFFF\">\ <tr>\ <td> 1.\ </td>\ </tr>\ </table><br>\ 2. <img src =\"plus.gif\" id=\"imgsub2\"> <br>\ <table border=\"1\" width=\"100%\" class=\"sub\" id=\"sub2\" bgcolor=\"#FFFFFF\">\ <tr>\ <td> 2.\ </td>\ </tr>\ </table>\ </td>\ </tr>\ </table>"; } function init() { document.body.innerHTML = f(0) + f(1) + f(2); } </script> </head> <body class="main" onload="init();"> </body> </html> |
25.12.2022, 16:26 | #5 |
Новичок
Джуниор
Регистрация: 25.12.2022
Сообщений: 5
|
Огромное спасибо за подсказки. Я кажется начал "понимать" логику CSS + JS.
Я "знаю" как собрать данные со всех sub-ов в массив и как затем выяснить их иерархию в тексте, но... Но если в том же С я сделал бы это 1 раз перед запуском программы, и дальше бы только пользовался этим массивом да модифицировал его при кликах, то боюсь, что здесь это исследование иерархии будет происходить после каждого клика. Может надо повесить какой-нибудь флаг одноразового допуска к построению массива? Я должен подумать и проверить. Трудно в 70 лет думать "по новому". Ещё раз огромное Вам всем спасибо за подсказки. |
25.12.2022, 16:45 | #6 |
Участник клуба
Регистрация: 17.04.2022
Сообщений: 1,833
|
Зачем менять иерархию. Используя JS вы можете менять и CSS свойства элементов. Для скрытия какого-либо элемента достаточно просто его убрать (добавить {display: none;} или {visibility: hidden;})
|
26.12.2022, 06:39 | #7 | |
Новичок
Джуниор
Регистрация: 25.12.2022
Сообщений: 5
|
Для скрытия...
Вы правы, с этого я и начал: Цитата:
Менять не иерархию (писателя), а видимость элементов (читателю) Никто не любит читать "много букофф" особенно пустых. Затем и придуманы оглавления и редакторы с ними и метками/закладками для читателей, чтобы выходить сразу на интересное место (если известно где оно) не читая моря не интересных мест. Много ещё трудностей для писателей и читателей. Слабоваты ещё редакторы и википедии. Не подарок и крошечные экраны смартфонов-телефонов... Что-то ещё будет лет через 10-20? |
|
29.12.2022, 14:12 | #9 |
Новичок
Джуниор
Регистрация: 25.12.2022
Сообщений: 5
|
Грустно, что я сам (без общения с Вами) не сообразил такой пустяк. И многократно "криво" воссоздавал нужную мне инфо.структуру текста.
Проще всего "писателю" прямо в тексте иметь заготовку кода и через ^C + ^h заменять № на нужное значение Код:
Ещё раз, Вадим Фролов и macomics огромное Вам спасибо. |
29.12.2022, 14:23 | #10 |
Форумчанин
Регистрация: 27.04.2022
Сообщений: 493
|
Пенсионер1, честно говоря ничего не понял. По ощущениям попытка изобретения шаблонизатора без использования серверного языка. И язык С вам тут не помошник.
Вам нужна связка PHP+HTML+JS, ну и MySQL в переспективе.
стимулятор https://yoomoney.ru/to/41001303250491
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
куда вставить else | leon2009sp | PHP | 19 | 28.03.2022 22:00 |
В HTML с помощью ява скрипта по нажатию на button вставить в inpute текст | Alar | JavaScript, Ajax | 0 | 07.09.2020 00:57 |
Куда вставить код?!! | Женя32 | PHP | 8 | 03.08.2017 16:08 |
куда лучше вставить прогресс бар? | megostudent | Общие вопросы Delphi | 3 | 28.09.2011 10:09 |