JavaScript

4,723 questions in this forum

1. Работа модульных систем

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

   Asked by FanAizu, February 18, 2015

   0 votes
   4 answers
2. Скрытие элементов в 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
3. проверка размера файла в форме

   помогите пожалуйста советом есть страница с формой. форма валидируется популярным плагином 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
4. Адаптивный ресайз блоков по высоте и ширине

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

   Asked by vip, February 22, 2015

   0 votes
   11 answers
5. скрыть преждевременное сообщение об ошибке

   помогите пожалуйста решить проблему есть форма. надпись "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
6. валидация поля загрузки файла

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

   Asked by cyklop77, February 23, 2015

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

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

   Asked by FanAizu, February 23, 2015

   0 votes
   4 answers
8. Грант, подключение русурсов 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
9. Проблема с 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
10. Обвертка дочерних

    Всем привет! Не могу допетрать как мне сделать правильно, да и вообще допетрать. есть такая структура <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
11. Выделение блока меню по прокрутке

    Всем привет! При скролле прилипает шапка к верху в ней ссылки якоря. Прокрутку по клику обрабатываю таким образом 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
12. Что это значит? Это же из ООП?

    Всем привет! Может кто-нибудь доходчиво объяснить, что значит эта запись - (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
13. Определение id элемента по которому кликнули

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

    Asked by advokatua, March 5, 2015

    0 votes
    2 answers
14. динамическая проверка полей

    помогите пожалуйста разобраться в ситуации при помощи 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
15. Убрать элементы интерфейса текущего окна

    Здравствуйте, никак не получается убрать элементы интерфейса текущего окна. Вот код, который не срабатывает (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
16. Передача переменных 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
17. 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
18. вывод сообщения на новую страницу с <input>

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

    Asked by BlooDSikeR, March 12, 2015

    0 votes
    4 answers
19. И снова подсветка текущего раздела

    Здравствуйте! Есть скрипт подсветки раздела - добавляет класс родительскому элементу. Работает даже при передаче в адресной строке GET-параметров и с учётом вложенности каталога. НО! У меня есть каталог /magazine/male_articles/ а есть вложенные каталоги, например /magazine/male_articles/some_category/. Когда переходишь в категорию, то класс добавляется и текущему разделу, и общему разделу /magazine/male_articles/, то бишь этот раздел главный, а остальные - вложенные и, так как он присутствует в адресе каждой вложенной ссылки, то и подсвечивается постоянно. Как можно убрать с него подсветку при выборе подкатегорий? Сам скрипт: $(function () {$('.magazine_nav ul li a').each…

    Asked by Torawhite, March 15, 2015

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

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

    Asked by yaparoff, March 16, 2015

    • слайдер Javascript
    0 votes
    3 answers
21. Как сделать автоматическое перелистывание слайдера на 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
22. Загрузка файла в форму - событие?!

    Привет, всем! Требуется помощь! Есть ли в js событие, которое отвечает за загрузку файла в форму? Например загружает человек картинку с помощью input[type="file], и после того, как он это сделает срабатывает какое-то событие. Спасибо!

    Asked by Antoshka007, March 19, 2015

    • js
    • jquery
    • event
    • file
    • input
    • form
    0 votes
    2 answers
23. Простой калькулятор сложения

    http://cssdeck.com/labs/zum6uqm6 Правильный ли этот мой код? Я посмотрел у других у них совсем другой

    Asked by DivMan, March 19, 2015

    0 votes
    10 answers
24. Количество изображений в слайдере

    Здравствуйте! Есть слайдер Код слайдера html <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Ваш сайт</title> <script type="text/javascript" src="js/gallery.js"></script> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="gallery-display.css"> </head><body style="background-color: burlywood;"><div class="box big"> <div id="slider" class="image3"> <!-- La banderolle qui contiens toute les images --> …

    Asked by FitTech, March 19, 2015

    • слайдер img
    0 votes
    0 answers
25. С чем связывать AJAX?

    Допустим есть 3 файла (controller, model, view), первый получает запросы (POST) и передает второму, который записывает их в бд, а третий подготавливает их к выводу в шаблоне. Т.е. MVC. Ajax мы связываем с серверным файлом, который, по сути, должен выполнять одну из перечисленных выше функций, но какую? Если в ajax указать связь с файлом, который записывает данные бд (что очень удобно, т.к. мы получили запрос и сразу записали его), то этот класс (класс записи в бд) должен вызываться именно файле, в котором он объявлен (т.е. если в файле model.php мы объявили класс, то в нем же и должен идти вызов, т.е. $m = new model(); ) иначе AJAX не сможет организовать передачу…

    Asked by Hoax, March 21, 2015

    0 votes
    11 answers