JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes0 answers
4723 questions in this forum
-
анимация прерывается перезагрузкой страницы
помогите пожалуйста идеями есть рабочий интернет-магазин. при нажатии на кнопку "в корзину" товар добавляется в корзину, соответственно число товаров в виджете корзины увеличивается на единицу, страница перезагружается(так как "в корзину" это input типа submit) хотелось бы сделать анимацию перемещения картинки товара в корзину проблема в том, что во время запущенной анимации перемещения происходит перезагрузка страницы и анимация обрывается. менять что-то в движке не вариант. хотелось бы обойтись только js при это проблем с jquery нет. то есть написать любую анимацию не проблема
0 votes5 answers -
xml, xmlns в JavaScript
Здравствуйте, нубский вопрос, сейчас изучаю JavaScript, смотрю видеокурс Евгения Попова. Он разрабатывает в среде phpDesigner - установил тоже ее. Переписал код задачи из видео, там есть строчка: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> У меня xmlns и xml выделяются красным цветом - из-за чего не получается посмотреть результат задачи. Что нужно сделать дабы все заработало) Просьба без стеба, изучаю JavaScript первый день
0 votes4 answers -
Функция корзины на javascript?
Подскажите, пожалуйста, как сделать функции корзины на нативном js? Самая большая трудность состоит в том, что нужно спарсить данные продукта, под которым нажали "заказать" (стоимость, название и т.д.), так вот: как определить что именно под конкретным товаром нажали заказать (и спарсить данные товара) и запретить повторное добавление его в корзину? Спасибо.
0 votes3 answers -
Свойство с наибольшим значением
var salaries = { "Вася": 100, "Петя": 300, "Даша": 250 }; var maxNum = 0; for(var key in salaries) { if(salaries[key] > maxNum) { maxNum = salaries[key]; } } document.write(maxNum) Начинается перебор свойств. Если значение свойства больше нуля, то это значение записывается вместо нуля. Получается var maxNum = 100, потом 300, потом 250. И по моей логике, должно вывести 250, но как вычисляется максимально значение?
0 votes3 answers -
Почему не выводится элемент?
https://jsfiddle.net/zjozd4fs/
0 votes5 answers -
Разрешение экрана
Возникла необходимость при разрешении экрана шириной меньше 800, уменьшить размер видео.пробую так, не срабатывает почему-то. <script type="text/javascript"> alert(); if(screen.width<=800) { document.write(' <div align="center"> <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/4CQr9vb-MLs?fs=1&hl=ru_RU"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/4CQr9vb-MLs?fs=1&hl=ru_RU" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wid…
0 votes1 answer -
jQuery animate()
Здрасте, еще раз Проблема второго цикла, всё работает кроме анимации , в чем дело не могу понять. Что не так с анимацией второго цикла? Подсажите пожалуйста. for(var n = 0; param.vis_block - 1 >= n; n++){ var curr_block = container.children('div:eq('+n+')'); if(typeof curr_block != 'undefined'){ //animate news_block curr_block.stop(false, true).animate({'top': '+='+step}, 100) //animate inner images for(var m = 0; param.inner_img_max - 1 >= m; m++){ if(typeof curr_block.children('img:eq('+m+')') != 'undefined'){ curr_block.children('img:eq('+m+')').stop(false, true).animate({'top':'+='+parastep}, 10); // НЕ Р…
0 votes1 answer -
JQuery (animate)
Всем привет. В JQ я не силен и в последнее время пытаюсь осваивать данное направление.. При написании примитивного плагина(слайдера) столкнулься с непониманием того, как именно работает метод 'animate' . Имеется такая страница: http://webmaster.ayrveda.ru/slider/slider.html JS на ней выглядит вот так: $(document).ready(function() { $('.my_slider span.my_slider_left_arrow').click(function myClick(){ $('ul.blocks_my_slider li:first-child').animate({'marginLeft':'-535px'},800).animate({'marginLeft':'-493px'},300).animate({'marginLeft':'-500px'},300,function(){ $(this).css({'margin-left':'0px'}); }); mySetTimeOut(); }); function MyBlockDelete(){ …
0 votes7 answers -
Помогите пожалуйста
Привет, всем! Помогите найти ошибку, не понимаю почему подменю не выскакивает. Вот это CSS: #nav { margin: 30px; } li { float: left; list-style: none; width: 150px; } #nav ul { display: none; } #a { text-decoration: none; background: #0000cc; padding: 15px; text-align: center; color: #ccc; display: block; margin: 3px; border-radius: 5px; } #a:hover { background: #6666ff; color: white; } А это HTML: <head> <title>Меню от Никиты</title> <link rel="stylesheet" href="menu.css" type="text/css"></link> <script type="text/javascript"> $(function(){ $('#nav li').hover(function(){ …
0 votes7 answers -
помогите с изменением css с помощью jQuery
<script type="text/javascript"> $(".arrow").click(function(){ var visota, needvisota; needvisota = '198px'; visota = $('#mini_profile').css('height'); if (visota == needVisota) { $('#mini_profile').css('height','70px'); $('#arrow').css('background','url("images/arrow.png") 0px 9px;'); } else { $('#mini_profile').css('height','198px'); $('#arrow').css('background','url("images/arrow.png") 0px 18px;'); } )}; </script> вот код JS, но нивкакую не хочет работать! на onclick в объекте рабоатет, но если писать по-драугому. в хедере прописал - <script src="http://code.jquery.com/jquery-latest.js"></scri…
0 votes2 answers -
Общий подсчёт из нескольких полей
Здравствуйте . Есть 4 таблицы. В каждой по нескольку десятков вычисляемых input-полей для ввода. В каждой таблице все поля суммируются и результат выводится в <span></span>. Таблицы никак не связаны между собой. В общем хочу сделать так, чтобы был ещё один <span></span>, в который суммируются все 4 <span>'а соответствующих четырёх таблиц. Сам никак не дотумкаю. Спасибо заранее. HTML-КОД: <div id="calculate"> <form method="post"> <table id="tableSelect" class="zebratable" width="100%" cellpadding="0" cellspacing="0"> <tr> <th>Наименование работ</th> <th>Ед.изм.</th> <th>Кол…
0 votes3 answers -
Stealth bootsrap ... зарисовки
У меня есть идея сделать bootstrap на JS, который будет кроссмутабельно принимать с backend части приложения и инъекции параметров, без перезагрузки обновляя параметры приложения. Из особенностей закрытый доступ к внутренним методам приложения через строку, минимальное использование Prototype и возможность мутировать в связи с ситуацией согласно командам пользователя и настройке backend. Сжимается в мясо без потери работоспособности сразу 3мя способами. Front-end не призванивается снаружи обычными способами. Базовое приложение очень компактное, остальное инжектируется с backend( методы, функции параметры, контент ... ) через AJAX или Sockets; Работает с любым jQuery и Му…
0 votes2 answers -
Помогите c iframe
Искал js, позволяющий менять scr в ифрейме, нажатием на линки. Нашел один. Всё вроде бы работает и в этом скрипте даже была возможность открыть в окне тот линк, который отображается на данный момент в ифрейме, нажатием на чекбокс. Это в head: <script type="text/javascript"> var selectedtablink="" var tcischecked=false function handlelink(aobject){ selectedtablink=aobject.href tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false if (document.getElementById && !tcischecked){ var tabobj=document.getElementById("tablist") var tabobjlinks=tabobj.getElementsByTagName("A") for (i=0; i<tabobjlinks.length; i++) tabobjlin…
0 votes0 answers -
Firefox что возвращает DOMMouseScr
Ребят подскажите пожалуйста, что возвращает DOMMouseScr в firefox? есть код. $(window).bind('mousewheel DOMMouseScroll', function scrolling(event) { if (event.originalEvent.wheelDelta >= 0) { alert('true');}else { alert('false');} } В лисице всё время возвращается false. Чему равен скролл вниз-вверх в нём?
0 votes2 answers -
jquery: slideset слайдер
Добрый день! Ищу скрипт слайдера, но не простого. В одном из платных вариантов он наывается Slideset. Суть его в том, что в одном слайде сразу несколько изображений и все кликабельные. И перелистываются сразу несколько изображений. Таким образом очень удобно выводить рекламу! Рабочий рбразец можно увидеть тут: satworld.ru. Вверху, в горизонтальном слайдере сразу 7 изображений. Дело в том, что найти такой нигде не могу... Встрачается он только в вышеупомянутом платном варианте в качестве модуля для Joomla. Быть может, называется он как-то иначе. Помогите пожалуйста! Заранее спасибО!
0 votes4 answers -
Событие показывает координаты относительно внутреннего блока
<div id="exp"> <div>b</div> <div>b</div> </div> В этом коде внешнему блоку exp назначено событие клика мыши, у внутренних блоков нет никаких событий. При нажатии мышью и запрашивании координат клика в свободном пространстве exp код показывает верные координаты. При нажатии в любом внутреннем блоке код показывает координаты относительно внутреннего блока. Как это исправить?
0 votes1 answer -
Реализация Online консультанта
Потребовалось сделать на сайте Online консультанта. В интернете хватает скриптов чата, но они используют php. Скажите возможно ли сделать чат только на ajax без php. И может подскажете как реализовать возможность вывода сообщения "online/offline консультант" . Всем заранее огромное спасибо.
0 votes6 answers -
Обращение к определенному элементу
Добрый день, Понадобилось что-бы при наведении на <div class='block'></div> появлялся <div class='drop'></div>, написал, но возникла проблема, таких блоков на странице допустим 10, и при наведении на любой из них, блок с классом drop появляется сразу у всех элементов с классом block, а не у того на который навёл...как заставить скрипт срабатывать только на блоке на который навёл? Сории за кашу, даже не знаю как описать проблему, заранее спасибо! $('.block').hover( function() { $('.drop').show(); },function(){ $('.drop').hide(); } );
0 votes3 answers -
как прописать 2 действия в кнопке
вопрос такой, как сделать, чтоб при нажатии на кнопку направляло на форму регистрации и одновременно на еще одну страничку (вроде: спасибо за ваши данные). это в action как-то прописать можно? кнопка: <form style="width: 266px; border: 2px solid rgb(200, 200, 200); margin-left: ; border-radius: 6px 6px 6px 6px;" class="sr-box" method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form_39030_69">
0 votes2 answers -
не выводятся свойства созданного объекта
вот новая проблема на эту же тему помогите пожалуйста вывести свойство объекта id на страничке на страничке я создаю несколько объектов через паттерн factory, при этом каждому объекту задаю набор свойств, каждый объект подписываю на кастомное событие. затем генерирую это событие после нажатия на .one проблема в том, что метод move(), который имеется у каждого объекта не выводит свойство id в консоль
0 votes2 answers -
подправить галерею
Есть галерея фотографий из стандартным функционалом - http://www.dhteumeuleu.com/dhtml/diapo-3D-tween.html Мне необходимо ее расширить, а именно: 1 сделать возможность добавления ссылок к картинкам. Переход по ссылке осуществляется при просмотре изображения. 2. серые квадратики, слева, заменить на маленькие пиктограммы согласно картинкам которые привязаны к ним. Как это можно сделать и какой код нужно дописать ?
0 votes1 answer -
помогите нубу!
как сделать код работоспособным? $(document).ready(function(){ $(“ul li”).click(function(){ $("#li").animate({ -webkit-border-radius: #08aeeepx; -moz-border-radius: #08aeeepx; border-radius: #08aeeepx; background: #08aeee; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#08aeee), to(#038FE5)); background: -webkit-linear-gradient(#08aeee, #038FE5); background: -moz-linear-gradient(#08aeee, #038FE5); background: -ms-linear-gradient(#08aeee, #038FE5); background: -o-linear-gradient(#08aeee, #038FE5); background: linear-gradient(#08aeee, #038FE5); }, 2000); });
0 votes5 answers -
Вёрстка
Есть меню. но оно отображается не правильно. Как есть (ФОТО): Как надо: Есть код: <div id="menu"> <div class="menu"> <a href="#" ><img class="km" src="img/a_km.jpg"><h5>Аренда кофемашин</h5></a> </div> <div class="menu"> <img class="km" src="img/p_km.jpg"> </div> <div class="menu"> <img src="img/r_km.jpg" class="km"> </div> <div class="menu"> <img class="km" src="img/p_k.jpg"> </div> </div> +css #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 200px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shad…
0 votes1 answer -
Динамическое добавление полей, после себя
Как сделать, чтобы поля добавлялись после себя? Сейчас они улетают в конец всех, т.е. в конце блока создаются. http://jsfiddle.net/npofopr/LPYwU/ Сюда смотрел, но не вышло.
0 votes6 answers -
не могу понять почему так
http://jsfiddle.net/mbXzM/2/ почему при каждом следующем событии onchange в в див записывается новое значение, а староется не остается? как это можно исправить?
0 votes4 answers