Поиск по сайту
Результаты поиска по тегам 'js'.
Найдено 231 результат
-
помогите пожалуйста разобраться так я передаю параметры для начала игры и сообщений об ошибке в консоли нет. а значит в app.options.level записано определённое значение а так я не передаю параметры для начала игры, следовательно в app.options.level должно записаться значение по умолчанию: 1. то есть должна отработать вот эта инструкция: this.options = { level: options.level || 1 ... ..... ....}но этого не происходит. в результате я получаю в консоли сообщение об ошибке: почему так происходит? ведь оператор || должен присвоить или одно или другое
-
Накодил вот для практики такую вот штуку. http://jsfiddle.net/Andrey7287/7og3qybh/7/show/ При запуске без аргументов создаёт поле 20x20 в body страницы. Доступны параметры. { elem: 'id', // id элемента-контейнера (string) rows: '20, // кол-во строк (number) cells: 20, // кол-во столбцов (number) level: 3 // стартовый уровень (number > 0)} Прошу оценить понятность и адекватность кода. upd: http://jsfiddle.net/Andrey7287/7og3qybh/8/show/
-
Привет! Прошу критики в свой адрес по поводу сверстанного макета. Нашел его на просторах нашего Форума http://t96459jh.bget.ru/ Макет На верстку ушло примерно 5-6 дней. Насчет Responsive, для первого раза посоветовали делать статически, набить руку так сказать) Файлы макета https://www.dropbox.com/s/kk4ueg0ft2241jl/MyFirstProject.zip?dl=0
-
Есть два контейнера, в каждом по 4 дива. https://jsfiddle.net/y3L89Ldf/ Как можно сделать так, что бы каждые две секунды, рандомный блок из верхнего контейнера менялся на рандомный блок из нижнего? И так, что бы в верхнем контейнере не было одинаковых блоков, и что бы верхний блок, не менялся два раза подряд на один из нижних. Походу надо сделать что бы при смене верхнего блока, он менялся местами с нижним, что бы нижний потом тоже мог рандомно стать обратно в верхний контейнер? Спасибо тем, кому будет интересно одолеть задачу
-
помогите пожалуйста разобраться с одним важным для меня моментом допустим, у меня есть объект с набором свойств и методов. при инициализации объекта метод method1 должен вывести в консоль свойство this.prop1. я могу поступить двумя способами: 1. var Game = function() { this.prop1 = 1111; this.prop2 = 2222; this.method1(); }; Game.prototype = { method1: function() { console.log(this.prop1); } }; 2. var Game = function() { this.prop1 = 1111; this.prop2 = 2222; this.method1(this.prop1); }; Game.prototype = { method1: function(prop1) { console.log(prop1); } }; как видите, первый способ допускает использование 'глобальных'(в пределах объекта) переменных, второй - нет какой из них использовать будет правильнее? и главное почему? я не могу определиться, у каждого способа есть свои плюсы и минусы
-
Привет всем! Есть две карты на одной странице, на первой одна метка, на второй их пять Вопрос, как сделать к каждому маркеру свое инфоокно, чтобы они были всегда на виду, т.е. списком сбоку и когда на маркер нажимаешь, подсвечивается соответствующее инфоокно. И смена маркера при его выборе. Спасибо. <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script><script type="text/javascript"> // When the window has finished loading create our google map below google.maps.event.addDomListener(window, 'load', init); function init() { // Basic options for a simple Google Map // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions var pos1 = new google.maps.LatLng(59.921090, 30.343043);//SpB var pos2 = new google.maps.LatLng(55.7695689, 37.6226591); var pos3 = new google.maps.LatLng(55.7379675, 37.625534); var pos4 = new google.maps.LatLng(55.7580242, 37.5633864); var pos5 = new google.maps.LatLng(55.7387458, 37.6552768); var pos6 = new google.maps.LatLng(55.7387478, 37.6549528); ///SPB MAP ============================================================================= var mapOptions = { // How zoomed in you want the map to start at (always required) zoom: 17, // The latitude and longitude to center the map (always required) center: new google.maps.LatLng(59.921090, 30.343043), // SpB mapTypeId: google.maps.MapTypeId.ROADMAP, // How you would like to style the map. // This is where you would paste any style found on Snazzy Maps. styles: [{"featureType":"administrative","elementType":"all","stylers":[{"visibility":"on"},{"lightness":33}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2e5d4"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#c5dac6"}]},{"featureType":"poi.park","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":20}]},{"featureType":"road","elementType":"all","stylers":[{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#c5c6c6"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#e4d7c6"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#fbfaf7"}]},{"featureType":"water","elementType":"all","stylers":[{"visibility":"on"},{"color":"#acbcc9"}]}] }; // Get the HTML DOM element that will contain your map // We are using a div with id="map" seen below in the <body> var mapElement = document.getElementById('map_spb'); // Create the Google Map using our element and options defined above var map = new google.maps.Map(mapElement, mapOptions); var image = 'images/beachflag.png'; ///MSK MAP ============================================================================= var mapOptions2 = { // How zoomed in you want the map to start at (always required) zoom: 12, // The latitude and longitude to center the map (always required) center: new google.maps.LatLng(55.772153, 37.622246), // SpB mapTypeId: google.maps.MapTypeId.ROADMAP, // How you would like to style the map. // This is where you would paste any style found on Snazzy Maps. styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}] }; // Get the HTML DOM element that will contain your map // We are using a div with id="map" seen below in the <body> var mapElement = document.getElementById('map_msk'); // Create the Google Map using our element and options defined above var map2 = new google.maps.Map(mapElement, mapOptions2); var image2 = 'images/beachflag_a.png'; // Let's also add a marker while we're at it var marker = new google.maps.Marker({<!-- position: new google.maps.LatLng(59.921090, 30.343043), --> position: pos1, map: map, title: 'Текст', icon: image }); var marker = new google.maps.Marker({ position: pos2, map: map2, title: 'Текст', icon: image2 }); var marker = new google.maps.Marker({ position: pos3, map: map2, title: 'Текст', icon: image2 }); var marker = new google.maps.Marker({ position: pos4, map: map2, title: 'Текст', icon: image2 }); var marker = new google.maps.Marker({ position: pos5, map: map2, title: 'Текст', icon: image2 }); var marker = new google.maps.Marker({ position: pos6, map: map2, title: 'Текст', icon: image2 }); // Creating an InfowWindow var infowindow = new google.maps.InfoWindow({ content: 'Hello world' }); // Adding a click event to the marker google.maps.event.addListener(marker, 'click', function() { // Opening the InfoWindow infowindow.open(map2, marker); }); }</script>
- 1 ответ
-
- google map
- js
-
(и ещё 2)
Теги:
-
Всем привет! Чем отличаются две следующие строки? obj.toString();Object.prototype.toString.call(obj);В первом случае контекст - это obj, во втором тоже. Или я что-то неправильно понимаю? Спасибо!
-
Добрый день! Интересует такой вопрос: есть ли что-то плохое в делегировании событий? Хочу сделать динамическую подгрузку контента на всем сайте. И чтобы обработчик событий всегда работали, думаю, использовать делегирование. То есть все обработчики вешать через body: $('body').on('event', 'selector', func); Есть ли у этого какие-то побочные эффекты, чем это может обернуться? Или можно спокойно ставить все обработчики таким образом? Спасибо!
- 3 ответа
-
- js
- javascript
-
(и ещё 2)
Теги:
-
Добрый день! Следующая ситуация: решил, вместо обновления страницы при переходе по пунктам меню использовать HTML5 History API и подгрузку контента через AJAX. Но ведь получается что после того, как я заменил основное содержимое страницы обработчики этого удаленного содержимого все еще висят где-то в памяти, так? Вот хотелось бы узнать, чем это чревато? Нужно ли после смены страницы очищать все обработчики предыдущей страницы или пускай они копятся и ничего плохого в этом нет? Спасибо!
-
помогите пожалуйста понять в чём проблема синглтон так работает(в консоль выводится true). а так - нет. а разница только в том, что я просто внёс функцию в облать видимости Board()
-
Проблема в Хроме / Fixto.js / Cannot read property 'offsetHeight' of undefined
vlasenkov добавил тему в Javascript
Здравствуйте! Появилась проблема. Подлкючаю скрипт для плавающих блоков - fixto.js. Все отлично работает в ФФ, но в Хроме (пока только там) выдает ошибку "Cannot read property 'offsetHeight' of undefined". Причем демо скрипта в Хроме отлично работает. Перебровал уже кучу скриптов других, но ниодин не подходит под мои нужды. Т/к демо работает, то видимо проблема в моем подключении скрипта или в том как вызываю. Не знаю в общем, правил/переставлял/менял, но ничего не помогает. Посмотреть можно здесь - http://s16.ru/i/fznda/house.html Если нужны еще какие-то входные данные, напишите пожалуйста. Буду очень презнателен за помощь, мучаюсь с этим уже 3 день. -
Уважаемые форумчане! Просьба помочь со скриптом. Краткая информация о скрипте: 1. Скрипт генерит 5 элементов img и добавляет их в один из двух пустых div. 2. Скрипт копирует все элементы из одного div в другой, при этом удаляя один элемент img. Получаем 5 и 4 элемента img в двух div. До этого момента все гладко. Далее скрипт должен при нажатии на lastChild левого div, которым является один из img удалять всех child из обоих div и генерить уже 10 и 9 соответственно (по схеме выше). Или, при нажатии на любой другой child в div кроме последнего, выдавать сообщение. Вот проблема заключается в том, что не получается прописать событие onclick на последнем child'e одного из div, чтобы произошел вызов функции. Заранее благодарю за помощь. Это проблемный участок скрипта: """" theLeftSide.lastChild.onclick= function nextLevel(){ // onclick.stopPropagation(); numberOfFaces += 5; //delete all childNodes while(theBody.firstChild){theBody.removeChild(theB ody.firstChild); generateFaces(); }} """" Весь скрипт: <!doctype html> <html> <head> <style> #rightSide { left: 500px; border-left: 2px solid black; width:500px; height:500px; position:absolute ;} #leftSide {width:500px; height:500px;position:absolute;} img{position:absolute;} </style> <meta charset="utf-8"> <title>Matching Game</title> <script> numberOfFaces =5; theLeftSide=document.getElementById("leftSide"); theRightSide =document.getElementById("rightSide"); theBody = document.getElementsByTagName("body")[0]; function generateFaces() { //1st for(i=1;i<=numberOfFaces;i++){ //2nd var i=1; while(i<=numberOfFaces){ // var image=document.createElement("img"); image.src="smile.png"; image.style.top=Math.floor(Math.random()*401)+"px"; image.style.left=Math.floor(Math.random()*401)+"px"; leftSide.appendChild(image); i++; } var leftSideImages = leftSide.cloneNode(true); leftSideImages.removeChild(leftSideImages.lastChild); rightSide.appendChild(leftSideImages); //part3 end } theLeftSide.lastChild.onclick= function nextLevel(){ // onclick.stopPropagation(); numberOfFaces += 5; //delete all childNodes while(theBody.firstChild){theBody.removeChild(theBody.firstChild); generateFaces(); } } theBody.onclick = function gameOver() { alert("Game Over!"); theBody.onclick = null; theLeftSide.lastChild.onclick = null; } </script> </head> <body onLoad="generateFaces()"> <h1>Matching Game</h1> <p>Click on the extra smiling face on the left.</p> <div id="leftSide"></div> <div id="rightSide"></div> </body> </html>
- 5 ответов
-
- JS
- Javascript
-
(и ещё 2)
Теги:
-
Здравствуйте! Имеется две версии шаблона с анимированным слайдером баннеров: В исходном шаблоне баннеры выходят за края центральной колонки макета: http://www.biostar.ru/img/tmp/t1.html В измененной версии баннеры ограничены центральной колонкой макета: http://www.biostar.ru/img/tmp/t2.html Хотелось бы мнения публики относительно обоих вариантов - что лучше?
-
Здравствуйте. Может, кто-то сможет подсказать? Есть что-то вроде тултипа - всплывает при наведении напротив каждого пункта. Но считает только top. А хотелось бы его отцентрировать, но высота тултипа может быть разной. Код ниже. Сайт - http://top-matras.ru/seriya-premium/hardstyle-medium-s1000/, тултип в "Составе модели" function layers_box_open(o) { var _id = $(o).attr('data-layersLink-key'); if (_id) { var top = (($("[data-layersLink-key='"+_id+"']").offset().top)-$(".js-layers_wrap").offset().top); $('.layers_box_wrap', '.js-layers_key-' + _id).css({'visibility':'visible', 'top' : top + 'px'}); }}
-
Здравствуйте. Случилась проблема - плохо открывается модальное окно http://top-matras.ru/- при нажатии на " Заказать обратный звонок" Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти! Спасибо.
-
привет, есть такой слайдер по ховеру, на элемент (треугольник) картинка (внутри треугольника) увеличивается, текст исчезает. Сам треугольник при этом остается конечно. Слайдер должен быть адаптивен. Сложность в том что один блок слайдера (карусели) должен состоять из нескольких картинок. Треугольник очевидно тоже картинка, хотя в принципе его можно как div сделать http://codepen.io/web-tiki/pen/JnLGb Народ, что бы вы посоветовали ?
-
В медиа прописано ограничение на анимацию до ширины 768px В итоге анимация работает только когда проходит ширину 768 Мне при открытии страницы нужна анимация, подскажите что делать?
-
В общем, господа, имею макет, в котором наблюдаю такую форму(картинка прикреплена). 4 шага, с первым справился, а вот на втором - возникла проблема. фон и все элементы покрываются ещё одним слоем, будто select - модальное окно. если это так, то как его позиционировать, если padding элемента выше в %, а сам элемент в px? Шаг 3 - описание опций селекта. Придётся, видимо, подключать библиотеку select2. В общем, мои рассуждения таковы, Хочется услышать более опытных участников форума, что бы вы делали с таким блоком.
-
Все здравствуйте, я столкнулся с такой проблемой при создании галереи с помощью jQuery и fancybox. Не срабатывает функция fancybox, в браузере пишет: "Uncaught TypeError: $(...).fancybox is not a function" Может кто-нибудь сталкивался? Все файлы закачены на сервере и jQuery подключена. Вот страница с галереей: http://checkedin.esy.es/gallery.html
-
Как сделать такую анимацию которая работает на планшете и ПК?
Igorbee добавил тему в Сделайте мне бесплатно
http://htmlbook.ru/css/transition вот что я нашел... как сделать чтобы такая штурка выходила не при наведении мышки,а при клики на эту стрелку (ОСОБЕННО с планшета) https://qiwi.com -
http://jsfiddle.net/wfvg8gnj/6/
-
Есть вот такой блок по типу табов. Подскажите как написать правильно код функции для интервала с автосменой "активного" класса у трех нижних элементов. Переключение по клику и появление нужного контента я сделал. html Код верстки <div class="side_center"><!--___________ TABS_CONTENT ___________--> <div class="slide_wrap"> <div class="slide_content show_slide" id="slide1"> <h2>Slide 1</h2> </div> <div class="slide_content " id="slide2"> <h2>Slide 2</h2> </div> <div class="slide_content " id="slide3"> <h2>Slide 3</h2> </div> </div><!--___________ TABS_BUTTONS ___________--> <a href="#slide1" class="slide_btn a_btn"> <i class="circle health_c"></i> <h3>Personal Accidentt Insurance</h3> </a> <a href="#slide2" class="slide_btn " > <i class="circle pesonal_c"></i> <h3>Easy Health Insurance</h3> </a> <a href="#slide3" class="slide_btn"> <i class="circle travel_c"></i> <h3>Travel Insurance</h3> </a></div>Переключение табов по клику $(document).ready(function(){ $(".slide_btn").click(function(event){ event.preventDefault(); $(".slide_btn").removeClass("a_btn"); $(this).addClass("a_btn"); var el_id = $(this).attr("href"); $(".slide_content").removeClass("show_slide"); $(el_id).addClass("show_slide"); }); });
-
http://jsfiddle.net/wfvg8gnj/5/ вы пишите любое слово в текстовом поле, он элемент li должен создавать с этим словом внизу. почему не пашет? спасибо.
-
если я локального диска загружаю в браузере то работает,но если загружаю на этот сайт код то нет,почему??? http://jsfiddle.net/tfserubb/2/ мне подсказали что в конце нужно заменить на это: window.onload = init() то есть с ; на () но почему нот сайт кода так был устроен что в конце нужно скобки изменить??
-
Всем привет! Не так давно я задавал вопрос по поводу связывание внутри ng-repeat. Проблема была в том, что внутри блока с ng-repeat angular создает собственный scope для переменных внутри него и никак не привязывает их к переменным в scope контроллера. Вот пример кода представления: <li ng-repeat="item in items"> <div>{{item.name}}</div> <input ng-model="newItemName"></li>Не смотря на то, что в scope контроллера есть переменная newItemName, она никак не связана с той, что используется в input. Проблему я решил следующим образом: <li ng-repeat="item in items"> <div>{{item.name}}</div> <input ng-model="$parent.newItemName"></li>Таким образом angular не создает собственный экземпляр newItemName, а привязывает к переменной в scope контроллера. Но, когда я решил вынести эту лишку в отдельную директиву, почему-то такой подход перестал работать (angular больше не привязывает эту переменную к той, что находится в scope контроллера), не смотря на то, что в свойстве scope директивы стоит true. Не подскажете, как решить эту проблему?