Несколько заметок о редатировании статей

После создания этого опуса мне задали вопрос, каким образом реализован используемый там споилер. Попробую развёрнуто описать. У меня нет специального образования в этих областях и все знания получены в процессе реализации различных хобби, поэтому сведующие люди могут увидеть режущие глаз вещи - извиняйте, я самоучка. Статья разбита на несколько разделов, потому что есть желание еще кое что сказать... Итак, поехали ;))) Spoil me В одном из подключенных к сайту скриптов имеется функция toggleElem с помощью которой можно реализовать споилер. Вызов этой функции доступен при создании не только статей, но и страниц ваших федераций, например, на странице Испанских дерби (да простят меня испанцы - всё никак не обновлю данные). Здесь спойлеры вложены один в другой - сначала открываем дерби, а потом при нажатии на статистику матчей можно посмотреть историю встреч. В упрощенном виде это выглядит так: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Как это всё работает? Достаточно просто. Нам необходимо два блока, один из которых выполняет роль кнопки, а второй - соответственно открывется/скрывается этой кнопкой: В первом блоке в теге прописывается Javascript отработчик событий onclick, который будет вызывать функцию toggleElem с неким параметром, в данном случае этот параметр "otvet01". Для наглядности в блок вставляем некую картинку, чтобы было понятно что именно тут можно нажимать. Рассмотрим второй блок - непосредственно спойлер. В тег прописываем уникальный идентификатор элемента - id="otvet01" и инлайновый стиль который будет по умолчанию всё это скрывать - style="display: none;" Всё что будет содержаться внутри блока - это соответственно содержимое спойлера, оно может быть разным по уровню сложности, от простого текста, до картинок, таблиц и т.п. Как несложно заметить в качестве уникального идентификатора спойлера мы указали "otvet01" - то что мы уже использовали в качестве параметра при вызове функции toggleElem. Это не случайно, параметром toggleElem должен служить именно id обьекта который мы хотим открывать/скрывать, потому что в соответствии с этим параметром браузер определяет какой именно спойлер мы хотим открыть. Общая схема примерно такова: одна кнопка - один спойлер, параметр для функции в кнопке и id блока со спойлером при этом одни и те же. Добавлю так же что согласно общим принципам и правилам id должен быть задан латиницей и не начинаться с цифр или небуквенных символов. Шаг влево, шаг вправо... В прикрученом на сайте редактору статей есть многофункциональный модуль для вставки изображений в текст статьи. Однако дальше использования функции "Выравнивание" дело редко когда заходит. Хотел бы обратить внимание на такую соседнюю опцию как вертикальный и горизонтальный отступы. В обычном состоянии при осуществлении выравнивания обтекающего изображение текста(в данном случае по левому краю) закладка "Положение" выглядит так: Соответственно, в итоге, изображение с обтекающим его текстом выглядит следующим образом: Даже самые хорошие статьи, с аккуратным форматированием, грешат отсутствием отступов от изображений. Допустим что мы заполнили поля "Верт. отступ" и "Гориз. отступ", указав в качестве параметра, например, цифру 5 (единица измерения тут пиксели). То же самое изображение будет иметь следующий вид: ИМХО, значительно более читабельно выходит, хотя возможно кто то считает иначе, или (что значительно хуже) им всё равно. Холивар Третья часть будет короткой. Все мы к чему то привыкаем, у всех есть свои стереотипы, например, когда некоторые говорят о музыкальном файле, то подразумевают mp3 (который давно пора сдать в утиль), а если вспоминаем о графическом файле - то перед глазами встаёт файл с расширением jpg. Но не единым JPEG-ом жив интернет, для некоторых вещей предпочтительнее использовать формат PNG. Прежде всего это касается скриншотов содержащих текст которые вы иногда добавляете в свои статьи. В некотрых случаях отличия в получаемом качестве между JPEG и PNG бывает разительным. Как бы всё... Если есть вопросы, замечания, дополнения, пожелания не стесняемся - пишем. Знание - сила. Acro, 14 03 2012 17:57:09. Вернуться к последним статьям.

Выплачено за статью: 120,000 ФМ.   Премии за статью: 50,000 ФМ.