JavaScript

4,723 questions in this forum

1. Таймер на яваскрипте

   Нужен таймер обратного отсчета, чтобы он показывал сколько осталось до конца дня, а в 00 00 обнулялся и все сначала, ну то есть как на лендингах делают, помогите найти такой

   Asked by WEB-best, July 7, 2014

   0 votes
   7 answers
2. Есть ли готовый скрипт похожей анимации

   https://raindrop.io/extension/?installed Есть ли у кого на примете похожий скрипт на jquery реализующий такую анимацию интерфейса?

   Asked by SKSKSS2013, July 7, 2014

   0 votes
   1 answer
3. Изменяющийся текст

   Здравствуйте. Помогите, пожалуйста, найти более-менее простое решение. Такая задача. Три квадрата определенного цвета. После слова Цвет указан цвет первого из квадратов. При наведении на определенный квадрат текст после слова Цвет должен меняться на нужный. Цвет: Красный КартинкаКрасныйКвадрат КартинкаСинийКвадрат КартинкаЗеленыйКвадрат

   Asked by chapai, July 6, 2014

   0 votes
   4 answers
4. выборка нескольких соседей

   помогите пожалуйста решить проблему html: <div class="carousel_gallery_hide" id="carousel_gallery_hide"> <span class="a" data-main="true"><img src="images/carousel_gallery/img1.png" alt="" /></span> <span class="a"><img src="images/carousel_gallery/img2.png" alt="" /></span> <span class="a"><img src="images/carousel_gallery/img3.png" alt="" /></span> <span class="a"><img src="images/carousel_gallery/img4.png" alt="" /></span> <span class="a"><img src="images/carousel_gallery/img5.png" alt="" /></span> <span class="a"><img src="…

   Asked by cyklop77, July 5, 2014

   0 votes
   2 answers
5. всплывающее окно после отправки формы?

   Здравствуйте. Есть разметка html И php который все это отправляет на мыло Вопросы: 1. Как можно делать, что бы после отправки сообщения появилось всплывающее окно в котором будет моя html разметка? 2. Как добавить какую нибудь ползушку которая развлекает посетителя пока его письмо отправляется ( ну скажем он тяжелый файл грузит для отправки), Сейчас происходит так: заполнил форму, нажал на кнопку отправки и ничего абсолютно не намекает что письмо отправлено.. Даже обновление страницы не происходит. Но письма идут нормально. Даже не знаю в правильном месте ли я создал тему (читал что подобное делается через js), если все же через php надо, просьба перенести в…

   Asked by CroaToa, July 4, 2014

   0 votes
   1 answer
6. Исчезающий и появляющийся текст

   Задача состоит в следующем: При нажатии убирается текст и появляется пустое поле. Если пустое и осталось появляется вновь текст первый. Всё бы хорошо (в функции, которая есть), но она не учитывает более одного поля, ибо везде возращает "Ваш емейл". И второе: если что-то ввёл пользователь, то при вновь когда он выбирает, набранное не стиралось. Если что поясню подробнее ...<form name="menu" method="post" action="main.php"> <p>Введите свой емейл</p> <input class="indate" type="text" name="menu" value="Ваш емейл" onfocus="foc(this)" onblur="blu(this)" /> <p >Введите пароль</p> <input class="indate" type="text" name="menu" val…

   Asked by Nikita_kharkov, July 4, 2014

   0 votes
   1 answer
7. Как отключить определенные скрипты на сайте при просмотре со смартфона ?

   Как отключить определенные скрипты на сайте при просмотре со смартфона ?

   Asked by kpripper, July 4, 2014

   0 votes
   4 answers
8. Помогите найти библиотеку

   Извините если не туда... В общем прошу помощи, возможно кто-то видел готовый плагин, или туториал, по его созданию. Есть плагин curtain вот пример его работы http://llidesign.co.uk/iconic-furniture/#section-1 Ищу плагин который работал бы по аналогии с этим, но чтоб скролл был не системный, а крутил один "слайд" на прокрутку колеса мышки как тут http://www.thepetedesign.com/demos/onepage_scroll_demo.html

   Asked by vladmih, July 1, 2014

   0 votes
   7 answers
9. jQuery UI Slider и Ajax галерея

   Добрый день. Хочу совместить Jquery UI slider и ajax галерею. Проблема в том, что при изменении рейнджа больше чем на один шаг, изображения не проматываются адекватно. При изменении диапазона на один шаг, скрипт работает нормально. Видео: http://screencast.com/t/loDxRlNEncq Сэмпл кода в котором это обрабатывается: var ScrollToright= function (Steps){ console.log ("Steps!!!!!!!!! "+Steps); th.find('li').stop(true, true) var next_li = th.find('li.showed:last').next() if(next_li.length!=1) return; var all_li = th.find('li.showed:not(:first)') var first_li = th.find('li.showed:first'); var additionalCollection = th.find('li.showed:first'); var trueInde…

   Asked by Vitalya T, July 1, 2014

   • jquery
   • jquery ui
   • ajax
   0 votes
   0 answers
10. Отключение скрипта при определенном разрешении.

    Здравствуйте! Есть скрипт в документе html <script type="text/javascript"> Modernizr.load({ test: Modernizr.csstransforms3d && Modernizr.csstransitions, yep : ['http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js','js/jquery.hoverfold.js'], nope: 'css/fallback.css', callback : function( url, result, key ) { if( url === 'js/jquery.hoverfold.js' ) { $( '.portfolio-item-view' ).hoverfold(); } }});</script>который подключает вот это ( function( $ ) { $.fn.hoverfold = function( args ) { this.each( function() { $( this ).children( '.view' ).each( function() { var $item = $( this ), img = $item.children( 'img' ).att…

    Asked by Нарек, June 30, 2014

    0 votes
    10 answers
11. Заменить текст на виджете

    На сайте использую виджет http://rating-widget.com Но мне надо заменить текст английский на русский. Я написал скрипт и вставил его вконце - но не помогло. Можно ли какнибудь справится с ним?

    Asked by Kypaku, June 28, 2014

    0 votes
    4 answers
12. Как остановить работу плагина, скрипта при размере экрана меньше 900px

    Доброго времени суток! Поставил на сайт вот этот плагин http://jquery-plugins.net/sticky-kit-jquery-plugin-for-making-sticky-elements . Сайт на адаптивной верстке в две колонки. При размере экрана меньше 900 пикселей эти две колонки превращаются в два блока, один под другим. Но скрипт получается не понял что ничего не надо скролить и получается один блок заезжает на другой и очень серъезно. И появилась такая идея, что надо просто остановить его работу когда экран меньше 900 пикселей, только я не знаю как. Помогите. Вот страница с демо, только надо уменьшить размер окна, чтобы она заработала http://leafo.net/sticky-kit/examples/3.html Вот сам скрипт http://leafo.net/s…

    Asked by ampsd, June 25, 2014

    • jquery
    • скриптб
    • отсановка
    0 votes
    3 answers
13. Помогите разобраться со скроллингом сайдбара

    Добрый день! Хочу у себя на сайте сделать что-то подобное как на http://vz.ru . Когда прокручиваешь страницу, боковые блоки упираются в свое окончание контента и тоже прокручиваются до футера. Но из-за нехватки знаний jquery не могу разобратся. Нашел из файл, где это все хранится в http://vz.ru/vengine.js и понял, что все прокручиваемые колонки имеют класс fixed_wrap, а не прокручиваемая fixed_wrap2. Я вырезал кусок из файла js и подключал его в head и ничего не происходит, вот код initFixColumn: function() { if (jQuery.browser.mobile) return; var initColumns = function() { jQuery(".fixed_wrap2").each(function() { var div = jQuery(this); if (div.height() &gt…

    Asked by ampsd, June 25, 2014

    • jquery
    • fixed
    • scrolling
    0 votes
    2 answers
14. Проблема со слайдером

    Здравствуйте, есть проблема со слайдером на сайте prav.dp.ua . Если на главную сразу попадаешь то слайдер долго грузиться и не факт что загрузиться но если перейти на другую страницу то слайдер работает нормально. Скажите пожалуйста как это исправить ?

    Asked by Shenia132, June 25, 2014

    • слайдер
    0 votes
    7 answers
15. принцип работы калькулятора

    если это возможно, объясните пожалуйста словами в общих чертах как работает подобный калькулятор допустим есть следующий набор данных. графические изменения, которые следуют после кликов по кнопкам сделать несложно. проблема в том, что непонятно каким образом вычислять цену после клика по последнему элементу выбора

    Asked by cyklop77, June 24, 2014

    0 votes
    8 answers
16. Fancybox окно фиксированной ширины

    подскажите, как сделать модальное окно фиксированной ширины, когда контент- картинки. Нужно, чтобы при перелистывании картинок само окно не меняло размеров, даже если картинки разного размера. maxWidth, maxHeight не помогает, окно все равно подстраивается под размер контента, а именно картинки.

    Asked by vip, June 23, 2014

    0 votes
    4 answers
17. offset().top

    var ofTop = $('#toScroll').offset().top; $(window).scroll(function(){ var scTop = $(this).scrollTop(); console.log(ofTop,scTop) if ( (scTop + 20) > ofTop ) { $('#toScroll').addClass('fixed') } else { $('#toScroll').removeClass('fixed') } }) Есть блок который должен ездить при скролле страницы, аля bootstrap. в хроме, мозиле, опере все работает в сафри нет вывел в консоле ofTop в хроме, мозиле, опере отдает правильное значение 519, а в сафари 2561... Что я делаю не так?

    Asked by vladmih, June 23, 2014

    0 votes
    5 answers
18. Разработка своего HTML5-плеера

    У меня есть скрипт:<script language="Javascript">/* * ghindaVideoPlayer - jQuery plugin 1.0.0 * * Copyright (c) 2010 Cristian-Ionut Colceriu * * www.ghinda.net * contact@ghinda.net * */(function($) {// plugin definition$.fn.gVideo = function(options) {// build main options before element iterationvar defaults = {theme: '',childtheme: ''};var options = $.extend(defaults, options);// iterate and reformat each matched elementreturn this.each(function() {var $gVideo = $(this);//create html structure//main wrappervar $video_wrap = $('<div></div>').addClass('ghinda-video-player').addClass(options.theme).addClass(options.childtheme);//controls wrapervar $video_…

    Asked by Zero-11, June 21, 2014

    • HTML5
    • CSS3
    • JGuery
    • Java
    0 votes
    60 answers
19. Не работает элементарный код

    Цикл не работает, в консоли ошибки нет, этот код проход по тэгам img и просто добавляет событие click после готовности документа, почему то не работает, кликаю на картинку она не скрывается window.onload = function() { var images = document.getElementsByTagName("img"); for(var i = 0; i < images.lenght; i++) { var image = images[i]; if (image.addEventListener) image.addEventListener("click", hide, false); else image.attachEvent("onclick", hide); } function hide(event) { event.target.style.visibility = "hidden"; }};

    Asked by ilyas, June 20, 2014

    0 votes
    3 answers
20. Получение ссылок из блока с рекламой в скрипт

    Всем привет, в джавасрикпт я почти ничего не смыслю так что решил обратиться к вам, я думаю все знают что такое так ру и кликандер. В чем суть вопроса, можно ли сделать так что бы кликандер открывал в новом окне ссылки из блока с рекламой от так ру ? Вот код кликандера <script type="text/javascript">var params = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes"function PopShow3() {CookieTest=navigator.cookieEnabled;if(CookieTest){ClickUndercookie = GetCookie('clickunder');if (ClickUndercookie == null){var ExpDate = new Date ();ExpDate.setTime(ExpDate.getTime() + (24 * 60 * 60 * 1000));SetCookie('clickunder','1',ExpDate, "/");window.open("http://ya.…

    Asked by denisman, June 19, 2014

    0 votes
    0 answers
21. пару вопросов

    Здравствуйте.Значит есть в html таблица и нужно добавить пару скритпов ,а именно : 1) add a separate text field (label) displaying the first entry from the table. 2) add a button NEXT;3) add JS code which provides the following functionality: clicking the button changes the the text label to the next entry in the table. как я понимаю первые 2 пункта делаются посредством HTML элементов <form> и тэгом <label> с помощью которого я установлю связь между текстом из таблицы и элементом формы ? только касательно первого пункта не понятно с помощью какого элемента формы сделать окно в котором будет отображаться первая запись из таблицы.

    Asked by extrabass4, June 19, 2014

    0 votes
    18 answers
22. Печать другой страницы (window.open;w.print)

    Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, разрешить ситуацию. На моём сайте присутствуют ссылки на открытие и печать другого документа во всплывающем окне с помощью window.print. То есть при нажатии на ссылку печатается не текущая страница, а открывается другая, а затем при помощи кода, указанного ниже, печатается автоматом: <a href="/example" onclick="w = window.open(this.href, '1402961340926','width=500,height=300,toolbar=0,menubar=0,location=0,status=0,scrollbars=1,resizable=0,left=0,top=0'); w.print(); setTimeout('w.close()', 500); return false;">ПЕЧАТАТЬ ДРУГУЮ СТРАНИЦУ</a> Всё прекрасно работает. Однако проблема заключается в том, что если …

    Asked by Сергей Милорадович, June 18, 2014

    • javascript
    0 votes
    2 answers
23. Как правильно организовать загрузку

    Хочу странного )) У меня есть слайдер, в котором первая картинка на сервере выводится в центре, а все остальные урлы к картинкам записываются в data-src к пунктам превью. Вобщем, вот тут все понятно http://codepen.io/amelice/pen/lazAK. Слайдер работает так, при нажатии на кнопки контрола ( вперед и назад, пункты превью) вытаскивается дата-срс с нужного пункта и пишется в src на центральной картинке. Проблема в том, что загрузка картинки начинается только когда происходит событие - приходится ждать когда картинка не маленькая. Мне кажется, что можно как то оптимизировать этот момент, чтоб можно было сразу не грузить все картинки, а по мере необходимости, ну и чтоб не тормо…

    Asked by amelice, June 18, 2014

    0 votes
    16 answers
24. Stellar.js и own scroll property

    Есть паралакс плагин - stellar.js. И я задаю ему свои параметры для скролла из-за того, что окно я скролю не обычным способом, а через translate. Все бы хорошо, но на ресайзе возникает проблема - которую я итак и этак пыталась решить, но в конечном итоге все было не то - внешний вид картинки просле ресайза отличался от вида при первой загрузке в таком же разрешении. http://html2css.ru/paul4/ $.stellar.scrollProperty.myScroll = { getLeft: function($element) { return offsetMainLeft; }, // setLeft: function($element, val) { // $element.scrollLeft(0); // }, getTop: function($element) { return 0; } } $("#main-viewport").stellar({ scrollProperty: 'myScroll', posi…

    Asked by Zverushka, June 18, 2014

    0 votes
    1 answer
25. Что еще желательно прочитать ?

    Прочитал курс learn.javascript.ru, затем прочитал Флэнага Подробное руководство по JS, понимание о js стали неплохими!!! теперь практика и еще раз пратика ? что еще прочитать по js ? оптимизация и производительность кода ? или до этого еще рановато?

    Asked by ilyas, June 17, 2014

    0 votes
    19 answers