вторник, 17 октября 2017 г.

Cssworld.ru Простые всплывающие по нажатию подсказки на JavaScript

  
СДЕЛАЙТЕ РЕВОЛЮЦИЮ В ВАШЕМ АНГЛИЙСКОМ! ЗАПИШИТЕСЬ НА КУРС СО СКИДКОЙ ДО 35% ДО 20 ОКТЯБРЯ!
  
Subscribe.ru
Cssworld.ru Простые всплывающие по нажатию подсказки на JavaScript

Выпуск:  4 | 2017-10-18 | Cssworld.ru

Рассмотрим подробно как сделать простые всплывающие подсказки или окна на JavaScript, которые открываются и закрываются по клику по ним или рядом с ними. При этом может быть открыта только одна из них. Будем использовать JavaScript без jQuery и CSS. Кому нет нужды разбираться, можно взять готовый код.

Для простоты понимания, сначала посмотрим готовый вариант. При клике на Шкаф или Диван открываются подсказки. Они закрываются если кликнуть где-либо в области отмеченной цветом включая саму подсказку. Можно попробовать здесь.

Далее разберем пример детально.

http://cssworld.ru/ | https://subscribe.ru/archive/comp.inet.cssworld/nav/prev//archive/comp.inet.cssworld/201710/18093305.html


 
     Прошлые выпуски
Cssworld.ru Понимание flex или просто о непривычном Cssworld.ru Как правильно писать CSS код - 5 простых эффективных правил Cssworld.ru Как точно расположить элемент внутри другого элемента Все выпуски рассылки
 
Если выпуск не отображается, вы можете прочесть его на сайте

Это сообщение было отправлено на novostnoy.24@gmail.com потому, что вы подписались на рассылку comp.inet.cssworld на subscribe.ru.
Чтобы гарантировать получение писем от нас — добавьте наш адрес в адресную книгу.

Вы можете отказаться от получения писем.

Архив рассылки Поддержка подписчиков

Subscribe.Ru: События в ваших группах за 17-10-2017

     
СДЕЛАЙТЕ РЕВОЛЮЦИЮ В ВАШЕМ АНГЛИЙСКОМ! ЗАПИШИТЕСЬ НА КУРС СО СКИДКОЙ ДО 35% ДО 20 ОКТЯБРЯ!
     
 
Подписки      Группы      Новости
     
 
Добрый день, 1049 Людмила!
 
За прошедший день (17-10-2017) в группах, в которых Вы участвуете, произошли следующие события:

Хобби —  19 тем
Рукоделие —  16 тем и 11 комментариев
Работа и хобби для милых женщин! —  11 тем
Мир искусства, творчества и красоты —  7 тем и 33 комментариия
Учимся работать в компьютерных программах —  6 тем
 
 
Хобби   |  Похожие группы
 
 
Cross Stitch Crazy №236 December 2017
 
Журнал для тех, кто увлекается вышиванием крестом...
 
Читать далее...
 
 
Серная мазь - проверенное и действенное средство от прыщей
 
Серная мазь - проверенное и действенное средство от прыщей...
 
Читать далее...
 
 
Cross Stitch Gold №142 2017
 
Популярный журнал среди любителей вышивания крестом...
 
Читать далее...
 
 
Панно Олененок (мастер-класс, рисование, роспись)
 
Очень интересная техника рисования пластилином на стекле...
 
Читать далее...
 
 
Кашель курильщика симптомы и лечение
 
Курение в наши дни наиболее «модная» вредная привычка...
 
Читать далее...
 
 
Cross Stitch Favourites Christmas 2017
 
Журнал по вышивке крестиком предлагает множество идей и проектов для всех любителей этого вида рукоделия...
 
Читать далее...
 
 
Поделки из природного материала для детей
 
Для того чтобы изготавливать поделки из природного материала, его сначала нужно собрать и подготовить к работе...
 
Читать далее...
 
 
Монтируем клеевые потолки своими руками
 
Любой ремонт, если он не косметический, требует замены не только сантехники, электрики, обоев, полов, но и конечно потребуется работа с потолками...
 
Читать далее...
 
 
Kreativ Keresztszemes himzes №3 2017
 
Журнал создан для тех, кто увлекается вышиванием крестом...
 
Читать далее...
 
 
Осенняя посадка сидератов
 
  Осенняя посадка сидератов...
 
Читать далее...
 
 
Антуриум в качестве прекрасного эпифитного растения в комнате
 
Антуриумы относятся к разряду тех домашних растений, которые способны цвести круглогодично...
 
Читать далее...
 
 
Когда нужно солить капусту в октябре 2017 года
 
Октябрь - самое время солить капусту...
 
Читать далее...
 
 
Умеете ли вы разбираться в людях?
 
Каждому из нас приходится оценивать других...
 
Читать далее...
 
 
Вязание ваше хобби. Приложение №11 2017 Мужская мода
 
"Вязание - ваше хобби" - один из популярных российских журналов по вязанию, который многие годы остается любимым у рукодельниц...
 
Читать далее...
 
 
Let's Knit Series №80559 2017
 
Популярный журнал по вязанию от японских дизайнеров...
 
Читать далее...
 
 
Отделка стен кухни, чем хороши стеклообои
 
  Отделка стен кухни, чем хороши стеклообои...
 
Читать далее...
 
 
Домашнее вино из чернослива – простой рецепт
 
Домашнее вино из чернослива получается гораздо вкуснее, чем из свежих слив...
 
Читать далее...
 
 
Цветок из фетра «Камелия»
 
Цветок из фетра «Камелия» делается из трех оттенков красного фетра и выполнен в виде корсажной броши...
 
Читать далее...
 
 
Запеканка с грибами. Три рецепта грибной запеканки по шагам
 
Среди множества рецептов всевозможных запеканок лидирующее место занимают рецепты запеканок с грибами...
 
Читать далее...
 
 
Рукоделие   |  Похожие группы
 
 
Cross Stitch Gold №142 2017 (вышивка крестиком)
 
Популярный журнал среди любителей вышивания крестом...
 
Читать далее...
 
 
Kreativ Keresztszemes himzes №3 2017 (вышивка крестиком)
 
Журнал создан для тех, кто увлекается вышиванием крестом...
 
Читать далее...
 
 
Cross Stitch Crazy №236 December 2017 (вышивка крестиком)
 
Журнал для тех, кто увлекается вышиванием крестом...
 
Читать далее...
 
 
Creation Point de Croix - L'atelier de la Brodeuse № 1 2017 (вышивание крестом)
 
Спецвыпуск журнала Creation point de croix, который посвящен вышиванию крестом...
 
Читать далее...
 
 
Вязание ваше хобби. Приложение №11 2017 Мужская мода (вязание спицами)
 
"Вязание - ваше хобби" - один из популярных российских журналов по вязанию, который многие годы остается любимым у рукодельниц...
 
Читать далее...
 
 
Pretty Toys №1 2011 Милые игрушки (шитье, игрушки)
 
Творческий журнал для тех, кто любит своими руками создавать игрушки! Девиз журнала "Мечтай...
 
Читать далее...
 
 
Cross Stitch Favourites Christmas 2017 (вышивка крестиком)
 
Журнал по вышивке крестиком предлагает множество идей и проектов для всех любителей этого вида рукоделия...
 
Читать далее...
 
 
Let's Knit Series №80559 2017 (вязание спицами и крючком)
 
Популярный журнал по вязанию...
 
Читать далее...
 
 
Женские сумки (вязание крючком, схема)
 
Сумки яркие цветные вязанные крючком...
 
Читать далее...
 
 
Création Point de Croix № 10 2011 (вышивание крестом)
 
Французский журнал по вышиванию крестом...
 
Читать далее...
 
 
Романтический светильник из осенних листьев (детское творчество, мастер-класс)
 
Перенести всю красоту и великолепие осенней природы к себе домой желают абсолютно все...
 
Читать далее...
 
 
История шелка. Свойства шелка (обзор)
 
Самым красивым и роскошным в сравнении с любым из известных китайцам материалов, пригодных для изготовления и отделки костюма во все времена считался шелк...
 
Читать далее...
 
 
Панно Олененок (рисование, мастер-класс)
 
Очень интересная техника рисования пластилином на стекле...
 
Читать далее...
 
 
Изготовление берестяной цепочки из базовых звеньев (мастер-класс)
 
Сначала научимся делать самую лёгкую цепочку из бересты...
 
Читать далее...
 
 
Плед и пинетки для малыша (вязание спицами, на продажу)
 
     Мягкий, уютный, теплый, очень милый комплект для малыша...
 
Читать далее...
 
 
Мужской пуловер «Winchester» (Вязание спицами)
 
Современный мужской пуловер связан рисунком из жгутов, расположение которых дает необычный визуальныйэффект...
 
Читать далее...
 
Комментарии в темах: 

CrossStitcher №324 2017 (вышивка крестиком) (1)
 
 
Работа и хобби для милых женщин!   |  Похожие группы
 
 
Хранение клубней и луковиц зимой.
 
Альстромерии, георгины, гладиолусы… Среди огромного количества красиво цветущих растений львиная доля приходится на цветущие клубневые...
 
Читать далее...
 
 
Дома из клееного бруса, плюсы и минусы
 
  Дома из клееного бруса, плюсы и минусы...
 
Читать далее...
 
 
Как грамотно украсить патио с помощью декоративных растений
 
Нередко хозяева садовых домиков или дач приглашают к себе друзей, чтобы отпраздновать то или иное событие...
 
Читать далее...
 
 
Надо ли оформлять командировку на один день?
 
В любом случае каждому бухгалтеру доводится встречаться с необходимостью оформления командировки для сотрудников компании, где он непосредственно трудится...
 
Читать далее...
 
 
Дерматит: фото, симптомы и лечение у взрослых
 
Здравствуйте, уважаемые посетители сайта! О признаках, симптомах дерматита и его лечении вы познакомитесь в этой статье...
 
Читать далее...
 
 
Вегетарианство, за и против
 
  Вегетарианство, за и против...
 
Читать далее...
 
 
Как самостоятельно сделать педикюр
 
Для того чтобы ваши ножки всегда выглядели  соблазнительно за ними необходимо регулярно ухаживать...
 
Читать далее...
 
 
Как сделать Эффект набора текста на печатной машинке в программе Camtasia Studio
 
Наверное второй такой материал с описанием эффекта набора текста на печатной машинке в программе Camtasia Studio придется еще очень сильно поискать в Интернете...
 
Читать далее...
 
 
Просушка семян цветов и овощей и сохранение
 
  Просушка семян цветов и овощей и сохранение...
 
Читать далее...
 
 
Топ 7 эффективных масок от прыщей
 
Гормональные сбои, подростковый период, недосыпания, преобладание в рационе сладостей приводит к высыпаниям...
 
Читать далее...
 
 
Прополис: применение, лечебные свойства и противопоказания для детей и взрослых
 
Добрый день, мои дорогие читатели! Продолжаем серию статей о продуктах пчеловодства...
 
Читать далее...
 
 
Мир искусства, творчества и красоты   |  Похожие группы
 
 
Сальвадор Дали: история странного художника
 
Приветствую гостей и постоянных читателей! В статье «Сальвадор Дали...
 
Читать далее...
 
 
Картины Зои Фрэнк
 
    Отсюда...
 
Читать далее...
 
 
Художник Владимир Шустин. Жанровые картины
 
  Художник Владимир Ильич Шустин родился в городе Ярославле в 1957 году...
 
Читать далее...
 
 
Легенды 1980-х: за что на музыкантов группы «Браво» заводили уголовные дела
 
      Лидер группы Евгений Хавтан и солисты *Браво* | Фото...
 
Читать далее...
 
 
Юмористические работы шведского художника-иллюстратора Густава Роберта Хёгфельдта
 
  От иллюстрирования детских книжек до пикантных картинок...
 
Читать далее...
 
 
Уроки квилтинга: стёганая сумочка "Волшебная ночь"
 
    Если вы открыли эту тему, смею предположить, что рукоделие, шитьё - ваше хобби или даже основное занятие...
 
Читать далее...
 
 
Волшебное преображение и омоложение лица (3 видео)
 
      Здравствуйте!   Центр «Альфа и Омега» продолжает удивлять подписчиков)   Это действительно одна и та же женщина?   Такой вопрос возникает каждый раз, когда люди смотрят на результаты учениц Этель Аданье (эксперта мирового уровня по экспресс-омоложению)...
 
Читать далее...
 
Комментарии в темах: 

Очаровательные авторские игрушки Алисы Шангиной. Собаки! (6)
...Говорят, как человек собака... Что за чушь! Собака много лучше! (5)
Художник Млада Финогенова. Любовь к своему отчему дому (5)
Добрые акварели от Soosh (3)
Декоративные блюда (2)
Урок фотографии: семь сказок в интерьере (1)
Мехопузие... Картины из шерсти Ксении Мороз (1)
"И небо опускалось в душу мою"... Необыкновенные стихи (1)
Экскурсия в Новгород Великий (1)
Квилтинг Сью Беннер (1)
 
 
Учимся работать в компьютерных программах   |  Похожие группы
 
 
Как быстро найти нужное слово на любом сайте? [видео]
 
Если Вы регулярно изучаете информацию на разнообразных форумах или сайтах, то, наверняка, хотели бы узнать, как можно быстро найти слово или фразу на том или ином ресурсе...
 
Читать далее...
 
 
Пошаговая инструкция по получению кредита в Сбербанк онлайн
 
В последнее время, в связи со сложной финансовой обстановкой, многие люди начали оформлять потребительские кредиты...
 
Читать далее...
 
 
Ashampoo ClipFinder HD – бесплатная программа для поиска, просмотра, и скачивания видео
 
Бесплатная программа Ashampoo ClipFinder HD служит для поиска видео из интернета...
 
Читать далее...
 
 
Как быстро отобразить панель «Избранное» в браузере
 
Как быстро отобразить панель «Избранное» в браузере Иногда для того, чтобы найти, где включается отображение панели закладок в некоторых браузерах, может уйти несколько минут...
 
Читать далее...
 
 
Гид по настройке панели задач в Windows 10
 
Гид по настройке панели задач в Windows 10 Источник...
 
Читать далее...
 
 
Как задействовать безопасный режим в Word, Excel и PowerPoint
 
Владеете ли вы информацией о том, что популярные приложения из пакета Microsoft Office, такие как Word, Excel, PowerPoint имеют встроенную функцию — безопасный режим? Это существенная помощь пользователю в тех случаях, когда он не может нормально с ними работать...
 
Читать далее...
 
 
Это сообщение было выслано  novostnoy.24@gmail.com
Вы получаете это письмо раз в день, если в группах на Subscribe.ru, в которых вы участвуете и настроили уведомления «Высылать раз в день», были написаны новые темы или оставлены новые комментарии.
Для каждой группы можно изменить или отключить это накопительное уведомление, воспользовавшись cсылкой «Настройки участия» на странице каждой группы Subscribe.ru
Если вы отключите опцию «Высылать раз в день» для всех своих групп, то перестанете получать это письмо вообще.

Это сообщение сформировано и выслано с помощью Sendsay.Ru
 
Subscribe.Ru / АО «Интернет-Проекты» / О компании / Политика конфиденциальности