Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification

Explore Questions

There are no popular questions to show right now

4,723 questions in this forum

  1. Jquery, Последовательное выполнение функций разных div в одном скрипте.

    Идея простая. Есть блок, id=’animation_block’. В нем находятся четыре div-а, с display:none. Эти блоки имеют id: im1, im2, im3, im4. В каждом своя текстура. Я хочу, что бы они плавно появлялись и исчезали по очереди, и так по кругу. Как я себе представляю код: <script type="text/javascript"> $(document).ready(function () { setInterval(function () { $('#im1').fadeIn(1000).fadeOut(400); $('#im2').fadeIn(1000).fadeOut(400); $('#im3').fadeIn(1000).fadeOut(400); $('#im4').fadeIn(1000).fadeOut(400);}, 0); }); </script> Но анимация происходит не последовательно, а вместе. Знаю, как решить вопрос setTimeout, но хотелось бы без этого обойтись. Помогите, п…

    Asked by SCHNITZER,

    0 votes
    1 answer

  2. jQuery, функция animate(), рекурсия

    Здравствуйте! Есть некая игра (что-то наподобе шахмат), для которой на jQuery пишу "плейер". Плейер предназначен для того, чтобы показывать "запись" игры. Игра на двух человек, сначала ходит фигура одного игрока, потом другого, и т.д. Плейеру скармливаются все ходы в игре, он в соответствие с этими ходами перемещает фигуры на экране. Перемещение фигур должно поисходить так: движется одна фигура, когда она закончила движение, должна перемещаться следующая, и т.д. В jQuery есть функция animate(), в последнем параметре которой можно указать "конечную" функцию, которая вызывается в конце движения фигуры. Я могу указывать в качестве конечной функции метод начала обработки ново…

    Asked by xintrea,

    0 votes
    1 answer

  3. jQuery: click+mousemove

    С использованием следующего кода: $(function(){ //Get our elements for faster access and set overlay width var div = $('div.sc_menu'), ul = $('ul.sc_menu'), ulPadding = 15; //Get menu width var divWidth = div.width(); //Remove scrollbars div.css({overflow: 'hidden'}); //Find last image container var lastLi = ul.find('li:last-child'); //When user move mouse over menu div.mousemove(function(e){ //As images are loaded ul width increases, //so we recalculate it each time var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding; var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth; div.scrollLeft(left); })…

    Asked by Беркут,

    0 votes
    3 answers

  4. jquery: slideset слайдер

    Добрый день! Ищу скрипт слайдера, но не простого. В одном из платных вариантов он наывается Slideset. Суть его в том, что в одном слайде сразу несколько изображений и все кликабельные. И перелистываются сразу несколько изображений. Таким образом очень удобно выводить рекламу! Рабочий рбразец можно увидеть тут: satworld.ru. Вверху, в горизонтальном слайдере сразу 7 изображений. Дело в том, что найти такой нигде не могу... Встрачается он только в вышеупомянутом платном варианте в качестве модуля для Joomla. Быть может, называется он как-то иначе. Помогите пожалуйста! Заранее спасибО!

    Asked by dron,

    0 votes
    4 answers

  5. jQuery: Всплывающие окна для начинающих

    Вступление В этой теме напишем простой плагин на jQuery(1.4.3+). Задача - показывать всплывающее сообщение на странице с эффектом затемнения фона. При нажатии на фон или кнопку "Закрыть", сообщение плавно пропадает. Посмотреть демонстрационную страницу Базовая верстка (index.html) Для проверки плагина потребуется простенькая страница с ссылкой, активирующей всплывающее сообщение. Будет подключена библиотека jquery-latest.js, и файл нашего плагина jmypopup.js. <!doctype html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="pl.js"></script&gt…

    Asked by Radiocity,

    0 votes
    0 answers

  6. jquery: Вынести ответ ajax за пределы callback функции

    Вот разбираюсь с ajax в jquery. Хочется произвести ajax-запрос, а результат его выполнения запихнуть в переменную и дальше с ней манипулировать. Но все примеры, которые мне удалось нагуглить, позволяют работать с ответом ajax либо в callback функции, либо cразу загрузить ответ в какой-нибудь html элемент. Пытался сделать как в коде ниже, но t.responseText возращается пустым, а t.status = 1. Видимо, запрос еще не успевает завершиться, когда я пытаюсь прочесть его ответ. Заранее спасибо за помощь. get.php echo "Привет!"; js-код ........................... var t; t = $.post("get.php", { name: "John", time: "2pm" }, function(data) { …

    Asked by Микель,

    0 votes
    2 answers

  7. JQuery: как сделать обработчик для элемента, создаваемого этим же скриптом?

    Есть кнопка. По нажатию на эту кнопку создаётся элемент: $(document).ready(function(){ $("#a_link").click(function(){ $("body").append('<div id="a_out" />'); … }); }); Далее нужно, чтобы по клику на этот элемент выполнялась следующая функция. Если написать: $(document).ready(function(){ $("#a_out").click(function(){ … }); }); то не сработает ибо на момент чтения браузером этого скрипта такого элемента не существует. А как сделать правильно?

    Asked by swetlana,

    0 votes
    8 answers

  8. jQuery: Клик по элементу в переменную, как сделать?

    Интересует довольно простая задача: есть ряд кнопок, для которых выполняется одна и та же функция. Но хочу написать не для каждой кнопки одну и ту же функцию, а чтобы при клике на кнопку, передавалось в переменную какая именно кнопка была нажата и соответственно выполнялось действие. PS Использую toggle, примерно как выглядит незаконченный код: http://jsfiddle.net/MCMpM/15/

    Asked by iDrugov,

    0 votes
    17 answers

  9. jQuery: ошибка маски ввода

    Добрый день! Прелюдия: Есть форма, где первоначально отображается одно поле для ввода номера телефона. Рядом с полем, есть кнопка "Еще", которая с помощью спец. JS-скрипта добавляет еще одно поле для ввода номера телефона. Есть jQuery-скрипт, который инициирует ввод данных в данные поля по заранее заданной маске. Проблема: Маска ввода работает лишь в первом поле, которое вручную прописывается в коде странички. Поля, добавляемые скриптом, являются, как-бы "неведимками" и с ними нельзя работать... Вопрос: Как решить данную проблему? Может быть, требуется по другому добавлять поля на страничке?

    Asked by webDoktor,

    0 votes
    1 answer

  10. JQuery: хочу отслеживать перемещение мыши только над определённым элементом

    Только не бейте ногами больно, если глупость спрашиваю. Задача в том, чтобы отслеживать перемещение мыши над определённым блоком. Но отслеживать перемещение мыши вне этого блока не нужно. Есть метод .mousemove(). Его и пользую: $('#field').mousemove(function(e){ … }); Ожидаю, что функция будет выполняться, пока вожу мышом над #field. Но она выполняется при любом перемещении мыша по странице. Как добиться ожидаемого эффекта?

    Asked by swetlana,

    0 votes
    2 answers

  11. JQuery. DnD. Запретить компонентам принимать draggable

    Сделал draggable-компонент, хочу чтоб его могли принимать только некоторые компоненты, а не все, как счас. Вот draggable: $(document).ready(function() { $(".draggable").draggable(); });Тот droppable, на который должен "падать" перетаскиваемый компонент: $(".blackPiece").droppable({ accept: ".draggable", });

    Asked by Старовер,

    0 votes
    3 answers

  12. JQuery. DnD. Объект падает под родителя

    Сделал шахматную доску. Таблица, в ней ячейки, в каждой ячейке див с определенным фоном и картинкой фигуры. Черные фигуры перемещаются нормально, а белые при перемещении падают под нижний слой. То есть оказываются под фоном и их уже нельзя "зацепить" мышью. Вот ячейка: <td id="td01" class="whitePiece"> <div class="draggable"> <img src="imgs/figures/icons/adventure/68/wn.png" alt="f*cking problem"/> </div> </td> .draggable{ background-color:transparent; } .whitePiece{ background:url(/imgs/boards/cold-marble/light.gif); }

    Asked by Старовер,

    0 votes
    2 answers

  13. JQuery. UI. Tutorial

    Подскажете?

    Asked by Старовер,

    0 votes
    19 answers

  14. jQuery. Бесконечная карусель

    Всем привет. Начал изучение js и jQuery, написал простенькую тестовую карусель. Вот код: http://jsfiddle.net/LOL1/utxmto66/ Возникло несколько вопросов: 1) Слайдер работает если дожидаться анимации перехода, но если кликать быстро, контейнер со слайдами просто вылетает за пределы. Как это исправить? 2) Допустим, у меня есть функция, с помощью которой слайды периодически переключаются сами(setinterval/settimeout). При клике пользователем на слайды эта функция должна выключаться(это понятно как), но как снова её включить? Т.е. если пользователь не кликает на слайды, то включить функцию. Такого события как "не кликает" нет))) (можно сделать с помощью .mouseleave(), но…

    Asked by VeniVidiVici,

    0 votes
    7 answers

  15. JQuery. Как перетащить текст из одного списка в другой?

    Всем привет! Есть "block2", в котором есть список из блоков с текстом. Этот текст нужно перетащить в соответствующие блоки в "block1". Т.е. текст из первой строки нужно вставить в первую строку другого блока, вторую - во вторую и т.д. Нужно забирать именно текст без перестраивания и копирования структуры. Во вложении накидал картинку)

    Asked by MiHALbI4,

    0 votes
    2 answers

  16. jQuery. Не работает .submit в .dialog

    Добрый день! Сделал форму для заполнения через .dialog. При нажатии кнопки "сохранить" ничего не происходит. Подскажите, почему? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/flick/jquery.ui.all.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript…

    Asked by stalker_2000,

    0 votes
    6 answers

  17. jQuery. Не работает remove() в цикле each()

    Здравствуйте.Помогите разобраться.При обращении в цикле each() к элементу по его id метод remove() не работает.Ссылку не получается удалить.В чем причина? <script language="javascript"> $(document).ready(function() { $('.upArrow').bind('click', upHandler); $('.downArrow').bind('click', downHandler); }); function downHandler(eventObj) { var fldName = $(this).prevAll('input').attr('name'); var fldValue = $(this).prevAll('input').val(); fldValue=fldValue*1; $('input:text').each(function(index) { if($(this).attr('value')==fldValue-1) { $(this).attr('value',fldValue); } if($(this).attr('name')==fldName) { $(this).attr(…

    Asked by CalmLad,

    0 votes
    5 answers

  18. JQuery. Помогите новичку с решением бага.

    Привет всем! Я только недавно начал изучать JQuery, так что встала загвоздка в решении такой задачи. Вот накидал шаблон с этой проблемой. Если зоны (в примере их два серых блока, в жизни будет намного больше), сделанные через тэг «area», (в примере они просто прямоугольные, а в жизни будет очень ломанные). Суть проблемы: при наведении на зону появляется картинка (желтая), которая накладывается поверх «area» и так же вплывает подсказка (синяя). Я это реализовал на JQuery, но появился неприятный баг. При перемещении мышки из желтой области в синюю (в красной рамке): https://photos-1.dropbox.com/t/1/AAAjNJ5vPJsGREqlpIEcsDPrE4iRpMKoiJmjcdJQOINLqg/12/44729395/png/1024x768/3/14…

    Asked by MiHALbI4,

    0 votes
    3 answers

  19. jquery.1.10 не поддерживает ие8?

    Неужели jquery не поддерживает ие8? event.preventDefault() не работает в ие8 http://api.jquery.com/event.preventDefault/

    Asked by Zverushka,

    0 votes
    17 answers

  20. jquery.ajax обработка ответа

    jQuery.get("some.php", function (data){ var d = data;});Простейший ajax запрос. Я получаю данные, которые неоднократно далее использую. Однако из за асинхронности я не могу обратиться к этим данным вне потока. Подскажите пожалуйста есть ли способы оперировать полученными данными вне коллбека? Могу ли я скопировать результат в другую переменную и использовать ее не обращаясь каждый раз к потоку?

    Asked by der56,

    0 votes
    5 answers

  21. jQuery.ajax получение данных Post. На сервере метод без параметра. Ошибка в IE

    Запрос данных с сервера с использованием JQuery-Аякс запроса (ajax) Код на js следующий:jQuery.ajax({ type: "POST", url: Url.Action("GetMyList", "ServerController"), contentType: "application/json; charset=utf-8", dataType: "json", data: JSON.stringify({}), success: function(data){}, error: function(data){}});На серверной стороне: 1. Если метод без параметра, то: public class ServerController : Controller{[HttpPost]public NJsonResult GetReportPeriodList(){try{var list = MySqlAdapter.GetList();return new NJsonResult { Data = list };}catch (Exception e){return new NJsonResult{Data = new{error = tru…

    Asked by Alexys,

    0 votes
    5 answers

  22. jQuery.Cookie

    Как инициализировать jQuery.Cookie, что бы он автоматически сохранял все изменения на странице ? Включая положение скролла. В благодарность жителям Украины вышлю бутылку, пиво на выбор - Новой Почтой Жителям других стран - 5 у.е. на Вебмани.

    Asked by Selen,

    0 votes
    1 answer

  23. jQuery.index() и другие моменты)

    Здравствуйте. Придумал себе задачку и застрял в реализации) Допустим есть такой код http://jsfiddle.net/9f535con/ Изначально задумывалось так: По клику на цифры убирается класс active и добавляется той цифре на которой кликнуто + всем другим соответствующим цифрам. То есть тыкнул на цифру 2 - все цифры 2 должны быть с классом active. Думал пользоваться jquery.index(), но наверно я не до конца понимаю как работает эта функция, поэтому получаю отказ кода работать) В планах было еще вот что: Как видите второй блок с горизонтальной прокруткой, задумывалось. что если там существует элемент с классом active - прокрутка должна крутиться так, чтобы этот элемент был в поле види…

    Asked by Нарек,

    0 votes
    4 answers

  24. jquery.jcarousel.js проблемы с отображением через время

    я в скриптах не очень силен! подскажите, если кто знает такую проблему jquery.jcarousel.js установил скрипт, настроил для отображения по 3 элемента и перелистывание автоматически по одному, при загрузке все работает нормально, через некоторое время нахождения на странице начинает перелистывать не правильно(перескакивает через все элементы)!

    Asked by Shevtcoff,

    0 votes
    1 answer

  25. jquery\js галерейка для курсавичка

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

    Asked by chombor,

    0 votes
    11 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept