Виртуальный футбольный менеджер Легион
Логин
Пароль
Регистрация   Забыли пароль
Авторизация через:
Газета
Реферальная система
Приложение для Android
 
Несколько заметок о редатировании статей

После создания этого опуса мне задали вопрос, каким образом реализован используемый там споилер.
Попробую развёрнуто описать. У меня нет специального образования в этих областях и все знания получены в процессе реализации различных хобби, поэтому сведующие люди могут увидеть режущие глаз вещи - извиняйте, я самоучка.
Статья разбита на несколько разделов, потому что есть желание еще кое что сказать...

Итак, поехали ;)))

Spoil me

В одном из подключенных к сайту скриптов имеется функция toggleElem с помощью которой можно реализовать споилер.
Вызов этой функции доступен при создании не только статей, но и страниц ваших федераций, например, на странице
Испанских дерби (да простят меня испанцы - всё никак не обновлю данные). Здесь спойлеры вложены один в другой - сначала открываем дерби, а потом при нажатии на статистику матчей можно посмотреть историю встреч.

В упрощенном виде это выглядит так:





Как это всё работает? Достаточно просто.
Нам необходимо два блока, один из которых выполняет роль кнопки, а второй - соответственно открывется/скрывается этой кнопкой:



В первом блоке в теге прописывается 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 ФМ.

fightmaster: На написание хорошей статьи у автора уходит от 3-5 часов. Без поддержки читателей, у автора опустятся руки и он не сможет "легко" писать. Он впадет в уныние и разочарование от того, что его никто не читает, а если и читает, то ничего не пишет. Поэтому просьба не забывать, что писатель пишет для читателей, и ему крайне необходимо ощущать, что он написал это не зря и кто-то прочитал его творение.


Гости не имеют возможности оставлять комментарии.

Карта сайта   Посетители сегодня   Сейчас на сайте
© Виртуальная Республика 2008-2016
            Яндекс.Метрика