JavaScript

4,723 questions in this forum

1. Как сделать автоматическое перелистывание слайдера на JS/CSS ?

   Есть слайдер http://codepen.io/anon/pen/YPRQjo Как сделать на нем автоматическое перелистывание? В гугле много примеров на jQuery. Но хотелось бы сделать это на чистом JS или CSS (если такое возможно). При переключении слайдов переход должен быть плавным. (Хотел, чтобы свойство opacity менялось от 0 к 1 через анимацию, но что-то не получается)

   Asked by yaparoff, March 17, 2015

   • слайдер
   • Javascript
   0 votes
   0 answers
2. Не получается переключить слайдер с помощью JS

   Вот сам слайдер http://codepen.io/anon/pen/YPRQjo Радиобаттоны функционируют. Но стрелочки не получается привести в действие. Думаю, лучше это сделать с помощью JS. Уже пробовал с помощью нажатия стрелки включать display:block у определенного слайда. Но что-то не получилось. Подскажите как лучше реализовать это?

   Asked by yaparoff, March 16, 2015

   • слайдер Javascript
   0 votes
   3 answers
3. Подскажите со скриптом

   Добрый вечер, подскажите пожалуйста как написать скрипт который при загрузке страницы и при смене шишины окна браузера задает ширину элементу с классом .test, вычисляя ее по формуле: ширина .test = целая часть от ((ширина контейнера, в котором он находится) - 100) / 140

   Asked by Kenshi24, February 14, 2015

   0 votes
   8 answers
4. вывод сообщения на новую страницу с <input>

   Здравствуйте,не судите строго,у меня на данный момент с js плоховато). Занимаюсь html версткой,и мне нужно сделать что бы при вводе текста в <input> при нажатии кнопки "ГО" данный текст выводился на новой странице,только не через "alert" а как обычный текст.Спасибо)

   Asked by BlooDSikeR, March 12, 2015

   0 votes
   4 answers
5. angular in IE8

   ...как выяснилось angular 1.3 не поддерживает ie8. скажите пожалуйста такое подключение: <!-- angular --> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <!--[if lte IE 8]> <script src="https://code.angularjs.org/1.2.9/angular.min.js"></script> <![endif]--> можно использовать в принципе? не повлечёт ли это каких-нибудь неочевидных на первый взгляд проблем? работать то работает, но мало ли? или есть более культурный способ?

   Asked by cyklop77, March 9, 2015

   • angularjs
   0 votes
   6 answers
6. Передача переменных PHP из одного PHP-файла в другой с помощью ajax

   Здравствуйте! Необходимо передать две переменные без перезагрузки страницы при клике на элемент, на данный момент код имеет такой вид var id = "<?php echo $row["id"];?>";var count_vk = "1";var count_fb = "1";var count_tw = "1";$(document).ready( function() {$("#share_wrap_vk").click(function(){$.ajax({type: 'POST',url: '/blocks/share_counter.php',data: ""});});$("#share_wrap_fb").click(function(){$.ajax({type: 'POST',url: '/blocks/share_counter.php',data: ""});});$("#share_wrap_tw").click(function(){$.ajax({type: 'POST',url: '/blocks/share_counter.php',data: ""});});});нужно передать id и count_vk документу share_counter.php. count_vk,fb,tw необходимы только для тог…

   Asked by Torawhite, March 8, 2015

   0 votes
   9 answers
7. Убрать элементы интерфейса текущего окна

   Здравствуйте, никак не получается убрать элементы интерфейса текущего окна. Вот код, который не срабатывает (Firefox 36.0): if (window.locationbar && ...) { window.locationbar.visible = !window.locationbar.visible; window.menubar.visible = !window.menubar.visible; //и т.д.}Пробовал также открыть окно при помощи window.open(), и затем закрыть старое, новое открывалось корректно но старое не закрывалось. Пробовал разные типа фиксы, вроде window.open('', '_self', '') и т.д. Закрытие не срабатывало. Пытался также сделать скрипт привелегированным чтобы дать разрешение на использование способа в коде выше, но не было такого свойства у firefox. try { if (wi…

   Asked by fredwriter, March 6, 2015

   • window.locationbar
   • window.menubar
   • UniversalBrowserWrite
   • capability.principal
   • PrivilegeManager
   • window.open
   0 votes
   3 answers
8. динамическая проверка полей

   помогите пожалуйста разобраться в ситуации при помощи angularjs навесил на форму валидацию. в целях отладки каждое действие сопровождается выводом в консоль сообщений: briefApp.directive('nameValidate', function() { return { link: function($scope, element, attrs, ctrl) { $scope.$watch('name', function(value){ console.log(11111); console.log($scope.brief_form_new.name_new.$valid + 'for name'); }); } };});briefApp.directive('phoneValidate', function() { return { link: function($scope, element, attrs, ctrl) { $scope.$watch('phone', function(value){ …

   Asked by cyklop77, March 5, 2015

   • angularjs
   0 votes
   6 answers
9. Что это значит? Это же из ООП?

   Всем привет! Может кто-нибудь доходчиво объяснить, что значит эта запись - (function() { и })();? Я так понимаю, это что-то по части ООП. Знаю, этот подход и сам пишу проекты с его использованием, но на других языках, а тут не совсем понимаю, за что отвечают скобки, в которые обернута вся функция и скобки в самом конце (); Встречал подобную запись, где в параметрах функции и в последних скобках фигурирует $ (т. е. jQuery). И что это значит в этом случае? Заранее, спасибо! var MYAPP = (function() { var privateFunc= function() { return 'private'; }; return { func: function(a, { return a + b; } };})();

   Asked by Antoshka007, March 3, 2015

   • js
   • javascript
   • function
   • jQuery
   0 votes
   5 answers
10. Определение id элемента по которому кликнули

    Есть вот такой блок с выбором файлов: В данном случае имеем стандартный input с выбором файла, которому поставлен "opacity: 0" и "z-index:9999", а под него засунута своя стилизованная кнопка, 3 из которых мы видим на картинке. Все это работает так: - изначально есть только одно поле выбора файла. Мы клацаем по кнопке "Выберите файл..." и наша надпись на кнопке соответственно заменяется именем выбранного файла - затем, если нам надо добавить еще один файл, мы клацаем на кнопку "+" и снизу добавляется еще одно поле (подобно первому скрину с 3-мя полями). Каждое новое поле имеет свой id вида "#fln№" (первое поле #fln1, второе #fln2 и т.д.) и одинаковый класс ".uplFil…

    Asked by advokatua, March 5, 2015

    0 votes
    2 answers
11. Проблема с Ajax подключением

    Здравствуйте, форумчане! Никак не могу разобраться почему программа ругается на строку: xmlhttp.open("POST", "lesson_2.php", true); Где xmlhttp - это значение, которое возвращает функция getXmlHttp() (на сколько я знаю, ее часто используют http://habrahabr.ru/post/126788/) Выдается ошибка: Uncaught TypeError:Undefined is not a function Подскажите, кто сталкивался с подобной проблемой!

    Asked by Antoshka007, February 27, 2015

    • ajax
    • js
    • open
    0 votes
    5 answers
12. Выделение блока меню по прокрутке

    Всем привет! При скролле прилипает шапка к верху в ней ссылки якоря. Прокрутку по клику обрабатываю таким образом var hashTagActive = ""; $(".anchors").click(function (event) { if (hashTagActive != this.hash) { event.preventDefault(); var dest = 0; if ($(this.hash).offset().top > $(document).height() - $(window).height()) { dest = $(document).height() - $(window).height(); } else { dest = $(this.hash).offset().top; } $('html,body').animate({ scrollTop: dest }, 1000, 'swing'); …

    Asked by vladmih, March 3, 2015

    0 votes
    1 answer
13. Обвертка дочерних

    Всем привет! Не могу допетрать как мне сделать правильно, да и вообще допетрать. есть такая структура <section class="height"> <div class="inner">Еще куча блоков</div></section><section class="height"> <div class="inner">Еще куча блоков</div></section><section class="another"> <div class="inner">Еще куча блоков</div></section><section class="another"> <div class="inner">Еще куча блоков</div></section><section class="height"> <div class="inner">Еще куча блоков</div></section>Нужен код который бы весь дочерний контент блоков height оборачи…

    Asked by vladmih, March 2, 2015

    0 votes
    1 answer
14. Адаптивный ресайз блоков по высоте и ширине

    Люди добрые помогите скриптом, решающим адаптивный ресайз блока по высоте и ширине по отношению к его родителю. Нашел вот такой скрипт http://habrahabr.ru/post/187406/ но он работает по отношению к окну браузера, а надо чтобы работал по отношению к родительскому блоку и чтобы адаптируемый блок центрировался как по высоте так и по ширине относительно родителя.

    Asked by vip, February 22, 2015

    0 votes
    11 answers
15. Грант, подключение русурсов bower пакетов в продакшн версию

    Я использую yeoman для скаффолдинга проекта. В итоге в проекте имеется папка app с дев. версией проекта и папка dist с продакшн версией проекта. Разрабатывая проект в папке app, затем вызывается задача гранта и грант собирает всё из папки app, минифицирует, конкатенирует и т.п., в итоге на выходе получаются файлы проекта(1 js файл, в котором все скрипты, 1 css файл, в котором все стили), которые складываются в папку dist. Все вроде пока хорошо до тех пор, пока мне не приходится заюзать какой-нибудь bower пакет. Например, я установил twitter bootstrap bower пакет. В gruntfile-е в задаче конкатенации подключаю к остальным js файлам js файл bootstrap-а. Тоже для css bootstra…

    Asked by FanAizu, February 25, 2015

    0 votes
    1 answer
16. Подгрузка стилей с использованием iframe

    Стоит следующая задача: при выборе темы оформления сайта в селекте, нужно менять значение href у тега link с используемой таблицей стилей на сайте. Проблема в том, что меняя значение href у link, сайт отображается без стилей, пока не загрузятся новые. Поэтому нужно каким-то образом отслеживать загрузку стилей нововыбранной темы и только после этого менять значение href у линк, тогда, теоретически, смена оформления сайта произойдет без мерцания, то есть мгновенно. Но нету возможности отследить, когда загрузятся стили в теге link. Поэтому нашел выход - грузить стили новой темы в iframe-е т.к. у window внутри iframe-а есть событие load, которое дожидается загрузки всех ресур…

    Asked by FanAizu, February 23, 2015

    0 votes
    4 answers
17. валидация поля загрузки файла

    помогите пожалуйста доработать валидацию формы здесь поле загрузки файла необязательное. но если пользователь всё таки загружает файл, то он проверяется(формат и максимальный размер в байтах). в результате проверки выводятся сообщения-подсказки. вывод сообщений-подсказок я реализовал, но они никак не связаны с отключением возможности отправить невалидную форму хотелось бы чтобы форма отправлялась после клика по submit при пустом поле загрузки файла. форма не отправлялась после клика на submit если на экране есть сообщения об ошибочном заполнении поля загрузки файла(несоответствующие размер файла и формат файла) var app = angular.module('showApp', []);app.controller('M…

    Asked by cyklop77, February 23, 2015

    • angularjs
    • angular
    • javascript
    0 votes
    1 answer
18. скрыть преждевременное сообщение об ошибке

    помогите пожалуйста решить проблему есть форма. надпись "You break my heart" появляется сразу после отрисовки формы. но мне нужно чтобы сразу после отрисовки формы этой надписи не было. и чтобы она появлялась только после того как пользователь пробовал вводить текст <div ng-app=""> <form name="LovelyForm"> <input type="email" name="LovelyEmail" ng-model="email" required /> <br> <span ng-show="LovelyForm.LovelyEmail.$invalid">You break my heart</span> </form></div>

    Asked by cyklop77, February 22, 2015

    • angular
    • angularjs
    0 votes
    1 answer
19. Работа модульных систем

    Проясните, пожалуйста, пару момент по модульным системам, например AMD: 1) если на странице нету какого-то модуля, который нужен для работы другого модуля, который уже есть на странице и ждет своего резолвинга, то модульная система скачивает файл этого отсутствующего модуля с сервера и чтобы не делать кучу аякс запросов на сервер, разработчики используют тулзы, которые смотрят все зависимости всех модулей и собирают один js файл со всеми модулями, который подключается вручную на страницу, чтобы не делать запросы на сервер? 2) как я понимаю, если несколько модулей зависят от одного и того же модуля, то все эти модули получат ссылку на одно и тоже экспортируемое значение …

    Asked by FanAizu, February 18, 2015

    0 votes
    4 answers
20. Скрытие элементов в JS!

    Всем привет! Нужна помощь в, насколько я понимаю, решении не самой трудной задачи. Есть три блока: один из них скрыт(visibility: hidden), а другие видны. Нужно сделать так, чтобы при клике на видные блоки появлялся невидный, а те два исчезали. И в обратную сторону тоже. При клике на тот, который первоначально был не виден, он исчезал, а другие два появлялись. Знаю, что нужно делать с помощью псевдоклассов :hidden и :visible, но когда пытаюсь изменить значение видимости таким способом: $("div:hidden")[0].visibility = "visible", то ничего не выходит. Как это правильно реализовать? Спасибо!

    Asked by Antoshka007, February 19, 2015

    • javascript
    • js
    • hidden
    • visible
    • visibility
    0 votes
    5 answers
21. проверка размера файла в форме

    помогите пожалуйста советом есть страница с формой. форма валидируется популярным плагином jqueryvalidation . проблема в том, что нужно проверять размер загружаемого файла, а у этого плагина нет нужного функционала теоретически можно вставить проверку перед отправкой формы. но обработчик setDefaults имеет только invalidHandler и submitHandler $.validator.setDefaults({ invalidHandler: function(){ //console.log("not submitted!"); }, submitHandler: function(){ $( "#brief_form_new" ).submit(); //console.log("submitted!"); } }); $().ready(function() { $("#brief_form_new_test").validate({ …

    Asked by cyklop77, February 20, 2015

    • jqueryvalidate
    0 votes
    5 answers
22. fullcalendar устанавливая цвета для 1 ячейки события перестают работать

    Всем привет, Используя fullcalendar (http://arshaw.com/fullcalendar/) мне нужно установить цвет для 1ой ячейки под мышкой Я нашел пример: http://stackoverflow.com/questions/14128222/hover-effect-on-one-cell-of-agendaweek-fullcalendar С кодом: Paste this code after $('#calendar').fullCalendar( ... ); This will create addition TD in table $("table.fc-agenda-slots th").each(function () { $(this).width(50);});$("table.fc-agenda-slots td.fc-widget-content").each(function () { $(this).width(($("table.fc-agenda-days thead th.fc-col0").width())); $(this).after("<td class=\"fc-widget-content\"><div style=\"position:relative\"></div></td>"); …

    Asked by mstdmstd, January 24, 2015

    0 votes
    1 answer
23. Почему консоль понимает а alert() нет?

    Всем добрый день! Подскажите, в чем может быть проблема: Вот весь скрипт var id = "#id_" + Math.floor(Math.random() * 3); var text = $(id).html(); alert($(id).html()); alert() выдает undefined А если в консоли прописать $(id).html(), то выводится нужная строка (содержание соответствующего параграфа) Но если в консоли прописать text, то тоже undefind В чем дело? Что не так? Спасибо, всем, кто откликнется!

    Asked by Antoshka007, February 17, 2015

    • alert
    • jquery
    • js
    0 votes
    4 answers
24. Баг в Dropdown menu на телефоне

    Есть простой JQuery скрипт для выпадающего меню, все просто наводишь мышкой - выпадает, убираешь мышку - исчезает. На моем планшете есть баг, меню не исчезает если тыкнуть в другую часть экрана. Как можно исправить? $(document).ready(function() { $('.nav > li').bind('mouseover', openSubMenu); $('.nav > li').bind('mouseout', closeSubMenu); function openSubMenu() { $(this).find('ul').addClass('focus'); }; function closeSubMenu() { $(this).find('ul').removeClass('focus'); }; });

    Asked by Kenshi24, February 13, 2015

    • Dropdownmenu
    • mobile
    • dropdown
    0 votes
    3 answers
25. Поиск

    Нужен поиск но искаемое уже должно быть ссылка и название то-есть поиск с уже готовыми ответами и поиск будет в шапке (header) и нужно сделать чтоб при нажатии на форму поиска появлялся блок с информацией а после введения запроса в блоке были ссылки

    Asked by Webgod28, February 14, 2015

    0 votes
    2 answers