Search the Community
Showing results for tags 'js'.
-
Всем привет! Вопрос по #svg ! Нужно поделить екран на 4 треугольника(как на картинке, ссылка на гугл диск с картинками и сами картинки снизу). В этих треугольниках должна быть картинка и пару строк контента, ну и наведение работать должно. Пробовал крутить блоки, но посмотрев, что адаптивность умирает — решил пойти через свг, но так как не шарю в viewBox и point`ах застрял((. Если у вас есть другие варианты решения, с радостью жду! Заранее спасибо! ССЫЛКА НА ПАПКУ С КАРТИНКОЙ: drive.google.com/...OB17Nn6PExYTluN0lVcm1xOW8 а также ФАЙЛЫ САЙТА: drive.google.com/...OB17Nn6PExTUdFODNXYzRNOTA ——————————————HTML————————————————— <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="main.css"> </head> <body> <div class="svg_1"> <svg version="1.1" width="100%" height="50%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" viewBox="0 0 100 100" preserveAspectRatio="none" > <polygon fill="#9E2929" points="0,100 50,0 100,100"/> </svg> <p class="ffggtt">ывмвыывп<p> <svg class="svgshka_2" version="1.1" width="50%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" viewBox="0 0 100 100" preserveAspectRatio="none" > <polygon fill="#492121" points="0,100 50,0 100,100"/> </svg> <svg class="svgshka" version="1.1" width="50%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" viewBox="0 0 100 100" preserveAspectRatio="none" > <polygon fill="#492121" points="0,100 50,0 100,100"/> </svg> <svg version="1.1" width="100%" height="50%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" viewBox="0 0 100 100" preserveAspectRatio="none" > <polygon fill="#9E2929" points="0,100 50,0 100,100"/> </svg> </div> </body> </html> —————————————-CSS——————————————— * { height: 100%; margin: 0; padding: 0; } .svg_1 { width: 100%; height: 100%; box-sizing: content-box; } .svg_1 svg:first-child { width: 100%; height: 50%; display: block; transform: rotate(180deg); } .svg_1 polygon:hover { fill: #C53737; } .svg_1 svg { width: 100%; height: 50%; display: block; } .ffggtt { position: absolute; z-index: 9999; left: 50%; }
-
Здравствуйте. Оцените пожалуйста данную верстку. Судить строго! https://alex2033.github.io/ Использовал: сетку с поддержкой флексов (Flexbox Grid) На данный момент пока самый сложный макет, который верстал. Реализованы: - слайдеры - плавные переходы по ссылкам на якори - адаптивное меню Toggle(специально верхнюю часть хедера делал через флоаты, т.к. с флексами Toggle несколько конфликтует) - табы - scroll up - всплывающие окна и прочее
-
Ищу решение для задачи. Есть небольшой кусок js кода открывающего-закрывающего боковую панель навигации. Нужно изменить-дописать код так, чтобы при открытии.sidenav фон затемнялся, при закрытии возвращался к исходному состоянию. Код лежит здесь — http://javascript.ru/forum/site/70434-zatemnenie-fona-po-kliku.html
-
https://jsfiddle.net/5uv8v33v/1/ ПС. 1. идеально было бы ссылку показать/выводить ссылкой, после клика- номер ссылкой.. К сожалению сейчас не вовсех мобильных браузерах, нынешняя конструкция, ссылка/номер кликабельна ПС. 2. нужно для отслеживание кликов в Яндекс.Метрике
-
Коммерческий опыт: c++, directshow, бд - firebird Ищу удаленку, верстка, frontend. js/jquery/html/css php технический английский mail: pluginmakerz@gmail.com skype: job@pluginmakerz.tk
-
Подскажите как правильно такое нарисовать? Может быть canvas? Пробовал на нем, но линия какая-то размытая получается и не знаю как в произвольных точках этой кривой рисовать круги Возможно за это отвечает какой-нибудь jquery плагин? Вот скриншот http://www.fotolink.su/v.php?id=03b5a0c45dd734ab866094f13307e8a5
-
<div id="exp"> <div>b</div> <div>b</div> </div> В этом коде внешнему блоку exp назначено событие клика мыши, у внутренних блоков нет никаких событий. При нажатии мышью и запрашивании координат клика в свободном пространстве exp код показывает верные координаты. При нажатии в любом внутреннем блоке код показывает координаты относительно внутреннего блока. Как это исправить?
-
Всем привет, собираем людей, учить JS. Будет наставник по вечерам обучать нас, бесплатно. Если кто-то хочет, то стучите в skype crushing1337228@gmail.com
-
Здравствуйте. Верстал макет, нужно было подключить табы(первый раз с ними работаю). Подключил, вроде все как надо сделал, ничего не произошло. Решил в отдельном файле проверить,в итоге все равно ничего, уже голова не варит, мб я что-то очевидное не вижу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <style> .wrapper .active { color: red; } .tab_item { display: none; } .tab_item:first-child { display: block; } </style> </head> <body> <div class="wrapper"> <div class="tabs"> <span class="tab">Вкладка 1</span> <span class="tab">Вкладка 2</span> <span class="tab">Вкладка 3</span> </div> <div class="tab_content"> <div class="tab_item">Содержимое 1</div> <div class="tab_item">Содержимое 2</div> <div class="tab_item">Содержимое 3</div> </div> </div> <script> $(".tab_item").not(":first").hide(); $(".wrapper .tab").click(function() { $(".wrapper .tab").removeClass("active").eq($(this).index()).addClass("active"); $(".tab_item").hide().eq($(this).index()).fadeIn() }).eq(0).addClass("active"); </script> </body> </html>
-
Проблема со скриптом плагина simple lightbox. Самой решить не удалось. Подскажите направление, пожалуйста. Сайт http://borodin-art.ru/ Когда с мобильного устройства нажимаешь на фото, оно открывается во всплывающем окне. Но когда я пытаюсь фото там увеличить растягиванием (двумя пальцами), то не получается. Наверное, из-за того что через свайп работает переход к предыдущему и следующему фото? Это между собой как-то конфликтует может? Или запрет стоит... Что обычно делают в таких случаях? Или проще плагин другой найти? Если что, вот урл скрипта http://borodin-art.ru/js/simple-lightbox.js
-
Здравствуйте помогите пожалуйста допилить скрипт Нужно чтобы при нажатии на .sendmailOn, .feedbackOn не отрабатывала функция getWindow() $(document).ready(function() { function cookieses() { alert ('click'); $.cookie('smartCookies', true, { expires: 31, path: '/' }); } $('.sendmailOn, .feedbackOn').on('click', function(event){ cookieses(); } ); (function($) { $(function() { if (!$.cookie('smartCookies')) { function getWindow() { $('.offer').arcticmodal({ closeOnOverlayClick: true, closeOnEsc: true }); $('#mark').addClass("good"); }; $('html').mouseleave(function(e) { if ((e.clientY < 0) && !($("#mark").hasClass("good"))) { getWindow() } }); } cookieses(); }) })(jQuery) $('.fff').submit(function() { if (!$(this).find('input:checked').length) { alert('Выберите один из вариантов'); return false } cookieses(); }).find('input:checkbox').change(function() { $(this).closest('.form-group').find('input:text').prop('required', this.checked).attr('placeholder', this.checked ? 'Напишите комментарий' : '') }); }); Спасибо!
-
Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось? Они просто проигрываются вместе!
-
Доброе утро! Не сочтите за спам, просто хотелось бы услышать ваше мнение о моем сайте http://proweb4all.ru/ - дизайн (цвет, шрифты, контент), юзабилити и т.д. Критика приветствуется. В разделе "обсуждение работ" был совет разместить пост сюда, если нет 30 сообщений. Флудить не хочется, а по делу написать столько и за неделю не успеть... Заранее благодарен.
-
Добрый день. Подскажите пожалуйста как правильно реализовать данное меню или список, не знаю как правильней назвать. Нужно чтобы при нажатии на город появлялся блок с информацией и загорался определенное место на карте. Если с появлением блока более менее понятно, то как позиционировать эти красные (активные) города, чтобы они не съезжали с карты на разных разрешениях. Буду благодарен ссылкам на демо и примеры. С меня кофе тому кто поможет мне найти хорошее решение =)
-
СДЕЛАЮ САЙТ ПО НИЗКОЙ ЦЕНЕ. ЗНАНИЯ: HTML5, CSS, LESS, SASS, JADE, JS. ПО ВОПРОСАМ ПИСАТЬ НА ПОЧТУ mazay62rus@gmail.com МОЙ GITHUB: https://github.com/mazay62RUS МОЙ SKYPE: amosov_01 МОЙ VK: https://vk.com/wooooooowjs
-
Жду конкретной и жёсткой критики. https://skygask.github.io/
-
Программист PHP (заработная плата от 20 000 до 90 000 руб.) Должностные обязанности: • Разработка веб-проектов любой сложности Требования: • Опыт разработки высоконагруженных проектов как на чистом PHP, так и на фреймворках; • Опыт разработки с использованием ООП; • Опыт работы с реляционными и нереляционными базами данных (проектирование, оптимизация, администрирование); • Знание математики: мат. логика, теория вероятности, мат. анализ, статистика, мат. статистика; • Параллельное программирование; • Приветствуется опыт работы с рекламными сетями или общее представление как они работают. Разработчик JS (заработная плата 25 000 – 150 000 руб.) Должностные обязанности: • Проектирование систем средствами JavaScript Требования: • Отличное знание JavaScript (особенно ООП) и особенностей браузеров, опыт работы от 1 года; • Отличное владение jQuery; знание других фреймворков и принципов их работы также приветствуется; • Умение разделять код JS на модули. Желателен опыт работы с большими проектами. Программист С/С++ (заработная плата от 25 000 до 150 000 руб.) Должностные обязанности: • Разработка ПО средствами C/C++ Основные требования: • Хорошее знание С++; • Знание основных алгоритмов и структур данных; • Понимание принципов ООП, паттерны проектирования; • Знание STL/Boost. Будет плюсом: • Знание Linux и опыт работы с GCC; • Навыки работы с системами контроля версий (GIT, SVN); • Использование современных стандартов C++11/14, современных практик программирования; • Уверенное владение ООП, паттернами проектирования, опыт работы с многопоточностью; • Навыки отладки, профилирования и оптимизации кода; • Устойчивая привычка проверять свой код, покрывать его юнит-тестами, проводить рефакторинг; • Наличие опыта коммерческой разработки на других языках программирования (C#/Java); • Опыт разработки высокодоступных сервисов (24/7). Разработчик мобильных приложений (Xamarin, Java, Swift) (заработная плата от 40 000 до 100 000 руб.) Должностные обязанности: • Разработка мобильных приложений на Xamarin/Android/iOS; • Адаптация технического задания, прототипирование и тестирование приложений; • Оптимизация взаимодействия приложений и серверной части. Требования: • Знание и опыт работы с Xamarin, понимание Xamarin.Forms; • Уверенное знание одной из мобильный платформ: iOS, Android; • Опыт разработки мобильных приложений на Android, iOS платформе; • Опыт работы c реляционными базами данных, такими как SQLite, проектирование баз данных; • Необходимые знания: Java, Swift, C#, Android SDK, Google Cloud Platform. Уровень заработной платы обсуждается на собеседовании. От нас - гибкий график, лучшие зарплаты, комфортные условия, молодой коллектив, новый крутой офис, своя кухня, занятия по стрейчингу, IT- party и многое другое! От Вас - желание развиваться, работать и зарабатывать! ООО "ИНВОЛЬТА" г. Иваново, пр. Строителей, д. 94, оф. 196 тел. 8(930)356-45-98 maria@involta.ru t.me/involta involta.ru
-
- ios
- мобильная разработка
- (and 4 more)
-
Мы достаточная слаженная команда и работаем как единый механизм. Все члены команды обладают достаточной компетенцией, чтобы выполнять работы разного уровня сложности. Сейчас у нас в команде: 4 Технолога/Верстальщика (html5, css3, javascript, reat, angular) 2 Проектировщика/Дизайнера (invision, photoshop, illustrator, sketch) 3 Бэкенд разработчика (php, nodejs, python + работа со всеми известными cms,crm-системами) 4 Мобильных разработчика (1 iOs, 1 Android) 2 Тестировщика Каждый из членов команды четко понимает ответственность за проект! Все задачи ведем в Basecamp, Trello и JIRA, и всегда добавляем туда заказчика, чтобы формировалась прозрачность работы. Процесс работы по проектам у нас такой: Получаем задание Оцениваем сроки и стоимость, предоставляем информацию в электронном виде заказчику. Согласуем эти данные или вносим корректировки. Подписываем договор (с нашей стороны ИП) Получаем аванс по договору Начинаем работу по проекту Ведем разработку проекта Показываем финальную итерацию заказчику и запускаем проект в продакшн. Остаемся довольными сотрудничеством и получаем отзывы по работе, слаженности и о качестве проекта в целом. Рейты работы наших специалистов: Проектирование/Дизайн // 700-800 руб/час Верстка/js // 700-800 руб/час Программирование (бэкенд) // 700-1000 руб/час Тестирование // 400-650 руб/час Разработка приложений (iOS, Android) // 1000-1400 руб/час Мы работаем над тем, чтобы: Заказчик всегда был уверен в том, что сроки по проекту не выйдут за согласованные. Заказчик был уверен в том, что качество работ будет проведено на высшем уровне. Заказчик похвалил нас и сказал, что вернется еще или останется с нами на техподдержку. Наши работы: http://greenjam.ru http://tuborg.ru http://k1664.ru http://corny.ru http://megalabs.ru http://prostude.net http://ecorse.education http://eqeducation.org http://dadacreative.com http://tfg.ru/ http://pirelli.autonews.ru/ http://id-direct.ru http://localway.ru Twenty Five Agency twentyfive.agency Georgy Pantsulaya, CEO via phone: +7-989-536-00-35 via skype: hello@twentyfive.agency
-
Доброго времени суток, форумчане. По дипломному проекту мне задали создание сайта, на котором можно будет распространять платные курсы, которые ведёт моё образовательное учреждение. Нужны: регистрация, вход само собой, сама продажа курсов с автоматической записью людей в группы, в каждой группе определённое количество человек, а так же нужно будет через этот сайт следить за посещаемостью (вообще не понимаю зачем) курсов. Курсы оффлайновые, то есть группа людей в соответствии со своим расписанием будут приходить в образовательное учреждение в установленное время и обучаться. Дело в том, что создание сайтов мы изучали на 2 курсе ровно 2 недели. Чутка выучили html и совсем плохо css. Ищу совета в том, с чего мне начинать, что мне понадобится, какая cms для этого будет лучше и нужна ли она будет вообще.. Ну вы поняли, ищу любого совета. Заранее благодарю.
-
Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)
- 2 replies
-
- адаптивное
- горизонтальное меню из картинок
-
(and 6 more)
Tagged with:
-
Добрый день. Вас приветствует команда студии разработки и продвижения freedots.ru Если вы Front-end разработчик и делаете круто, то высылайте свое портфолио на hr@freedots.ru и вместе мы поработаем над интересными проектами Основные требования: Опыт работы в отрасли не менее 2 лет. Знание языков разметки: HTML, CSS. Знание JS Знание препроцессоров LESS/SASS Знание фреймворков: Bootstrap/Foundation Знание библиотек: jquery.js, желательно знание js фреймворков: angular.js/vue.js Знание сборщиков проектов, таких как: webpack Расположение: Россия > Москва Занятость/ЗП: Занятость:фикс ЗП:40 000 - 60 000 руб. График: обсуждаемо С уважением, команда Freedots.
-
Всем привет, нужна помощь в пролитии света на одну из тем в JS, называется она делегирование событий, Кантор на своем сайте приводит пример с табличкой и изменение цвета. Хорошо это я понял как у него работает и тему понял, НО! Когда я начинаю писать свой JS код, вещать обработчик на общего родителя, например есть вот такая разметка , и я хочу чтобы при по кнопке в любом из блоков мой wrapper-slider становился display:block; Не получаеться написать правильный JS для этого дела((( Ну или так же есть скрипт увеличения цены и количества товара, но мне пришлось на каждый блок вещать свой обработчик так как по другому к сожалению не могу додуматься как, теорию читал, но тех примеров оказалось мало для понимания( HELP ME!
-
Вот есть сайт, который работает и всё у него нормально, но со временем есть задача поставить больше страниц и конечно же "ухаживать" за ними. С недавних пор научился с одной страницы добавлять несколько объектов на все остальные куда они нужны. Так вот, я добавляю класс, добавляю инструкцию в js и чтобы например 1 див создать, мне нужно приписать ему класс, приписать в js ему функцию, и добавить на сайт в виде этого дива, Можно ли как нибудь создать такую форму, где заполнив данные, на сайт автоматически добавлялись эти нужные блоки, то есть, к примеру. : есть <div class="style">Что-то</div> и это уже есть на сайте, он содержит какой то блок с информацией, А есть необходимость чтобы введя в форму этот "style" он создавал нужный блок с настройками, автоматически добавлял ему css указанную, по типу .style {width:100px;height:100px;} чтобы между <div> ВОТ ТУТ </div> помещалось то что указанно в форме, например тект, чтобы была возможность выбрать картинку, Но суть в том что, чтобы эта форма добавляла в JS правило где содержится функция для этого класса .style , и чтобы не залезать в js просто редактировать его сразу из формы Чтобы он сам автоматически добавлял то что ему указанно, ну и чтобы сразу добавлял на нужную страницу Можно хотя бы узнать где такое найти, попробую сам изучить это, чтобы намного облегчить себе работу с сайтом. Да даже этот сайт в пример, я ввёл в окошки название страницы и информацию, и он вывел тут блок в котором вся суть, и присвоил ему нужный класс с функциями, Только мне ещё js нужно подключить к этому делу
-
Доброго времени суток. Возникла проблема с использование двух и более аккордеонов на странице и я к сожалению не могу сама разобраться, как это сделать... Я использую данный аккордеон https://tympanus.net/codrops/2013/03/29/nested-accordion/ , прикреплю свой файл, т.к. в нем есть небольшое изменение, если нет раскрывающего блока, то нет активности у раскрытия. Вызывается работа аккордеона простым кодом. $( '#cbp-ntaccordion' ).cbpNTAccordion(); Работаю в umi, там можно в xsl прописать у id="cbp-ntaccordion{page/@id}", то будет добавляться id данной страницы, но вот как правильно прописать {page/@id}, чтобы в js тоже подставлялся данный номер? Спасибо jquery.cbpNTAccordion.js
-
Подскажите плиз. Есть 6 блоков, надо что бы в рандомном порядке, каждую 2ю секунду подсвечивался один блок, потом потухал и подсвечивался другой. У меня получилось это сделать, но как сделать так, чтобы один и тот же блок не подсвечивался 2 раза подряд? Если бы можно было как-то указать :not-previous