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. При клике курсора, надпись исчезает, а так же фон

    Здравствуйте...мне нужна помошь... Ребят, вы можете покозать мне код, или дать ссылку чтоб я прочла.... значит вот что мне нужно...для начала покажу вам код. <!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>Untitled Document</title> </head> <body> <form name="form" method="post" action=""> <p> <input name="textfield" type="text" size="50" value="Name *" /> </p> <p> <input name="textfie…

    Asked by vrednyu4aya,

    0 votes
    14 answers

  2. При клике на кнопку один блок закрывается, а другой появляется

    Добрый вечер, мне нужен скрипт, при клике на кнопку один блок закрывается, а другой появляется, спасибо.

    Asked by Ghost86421,

    0 votes
    4 answers

  3. При клике по ссылке, вместо ссылки появляется текст

    Есть скрипт, когда кликаем по ссылке "кликни по мне" в определенном месте страницы появляется текст. А нужно сделать, чтобы эта ссылка пропадала, после того как по ней кликнут, а вместо неё появлялся текст. <a href='JavaScript:return false' onclick='document.getElementById("Text01").style.visibility="visible"'>Кликни по мне</a> <hr/> <p id='Text01' style='visibility: hidden'>Hello world!</p>

    Asked by Airogen,

    0 votes
    19 answers

  4. При клике увеличить ширину блока и при клике ".close" возвращать в исходное положение

    Доброго времени суток. Мне помощь такая нужна (в JavaScript-е новичок). По скольку вместо навигации у меня 4 раздела на монитор высотою height: 100vh(100%) и шириной width: 25vw(25%); с адаптацией (пока под смартфоны не настроил) при клике должно увеличиваться на всю ширину монитора (дисплея), при этом содержимое этого блока приобретать должен свойство display: block; а остальные 3 блока (навигации) наоборот display: none; полностью исчезнуть с монитора. И само собой при клике на ".close" всё это в обратную сторону. У меня остальные блоки падают вниз (или еще бог знает куда), ".close" не закрывает. А так же прощу помочь с другими проблемами которые не описал тут есл…

    Asked by Freemasterkg,

    0 votes
    6 answers

  5. При наведение на форму,она выводится в текстовое поле!

    Помогите плиз, уже который день ломаю голову 1)Написать script, в результате работы которого при попадании курсора мыши на элемент списка формы(текст или поля ввода), в созданном текстовом: в это текстовое поле( Вы выбираете: <textarea name="m2" cols=35 rows=4></textarea>) поле появляется соответствующее сообщение. вот я набросал код,но он не работает var id1 = document.getElementById("id1"), id2 = document.getElementById("id2"); // обращение к первому и второму div-ам по идентификатору id1.onmouseover = function () { // событие (функция) по наведению мыши на первый div id2.innerHTML = "заданный <b>html</b> код"; // innerHTML задает html-код…

    Asked by upward,

    0 votes
    9 answers

  6. При наведении меняется картинка в другом месте

    Здравствуйте, есть картинки при наведении на которые меняется картинка вот код: <img onmouseout="this.src='/images/p1-noactive.jpg'" onmouseover="this.src='/images/p1.jpg'" src="/images/p1-noactive.jpg"> несколько таких картинок а мне нужно чтобы еще при наведении на картинку менялась она и еще менялась картинка в шапке сайта при этом в шапке еще и текст, как такое можно реализовать??

    Asked by Bingo,

    0 votes
    4 answers

  7. При наведении на блок он поворачивается под углом

    https://youtu.be/7pr0x3elUzQ Буду признательна если поможете При наведении на блок он поворачивается под углом, при клике на блок - открывается сам блок на весь экран (плавно), при клике на лого - сворачивается открывшийся блок

    Asked by AnfisaMu,

    0 votes
    1 answer

  8. При нажатии на imput должна меняться ширина div

    Добрый день. Что мы имеем: <script language="javascript"> var obj = new Object(); div = document.getElementById('div'); input= document.getElementById('input').value; obj.test = function(){ if(input.indexOf('y') ){ div.style.width = '800'; }else { } } </script> <input type="text" name="input" id="input" value="" /> <input type="button" value="Нажми меня срочно" onclick="obj.test()" /> <div id="div" style="width: 300px;">BLOCK</div> Задача: Когда в строке input type="text" появляется буква "y", то принажатии на input type="button" - элемент "div" должен растягиваться до ширины 800px (в данный момент…

    Asked by psywalker,

    0 votes
    31 answers

  9. При нажатии на картинку(текст) появляется скрытый ранее текст

    Как сделать нечто подобное http://htmlbook.ru/content/. Нужно что бы просто при нажатии на картинку или текст появлялся скрытый до этого текст, а при повторном нажатии скрывался обратно. Можно было бы конечно использовать как раз оттуда, но мне кажется это как то громоздко. Нету ли решения как то попроще ?

    Asked by man777,

    0 votes
    2 answers

  10. При нажатии на кнопку выходило модальное окно

    Здравствуйте, уважаемые участники форума. Т.к. в javascript я нуб прошу у вас помощи. Есть скрипт который при нажатии на кнопку #button-oneclick происходит скролл к breadcrumb и выход сообщения error или success. Нужно что бы при нажатии на кнопку #button-oneclick выходило модальное окно с одним из этих сообщений. Заранее благодарю откликнувшихся на мой призыв о помощи! P.S. Если что то не до рассказал прошу не судить строго и задать вопрос) Собственно сам код <script type="text/javascript"><!-- $('#button-oneclick').on('click', function() { $.ajax({ url: 'index.php?route=checkout/one_click/add', type: 'post', data: $('#onecl…

    Asked by dava002,

    0 votes
    4 answers

  11. При нажатии на кнопку, увеличивать число

    есть форма: <form id="testform" action="test.php" method=post> <input type=hidden name="go" value="game"> <input onClick="window.clearTimeout(Timer);" type=submit style='width:200px' value="OK"> </form> как, при нажатии на кнопку подгружать скрипт, в котором увеличивается число?

    Asked by Rau1,

    0 votes
    0 answers

  12. При наличие id выполнять предписания

    Всем добрый. Увы не зная обращаюсь за помощью Имеем document.getElementById("edit").size = "12"; При наличие тега с id "edit" меняется значение размера на 12, но если такого тега на странице не окажется, то скрипт выдаст ошибку и дальнейший сценарий не выполнится Хотелось бы ввести условие if когда "document.getElementById("edit").size = "12";" выполнялось бы только при наличие id edit Если я не ошибаюсь, должно получиться что-то вроде: function editselect() { var elm = document.getElementById("edit"); if(elm) { elm.size = "12"; } } Помогите, пожалуйста, дописать

    Asked by ShumNo,

    0 votes
    14 answers

  13. При открытии нового окна window.open, слетают значения в input text

    Здравствуйте, на сайте существует длинная форма со множеством input type='text'. Необходимо сделать печать данной формы (только формы, а не всей страницы) Для этого область которую нужно распечатать я помещаю в блок <div id="print" class="contentpane"> </div> И использую следующую ф-цую.... var prtContent = document.getElementById(strid); var prtCSS = '<link rel="stylesheet" href="/templates/css/template.css" type="text/css" />'; var WinPrint = window.open('','','left=50,top=50,width=800,height=640,toolbar=0,scrollbars=1,status=0'); WinPrint.document.write('<div id="print" class="contentpane…

    Asked by bistok,

    0 votes
    2 answers

  14. При подключении jquery.min перестают работать 2 плагина

    Закончил наконец-то делать адаптивное меню. Но после его установки обнаружил, что перестает работать плагин LLFJ - Lazy Load for Joomla! и модуль Lof ArticlesSlideShow Module Поэксперементировал, пришел к выводу, что все дело в этой строчке: <head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript" ></script></head>Т.е. если убрать , то все работает, а если включить - меню работает, а другое выключается. Причем я читал, касательно первого плагина т.е. поидее все совместимо. тогда в чем дело?

    Asked by nikki4,

    0 votes
    2 answers

  15. Привязка выпадающего списка к правой стороне родительского элемента

    Здравствуйте! Есть список и скрипт, который список показывает и скрывает. Но список привязан к левому краю блока со ссылкой, а как можно сделать, чтобы привязка была к правому краю независимо от ширины блока ссылки?

    Asked by Torawhite,

    0 votes
    7 answers

  16. Привязка кнопки веб-эелемента к кнопке на клавиатуре

    Такой вопрос, можно ли кнопку в калькуляторе, привязать к кнопке клавиатуры. К примеру, что бы при нажатии на кнопку равно или ввод на клавиатуре, калькулятор показывал бы результат, а не выводил бы равно в поле для ввода или не очищал поле для ввода?

    Asked by Warlock,

    0 votes
    4 answers

  17. Привязка контекста "bind"

    Здравствуйте. Подскажите пожалуйста такой момент: var user = { firstName: "Вася", sayHi: function() { alert( this.firstName ); } }; setTimeout(function() {user.sayHi();}, 1000); вот в этом примере автор говорит: "А что, если до срабатывания setTimeout (ведь есть целая секунда) в переменную user будет записано другое значение? К примеру, в другом месте кода будет присвоено user=(другой пользователь)… В этом случае вызов неожиданно будет совсем не тот!" и приводит вот такое решение: var user = { firstName: "Вася", sayHi: function() { alert( this.firstName ); } }; setTimeout(bind(user.sayHi, user), 1000); Так ведь и здесь до срабатывания кода мо…

    Asked by Mixail.09,

    0 votes
    8 answers

  18. привязка события к элементу с динамически присваиваемым классом

    доброго времени суток! Возникла проблема: На сайте использую плагин booklet (отображение галереи в виде книжки с эффектом перелистывания). Возникла необходимость изменить навигацию - то-есть убрать стандартные кнопки вперед/назад и отображать их над изображениями при наведении на них мыши. Но вот тут то и возникла проблема: кнопку назад нужно выыодить над изображением которое лежит в слое с классом .b-wrap-left, а вперед над изображением с классом .b-wrap-right. Эти слои "дорисовываются" скриптом динамически. И я так понимаю скрипт типа $('.b-wrap-right').hover(......) не работает именно по-этому, и нужно привязывать событие через live() - но тут опять проблема - …

    Asked by Avalon4eg,

    0 votes
    7 answers

  19. прижать div к низу столбца таблицы

    Здравствуйте! Есть таблица,столбцы у нее заданы стилем position:relative; width:50%; в каждом столбце должен быть div,его нужно прижать к низу столбца. Сделала,во всех браузерах работает кроме ff.В ff этот блок идет сразу за текстом столбца,к низу не прижимается. Если задавать у блока position:absolute, то он съезжает прямо в низ всей страницы. Подскажите какие нибудь способы решения!!!

    Asked by meri_bet248,

    0 votes
    5 answers

  20. Прилипание меню

    Доброго времени суток. есть сайт http://klinket.ru/ со сложной логикой скролла меню и каталога. В момент прокрутки длинного меню (выбрать пункт арматура) в момент прилипания его к нижней части экрана, происходит рывок. Заказчику он не нравится. Я долго пытался понять откуда он происходит. Мне кажется, может я и ошибаюсь, что прилипание происходит в момент движения колесиком, без учета времени скролла. Посоветуйте пожалста, что тут можно сделать

    Asked by Vlad_P,

    0 votes
    0 answers

  21. Применение стиля

    такая конструкция <div id = 'tops'> <div id = 'top1'> <div id = 'top1_1'>top1_1</div> <div id = 'top1_2'>top1_2</div> <div id = 'top1_3'>top1_3</div> </div> <div id = 'top2'> <div id = 'top2_1'>top2_1</div> <div id = 'top2_2'>top2_2</div> </div> </div> строка document.getElementById('top2_1').style.opacity = .5; работает. строка document.getElementById('tops').style.opacity = .5; не работает. Почему? Спасибо за ответ.

    Asked by rrock,

    0 votes
    3 answers

  22. Пример изменения размеров таблицы js

    Потерял пример на js задача: при ресайзе взять получившиеся размеры таблицы и передать их другому объекту (в частности картинке) Использовались функции window.onload и window.onresize Помогите?

    Asked by SibBear,

    0 votes
    4 answers

  23. пример ООП?

    приведите пожалуйста пример применения ООП в JS на реальном Web-примере?????????? А то теории начитался, а применить не знаю как!!

    Asked by olechic,

    0 votes
    32 answers

  24. Примеры использования

    Все примеры одним файлом sc_samples.zip Пример первый. Самый простой, нам нужно при нажатии на ссылку менять видимость какого-то контейнера. <p id="hidden_paragraph" SC="sc_hide_node:hide" class="specialBox">Пример параграфа, который будет скрыт.</p> <div> <a href="#" onclick="GSC_setValAndLaunch('hide', true, 'hidden_paragraph'); return false;">[ cкрыть параграф ]</a> <a href="#" onclick="GSC_setValAndLaunch('hide', false, 'hidden_paragraph'); return false;">[ показать параграф ]</a> </div> Что происходит при нажатии на ссылку [ cкрыть параграф ]? Устанавливаем значение переменной hide в true и потом запускаем обход д…

    Asked by s0rr0w,

    0 votes
    31 answers

  25. Примеры использования SC v5

    В архиве лежат примеры использования SC в разработке интерфейсов. По мере добавления новых примеров архив будет обновляться. Примеры sc_samples.zip Внимание пользователям Google Chrome! В данном браузере просмотр примеров с локального диска невозможен из-за проблем разработчиков с безопасностью. Если есть острое желание просмотреть примеры именно в Chrome, то вам необходимо выложить файлы на веб-сервер или же запустить браузер с параметром --allow-file-access-from-files

    Asked by s0rr0w,

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