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. Как сделать автоматическое перелистывание слайдера на JS/CSS ?

    Есть слайдер http://codepen.io/anon/pen/YPRQjo Как сделать на нем автоматическое перелистывание? В гугле много примеров на jQuery. Но хотелось бы сделать это на чистом JS или CSS (если такое возможно). При переключении слайдов переход должен быть плавным. (Хотел, чтобы свойство opacity менялось от 0 к 1 через анимацию, но что-то не получается)

    Asked by yaparoff,

    0 votes
    0 answers

  2. Как сделать без jquery плавное выезжающие элементы?

    всем хай. Как сделать без jquery плавное выезжающие элементы? заранее спс.

    Asked by vvsh,

    0 votes
    13 answers

  3. Как сделать блок с фотками и с горизонтальной прокруткой

    Подскажите плиз с помощью какого скрипта сделано вот такое http://www.shurum-burum.ru/photos/matreshk...08/photo/#49033 ну а если не в курсе что за скрипт - подскажите плиз - как сделать такой блок с каритнками не фикс ширины с кастом горизонтальным скроллом. Заранее благодарен.

    Asked by Dioni$$,

    0 votes
    2 answers

  4. Как сделать валидацию jquery для пошаговой формы?

    Пытаюсь сделать пошаговую форму, чтобы при нажатии одна форма убиралась и появлялась другая, но дело в том что у меня есть часть формы где input'ы добавляются динамически при нажатии на кнопку "Добавить строку". Если делать валидацию на jquery, то её нужно привязывать к submit. К ней я привязать не могу так как её нету и она скрыта (откроется после нескольких щелчков "Следующая"). Можно как нибудь привязать валидацию к обычной кнопки? Она у меня уже создана. Как при правильном заполнении всех полей и нажатии кнопки выдавала для начало сообщение "Следующая"? Вот весь код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml…

    Asked by Katerina23,

    0 votes
    1 answer

  5. как сделать вкладки

    вобщем нужно сделать для сайта одну простую штуку - есть несколько ссылок и табличка, в которой написан текст, при нажатии на разные ссылки ТЕКСТ должен меняться... для ссылки 1- текст 1, для ссылки 2 - текст 2 ну и так далее Я с javascript просто никогда не работал) так) тока передирал готовые примеры)) вот что пробовал сделать.. <script type="text/javascript"> function changePreview(itemNumber) { document.getElementById('bl1').style.display = 'none'; document.getElementById('bl2').style.display = 'none'; document.getElementById('bl3').style.display = 'none'; document.getElementById('bl4').style.display = 'none'; document.getElementById('bl5').style.displ…

    Asked by sasha_,

    0 votes
    1 answer

  6. Как сделать вот так?

    Не подскажете как называется скрипт или как сделать как изображено тут savlis. com ? при наведении на картинку проявляется на этой картинке фон с текстом, где "Детские" и т.д.

    Asked by Bingo,

    0 votes
    3 answers

  7. Как сделать вращение картинки?

    С помощью математических функцию удается сделать вращение квадрата состоящий из moveTo и lineTo. Как сделать тоже самое для картинки используя drawImage и transform? Мне нужно получить вот это пример анимация gif (только с drawImage). Вот пример кода анимации выше (чтобы запустить анимацию нужно удерживать любую кнопку на клавиатуре) <!doctype html> <html> <head> <meta charset="utf-8"> <title>Square 3D</title> </head> <body> <header> </header> <canvas id="canvas" width="400" height="400"></canvas> <script> function Point3d (x, y, z) { …

    Asked by Katerina23,

    0 votes
    0 answers

  8. Как сделать выполнение скрипта только при разрешении экрана < 992 px

    Добрый день всем ! Я не силен в этом деле ,прошу помощи у вас , как это сделать ? Как сделать выполнение скрипта только при разрешении экрана < 992 px <script> var lastScrollTop = 0; window.addEventListener("scroll", function(){ var st = window.pageYOffset || document.documentElement.scrollTop; if (st > lastScrollTop){ document.getElementById("floating-menu-mobile").style.bottom = "-100%"; } else { document.getElementById("floating-menu-mobile").style.bottom = "0"; } lastScrollTop = st; }, false); </script> Вот решение ! Сам сделал <script> if(window.innerWidth < 992) { var lastS…

    Asked by ANDREW-UA,

    0 votes
    2 answers

  9. как сделать горизонтальный параллакс?

    Здравствуйте! Использую параллакс (simple parallax) расскажите пожалуйста как осуществить горизонтальный параллакс, чтобы картинка перемещалась влево и вправо? или подскажите свои наработки http://pixelcog.github.io/parallax.js/

    Asked by severianin,

    0 votes
    5 answers

  10. как сделать динамический текст(random text)

    как сделать динамический текст(random text), типа отзывов пользователей. скачал плагин Kaosweaver для Дрима. работает супер. Ниже генерируемый код. вот только проблема состоит в том что текст должен иметь один стильCSS. а как сделать чтобы в тексте было для стиля. один для самого отзыва, другой от кого отзыв? <script type="text/javascript"> <!-- // Dynamic Text by Kaosweaver // Copyright 2007, All rights reserved var rX= { init:function(o,t,s) {rX.obj=o;rX.rT=t;rX.sT=(s)?s:"";}, addText: function(t) {rX.txtList.push(t);}, showText: function() { if (rX.rT==0){var j=parseInt(Math.random()*rX.txtList.length); j=(isNaN(j))?0:j;}else{var oneDay=60*60*24*1000, d…

    Asked by termoplus,

    0 votes
    0 answers

  11. Как сделать закладку в тексте

    Исходные данные: - есть много больших статей - есть много юзеров Надо сделать так, чтобы юзер мог выделить нужное место в тексте на странице и сохранить ссылку на это место где-то в своём профиле. Сохранить ссылку на страницу легко, а вот как сохранить ссылку на конкретное место в тексте? Мне в голову пришел только вариант с динамической подстановкой якоря в текст. Но тут есть сложность: как определить то место в тексте, куда надо вставить якорь? Причём место для якоря надо определять 2 раза: сначала при сохранении закладки по пользовательскому выделению, то есть JavaScript'ом; а потом с помощью PHP подставить в это мето якорь. Или может быть есть какое-то более изящный…

    Asked by @LEXXX_NF,

    0 votes
    3 answers

  12. Как сделать из таблицы зебру

    Мне надо сделать так, чтобы строки в таблице поочередно меняли цвет от светлого к темному, т.е. чтобы получилась зебра. Возможно ли это сделать с помощью HTML, если таблица является шаблоном и нет возможности для каждого тэга tr писать параметр фона. Заранее спасибо, ЖДу сообщений

    Asked by Ксеня,

    0 votes
    43 answers

  13. как сделать изменение размера плавным?

    Всем привет. Есть скрипт, изменяющий ширину объекта. Хочу сделать так, чтобы размер изменялся плавно по 6сть пикселей. (объект DIV с id ="bread", а wW - это окончательный размер объекта bread) function EnlargeBread() { for (i=1; i < wW; i=i+6) { document.getElementById("bread").style.width = i; } } Не могу никак разобраться с таймАутом - как его использовать в качестве задержки, чтобы всё это было плавно? Пробовал писать так: function EnlargeBread() { for (i=1; i < wW; i=i+6) { bread.int = setTimeout(function() { document.getElementById('bread').style.width = i; }, 1000); } } Но никакой плавности всё равно нет. Происходит пауза и через некоторое время происх…

    Asked by iluha,

    0 votes
    4 answers

  14. как сделать кнопку, при нажатии на которую окрашивался бы в определенный цвет кусок текста?

    Вопрос отражен в заглавии. Пусть дан текст "мама мыла раму". Нужно сделать кнопку, после нажатия которой текст бы становился, например, красным. Опишите, пожалуйста, более подробно, если это возможно.

    Asked by amunejia,

    0 votes
    4 answers

  15. как сделать маску ввода номера телефона

    добрый день ! как сделать маску ввода номера телефона для поля ввода мне надо чтобы посетитель сайиа вводя номер телефон мог использовать только цифры знак + знак - и скобки () спасибо за помощь

    Asked by bgraf,

    0 votes
    1 answer

  16. Как сделать меню 3 картинками

    Пытаюсь сделать меню с 3 картинками, чтобы при нажатии на стрелки вправо и влево картинки переключались. Есть предположение, что можно это сделать через массив, но не знаю как это реализовать на jQuery. HTML <div class="products"> <div id="productsPICS"> <div> <img src="img/products/1.jpg"> </div> <div> <img src="img/products/2.jpg"> </div> <div> <img src="img/products/3.jpg"> </div> </div> <div id="leftButton" class="button"> <img…

    Asked by mut4bor,

    0 votes
    1 answer

  17. Как сделать на сайте падающие снежинки

    Под новый год на некоторых сайтах появились снежинки, падающие прямо на экране браузера. Кто-нибудь подскажет скрипт, как сделать что-то похожее? Думаю, что это сделано на JavaScript.

    Asked by clavin,

    0 votes
    10 answers

  18. как сделать не активные ссылки

    Доброго дня. такая проблема. есть слайдер: <div id="slider"> <img title="title #1" src="images/1.jpg" /> <img title="title #2" src="images/2.jpg" /> <img title="title #3" src="images/3.jpg" /> <img title="title #4" src="images/4.jpg" /> <img title="title #5" src="images/5.jpg" /> <img title="title #6" src="images/6.jpg" /> <img title="title #7" src="images/7.jpg" /> <img title="title #1" src="images/1.jpg" /> <img title="title #2" src="images/2.jpg" /> <img title="title #3" src="images/3.jpg" /> <img title="title #4" src="images/4.jpg" /> </div> активной картинке в скрипте задается кл…

    Asked by IggyTot,

    0 votes
    3 answers

  19. Как сделать неактивный фон на подобие галерей jQuery

    Здравствуйте. Стоит такая задача: При клике на ссылку (картинке), не происходит переход, а затемняется задний фон и отображается div блок, который до этого был display:none. То есть по принципу галерей. (например jQuery LightBox http://www.linkexchanger.su/2008/65.html) Активно читаю мануалы по работе с jQuery. Как собрать этот блок вроде понятно. А вот как сделать неактивный фон - нет. Буду рад любой наводке к решению задачи.

    Asked by oke11o,

    0 votes
    7 answers

  20. Как сделать некликабельную ссылку?

    Как сделать некликабельную ссылку с помощью Javascript? Можно ли как-нибудь использовать pointer-events? Нужно, чтобы не просто не было перехода по ссылке, а вообще чтобы она была никакой некликабельной. Выручите?

    Asked by alexandr_v-vich,

    0 votes
    7 answers

  21. Как сделать непрерывную анимацию?

    Суть в том, что - если $blink.animate({ 'left': itemWidth + blinkWidth }, 500, function(){$blink.hide();});То меню при быстрых ховерах умирает - http://zverushka.bl.ee/monitors6/ Если добавляю стоп http://zverushka.bl.ee/monitors7/ То анимация прерывает, хоть и не умирает. А мне нужно, чтобы она до конца анимировалась. $blink.show(); $blink.stop().animate({ 'left': itemWidth + blinkWidth }, 500, function(){$blink.hide();});

    Asked by Zverushka,

    0 votes
    3 answers

  22. Как сделать несколько одинаковых слайд шоу на странице

    Здравствуйте. Подскажите новичку. Воспользовался этим примером слайд шоу. http://jquery.malsup.com/cycle/basic.html Но если сделать несколько блоков <div class="slideshow"> слайдшоудит только первый. Остальные вываливает простыми картинками. Как быть? <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' // choose your transition type, ex: fade, s…

    Asked by oke11o,

    0 votes
    16 answers

  23. как сделать новое окно в виде картинки?

    Допустим,при нажатии на ссылку у меня появляется pop-up. <a href="java script: window.open('next.php','newWin','width=300,height=200'); void(0)"> откроем новое окно </a> Мне надо чтобы новое окно выглядело не как окно IE, а было в виде картинки c формой. Как это сделать?

    Asked by FENIXXX,

    0 votes
    7 answers

  24. Как сделать обработку input что бы при введние определенного пароля, блок становился видимым

    Как сделать обработку input что бы при введние определенного пароля, блок который ниже с голубой тенью становился видимым (я знаю, он щас видимый но в сроком времени он приоретет display: none;) Пароль можно к примеру 236632 Очень надо!!!!

    Asked by skoch244,

    0 votes
    9 answers

  25. Как сделать параллакс-фон?

    Прочитал статью по теме на хабре - в описанном способе, с использованием плагина jQuery jParallax необходимо указывать width/height, но как указать для сайта... Прочитал статью Ян Луна http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/ о том, как воссоздать эффект с сайта http://www.nikebetterworld.com , ковырял демо - но как упростить схему (чтобы «замедлялся» только фон, допустим body) так и не понял. Возможно есть готовые варианты?.. Был бы благодарен, если бы кто-нибудь помог решить эту задачку.

    Asked by ufaset,

    0 votes
    2 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