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. плавающий блок

    Может кто сталкивался с примером реализации плавающего блока через position: fixed; Так чтобы при нормальном состоянии он оставался на своём месте а при прокрутке скрола вниз перемещался вслед за скролом. (Аналогично яндекс панели) В интернете куча дубликатов одного примера где блок плавает с помощью margin-top но такой вариант мне не подходит.

    Asked by ZYX,

    0 votes
    1 answer

  2. Плавающий блок по высоте при прокрутке страницы

    Здравствуйте! Как заставить ездить вверх вниз кнопку “Свернуть” при прокрутке странице (http://www.ralfgroup.com/html/met/catalog_list.html) но что бы она не выходила за пределы центрального блока? Пример того что нужно получить: кнопки “Свернуть” “Сбросить” на этой странице: http://euroset.ru/catalog/computers/tablet-pc/ Буду благодарен за любую подсказку

    Asked by sitecor,

    0 votes
    2 answers

  3. Плавающий слой

    Ребята помогите... Весь Рунет обрыл - то что надо не нашел. Очень надо реализовать функцию на JavaScript с помощью которой надо держать слой всегда по центру окна браузера, независимо от вертикальной прокрутки. Для чего? Окно сообщения: Скачивать могут только зарегистрированые пользователи... типа того... Очень надеюсь на вашу помощь... Всякие LiteBox и т д не подходит... нужно просто нормальный div выравнивать Заранее спс

    Asked by sasyk,

    0 votes
    2 answers

  4. Плавная смена картинок

    Как прописать скрипт, чтобы картинка на странице плавно сменялась другой? Есть пример страницы сайта, но она сделана с помощью Flash: http://www.form-raum.ru/

    Asked by _elf_,

    0 votes
    6 answers

  5. Плавная смена нескольких картинок

    Здравствуйте. У меня следующий вопрос. Нашел следующий пример Пример . Здесь при наведении курсора картинка1, с помощью FadeTo, плавно меняется в картинку2. Подскажите, как можно сделать, чтобы картинка1 плавно переходила в картинку2, а картинка2 - в картинку3? Если убрать курсор, то картинка3 плавно переходила в картинку1. И еще, можно ли сделать тет же самый алгоритм, но при наведении курсора плавная смена 3-х картинок была бы зациклина до тех пор, пока не убрали курсор? Если это можно реализовать, то подскажите, как или дайте ссылку на подробный мануал. Спасибо

    Asked by shurik330,

    0 votes
    1 answer

  6. Плавно выалывающий сбоку плеер

    Добрый день! У меня есть такая задача: сделать выплывающий сбоку страницы музыкальный плеер. И чтоб он выплывал именно при наведении мышью за края страницы. И вот вопрос: как именно сделать такое окошко? И как заставить его вылезать именно при броске курсора за поля? Плеер должен быть справа. И как вообще такой музыкальный плеер устроить? Как сделать запуск треков, как сделать автоматическое отключение первого трека, если был включен второй? С JS у меня совсем все плохо Надеюсь, я хоть в тут тему зашел. Заранее спасибо.

    Asked by ju0ksepo1s,

    0 votes
    1 answer

  7. Плавно выпадающая панель

    вобщем такое дело, люди... я в Джаваскрипт ваще не шарю, так что кому не лень, пожалуйста помогите мне с этой фигнёй. тут приведён код плавно выпадающей панели при нажатии на кнопку такого плана: <input class="buttons" type="button" value="Выпадалка"></input> А мне нужно переделать нижеприведённый javascript код для простой ссылки. Вот сам этот код: var arry=[]; window.onload = function () { var nodes = document.getElementsByTagName('div'); var length = nodes.length; for(var z = 0;z < length; z++){ if(nodes[z].className == 'out') { var cnl=nodes[z].childNodes.length; for(var i = 0; i < cnl; i++) { if (nodes[z].childNodes[i].className == …

    Asked by YISHIMITSY,

    0 votes
    0 answers

  8. Плавно выпадающее меню (Help, please!)

    вообще наш?л в нете скрипт, какой-то немец написал.. вс? бы ничего, если бы оно было до ума доведенное, В общем разобрался вроде почти.. застрял вот и не могу никак понять ,как эту парашу заработать обратно, чтобы она вверх подымала а не вниз.... вот html <html> <head> <title>Плавно выпадающее меню</title> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <head> <style type="text/css"> A:Link{ Color: #000000; Text-decoration: underline} A:Visited{ Color: #000000; Text-decoration: underline} A:Hover{ Color: #000000; Text-decoration: none} body {font-family: verdana, arial, helvetica; font-size:14px;}…

    Asked by maza,

    0 votes
    25 answers

  9. Плавно показать загрузку через время, но показать как будет загружен контент.

    Идея такая. Начинает грузится страница. Она спрятана {display:none;}. Через 2 секунды страница будет показана в течении полутора секунд. На это я написал: .fadeTo(2000, 0.01); .fadeTo(1500, 1.0);. Но также я хочу, что бы если страница успеет загрузится в течении этих 2-х секунд (в оригинале будут изображения и 5-7 секунд), то она все же появится, то же с плавным эффектом. Вот с последним не получается, ведь с такой страницей она должна загрузится моментально, как установлено у window.onload. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >…

    Asked by SCHNITZER,

    0 votes
    2 answers

  10. Плавно появляющаяся загруженная картинка

    Ребята, подскажите, пожалуйста, как сделать так, чтобы картинка на странице не появлялась по мере загрузки, а плавно (можно не плавно) появлялась уже в загруженном виде. И мне нужно сделать так, чтобы это случалось не при наведении на неё мышкой, а сразу после загрузки оной.

    Asked by EggMan,

    0 votes
    15 answers

  11. плавное движение

    Не знал как назвать тему, потому что трудно обяснить что я хочу спросить.Вот есть такое сайт http://www.huddletogether.com/projects/lightbox2/ .Покликайте на картинки.Изначально пока картинка грузится там белый фон и посередине анимашка.Когда загружается если картинка больше белого фона то окошко плавно увеличивается в размерах.Удлиняется или расширяется.Не могли бы вы обяснить как это делается?

    Asked by aleksejm,

    0 votes
    7 answers

  12. Плавное изменение прозрачности. Пролема с IE

    Пишу скрипт галереи (что-то типо "лайтбокса"). Во всех браузерах всё нормально, кроме IE. Весь код, я думаю, будем слишком длинный, поэтому ссылка: http://tarik.kasperovich.ru/test_11/index.html Вёрстка такая: <div id="Keeper" class="keeper"> <!-- eclipse --> <div class="eclipse" id="Eclipse"> <!-- popup wrapper --> <div class="popup-corn-wrap method-text" id="PopUpWrap"> <!-- corners & shadows --> <div class="popup-corn-tl"><!-- // --></div> <div class="popup-corn-tc"><!-- // --></div> <div class="popup-corn-tr"><!-- // --></div> <!-- // --> &lt…

    Asked by DjTarik,

    0 votes
    9 answers

  13. Плавное появление элементов дизайна после их полной загрузки.

    Возможно ли плавное появление элементов дизайна(картинок) после их полной подгрузки на страничку и как это может работать?

    Asked by 2_k,

    0 votes
    5 answers

  14. Плавное увеличение изображения при наведении курсора и аналогично уменьшение

    Решаю следующую задачу. при наведении мышки на изображение увеличивать ,при отводе ее уменьшать Делала обычным способом,но картинку дёргается.что делать? и еще как сделать чтобы при смене увела мышку и навела изображение сразу изменялось,на данной момент пока изображение не станет исходным он не увеличивается. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Удаляющееся изображение</title> <script> var idtime var d=document functi…

    Asked by spring555,

    0 votes
    1 answer

  15. плавное увеличение картинки с ссылкой

    В нете не нашел ничего. И темы тако не нашел тут. Короче, как увеличить картинку я знаю: <html> <title>Test</title> <head> <script> function Uvel(aha) { if (aha.offsetHeight < 150){ aha.style.height = (aha.offsetHeight + 1) + 'px'; aha.style.width = (aha.offsetWidth + 2) + 'px'; timeoutUvel =setTimeout (function(){Uvel(aha)},2); } } function Umen(aha) { clearTimeout(timeoutUvel); if (aha.offsetHeight > 50) { aha.style.height = (aha.offsetHeight - 1) + 'px'; aha.style.width = (aha.offsetWidth - 2) + 'px'; timeoutUmen =setTimeout (function(){Umen(aha)},2); }} </script> </head> <br><br> <body style="margin: 25px;…

    Asked by Xque,

    0 votes
    1 answer

  16. Плавный переход по якорям

    Было дело, тут спрашивали как такое осуществить. Сегодня была такая задача, и я ее реализовал, конечно не на чистом JS, а с помощью jQuery. Но все же поделюсь своим кодом, мож кому пригодиться. Из плюсов: при отключенном джс работает как обычный якорь. Можно менять время за которое будет осуществлена прокрутка, и также можно менять easing, если дополнительно подключить плагин изинга (http://gsgd.co.uk/sandbox/jquery/easing/) подключение jQuery('a[href^="#"]').anchorScroll(); сам плагин // anchorScroll jQuery.fn.anchorScroll = function(options){ var options = jQuery.extend({ duration: 300, easing: 'swing', locationReplace: true }, options); return this.each(fun…

    Asked by mishka,

    0 votes
    4 answers

  17. Плавный переход по якорям + переход с внешних ссылок

    Всем привет. Второй день пытаюсь решить следующую задачу: на главной странице сайта есть ссылка якорь, при клике на которую, страница плавно скролится к нужному блоку. Как сделать, чтобы ссылка на этот блок срабатывала с внешних страниц? Подробнее. Что имеем: меню с одной ссылкой-якорем <nav> <ul class="menu"> <li><a href="#scroll">Главная</a></li> <li><a href="link1.html">Внутренняя 1</a></li> <li><a href="link2.html">Внутренняя 2</a></li> </ul> </nav> вызывается через инклуд <?php include('system/menu.php') ?> Находясь на странице site.ru, п…

    Asked by wry,

    0 votes
    5 answers

  18. Плавный скролл внутри div'a

    У меня есть блок. Допустим "Main". В этом блоке есть 2 блока "block1" и "block2". У "block1" есть свойство overflow: hidden; Поэтому "block2" не видим. Вопрос: как сделать плавный скролл внутри блока "Main", получается что бы "block1" плавно, сверху вниз, или снизу вверх, заменялся на "block2" при нажатии на ссылку?

    Asked by smlw,

    0 votes
    1 answer

  19. Плавный скроллинг, не работает в chrome и safari

    Вот есть такой вариант. http://szenprogs.ru/blog/plavnyj_skrolling...y/2009-09-17-70 Другие варианты то же есть, но у них есть одно общее - не работают в chrome и safari. ?

    Asked by SCHNITZER,

    0 votes
    7 answers

  20. плагин imgAreaSelect и событие load в IE

    Здравствуйте! Есть картинка: <img id="img_for_avatar" src="img/test.jpg" /> Необходимо, что бы при срабатывании события load этой картинки, запускался плагин imgAreaSelect, вроде бы все просто: <script type="text/javascript"> $(document).ready(function() { $('#img_for_avatar').load(function() { $('#img_for_avatar').imgAreaSelect({ handles: true }); } }); </script> Но, почему-то в Internet Explorer (у меня версия 8), происходит зацикливание события load. В остальных браузерах все нормально. Подскажите, в чем может быть причина?

    Asked by Adel1ne,

    0 votes
    1 answer

  21. Плагин анимации при скроллинге

    Подскажите плагин на подобии wow.js, но только чтобы анимация откатывалась при обратной прокрутке. Пример http://wedesignthemes.com/themes/role/

    Asked by 121990,

    0 votes
    15 answers

  22. Плагин валидации jQuery.validationEngine

    Доброго дня! Господа, нужна помощь. Использую для валидации формы на стороне клиента jQuery.validationEngine, проблема в том, что данный плагин игнорирует ошибки полей, в которых проводится ajax проверка "на лету". Может кто подскажет как решить проблему. Листинг: jQuery(document).ready(function(){ jQuery('#loginPage').submit(function() { jQuery('#submit_login').css('background-image', 'url("http://mail.site.com/images/loading.gif")'); }) jQuery('#go_reg').click(function() { jQuery('#loginPage').slideToggle(function() { jQuery('#registration').slideToggle()}); }); jQuery("#registration").validationEngine(); jQuery('#registration').submit(functio…

    Asked by MenX,

    0 votes
    5 answers

  23. Плагин для JQeury для отмечания друзей на фото

    Требуется реализовать ометки на фото как в контакте или в яндекс фото. Подскажите плз JQeury плагин под это дело

    Asked by generator2003,

    0 votes
    2 answers

  24. Плагин для jQuery: кто знает?

    Всем привет Кто подскажет? Раньше точно попадался на глаза плагин для jQuery, который выводит всплывающий полупрозрачный прямоугольник с кнопочкой "закрыть", внутри которого можно вывести сообщение/уведомление/"ругательство". При этом чтоб автоматом пропадало через некоторое время. В общем, все чем-то похоже на уведомление о новом сообщении Вконтакте. Либо аналог. Понимаю, что можно самому написать, но в последнее время полюбил пользовать чужой код =) вместо изобретения велосипедов.

    Asked by abused,

    0 votes
    3 answers

  25. плагин для браузера

    Здравствуйте! Существует ли как-либо плагин для браузера (на подобии firebug) для работы с javascript, в которм можно было бы посмотреть какие скрипты подключены к странице, какие куски кода привязаны к html элементам страницы, возможность структурирования js кода, который вытянут в одну строку и т.д.?

    Asked by dangerous,

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