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. clone() теряет значение атрибутов

    <script> $(document).ready(function(){ $(".button").click(function(){ $('li.class:last').clone(true).appendTo('.spisok'); }); }); </script> <ul class="spisok"> <li><a href="#">пукт</a><li> <li><a href="#">пукт</a><li> <li><a href="#">пукт</a><li> <li><a href="#" title="этот title отображается как tooltip">пукт</a><li> </ul> <a href="#" class="button">Еще!</a> Помимо клонирования к странице еще прикручен tooltip. В качестве текста для всплывающей подсказки используется title ссылки. При клонировании последней строки списка знач…

    Asked by SEObomj,

    0 votes
    8 answers

  2. Java-скрипт перезагружает страницу, если он в форме, а вне её работает нормально

    Всем доброго вечера. Прошу сразу прощения, если что не так. Календарь JSCal2-1.8 Если календарь находится в форме, то при нажатии на кнопку, он перезагружает страницу, а если вне формы, то нормально срабатывает. Всё голову сломал. Не знаю что делать. Надеюсь на помощь, потому что если это java-скрипт не работает, то и остальные использовать нельзя будет. В html код выглядит так. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Администрирование новостей</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="calendar/js/jscal2.js"></script> <script src…

    Asked by JurasskPark,

    0 votes
    2 answers

  3. Построение списка select с помощью JS в Opera 9.0

    Здраствуйте! Задача такова - нужно менять формат времени с "00:00" на "1 PM" и обратно. И выводить список часов в select Все строится с помощию JavaScript. Кроме-того при смене формата времени, установленное в select значение должно сохраняться, а не сбрасываться на первое. Когда я с помощью того же самого JavaScript пытаюсь выбрать нужный элемент в списке, появляются лишние пустые options, которые являются всего лишь визуальными (на самом деле количество options такое какое и должно быть, т.е. 24). Причем этот косяк возникает только в Опере. Если не устанавливать принудительно selected элемент, все работает нормально. В чем может быть проблема? Помогите, пожалуйста, раз…

    Asked by zest,

    0 votes
    3 answers

  4. fadeIn и z-index

    В общем проблема такая, надо чтобы при нажатии на ссылку меню, текст которые есть ниже (#kv2), плавно исчезнул, и появился другой блок (#kv3). Это получается да, но вот когда появляется 2-ой блок он вначале появлялся ниже первого, пока 1-ой блок не исчезнет, затем вставал на его место. Чтобы все было на одном уровне я воспользовался z-index, но тут тоже проблема, вначале первый блок исчезает, потом появляется второй на ЕГО же место как я и хотел, но через секунду он встает выше там где не надо на 102 px выше. Конечно это понятно ведь, для того чтоб положить один блок на другой у меня стоит top: -102px; Но как же быть, я неделю изучаю Jquery и ниче не знаю(, помогите как с…

    Asked by Hoax,

    0 votes
    6 answers

  5. display:none для строки в опере

    Пример: <table width="500px" border="1"> <tr> <td width="20px" onClick="var r = document.getElementById('row1'); r.style.visibility='hidden';r.style.display='none'"> - </td> <td onClick="var r = document.getElementById('row1'); r.style.visibility='visible';r.style.display=''"> + </td> </tr> <tr id="row1"> <td> в </td> <td> г </td> </tr> </table> В ИЕ и мазиле работает правильно. А в опере, после того как вторая строка делается невидимой, первый столбец разъезжается. То есть его ширина становится не 20px а раз в 10 больше.

    Asked by Колос,

    0 votes
    3 answers

  6. Создание картинки в IE 7

    В IE7 вышла проблема (В IE 6 работало) Вот такая инструкция document.getElementById(p).innerHTML="<img id='unit"+gid+"' width='70' height='70' src='"+imgsrc+"' border='0' onMouseOver='viewunit("+gid+")' onMouseOut='viewunit_no()' onClick='atunit("+gid+")'"; ни к чему не приводит. как я разобрался в IE 7 нельзя так делать, нужно делать var img = document.createElement('img') img.src=imgsrc; img.style.width=70; img.style.height=70; document.getElementById(p).appendChild(img) Вопрос: Как мне таким образом добавить к img onMouseOver и onMouseOut ?

    Asked by alex90aa,

    0 votes
    9 answers

  7. Проверка массива.

    20 | _0 | _1 | _2 | _3 | 21 | _4 | _5 | _6 | _7 | 22 | _8 | _9 | 10 | 11 | 23 | 12 | 13 | 14 | 15 | __ | 16 | 17 | 18 | 19 | Эта схема показывает всю страницу)) от 0 до 15 это элементы массива, которые при нажатии могут принимать значение 0 или 1, 0 включена 1 выключена 16-23 элементы того же массива, тоже могут быть 0 или 1 но дополнительно могут быть входами и выходами. Как работает, если включаю 0, то 20 и 16 соединяются. Если 20 и 16 входы то выдается предупреждение, уверены ли вы... in1 это элемент 20 Out1 это элемент 16 if (document.getElementById('in1').innerHTML == document.getElementById('Out1').innerHTML) { tt += 1; } if (tt > 0) { if (confirm(v…

    Asked by ghost,

    0 votes
    10 answers

  8. Скрипт не открывает новую страницу при нажатии мыши на картинку с функцией onclick=window.open

    Здравствуйте. Подскажите пожалуйста, почему скрипт (для оформления html страниц) не открывает новую страницу при нажатии мыши на картинку 7.jpg при помощи функции onclick=window.open (сразу отмечу что это мои эксперименты и при вводе этой функции в формате с кавычками onclick="window.open('https://web.com')" скрипт сразу становится не работоспособным, и я не большой специалист в программировании, что бы понять как заставить работать эту гиперссылку). Привожу ниже блок кода из скрипта, который открывает основную просматриваемую им страницу и сразу же (без нажатия мыши на картинку 7.jpg) одновременно открывает с помощью window.open и дополнительно вкладку с страни…

    Asked by Ron2,

    0 votes
    1 answer

  9. ООП - кто как юзает?

    Я всегда использовал объекты с прототипами, но частенько встречаю запись вида: var Obj = { x: 1, test: function() { alert(this.x); } } Выглядит конечно элегантно, но возникает вопрос: как в объект, объявленный таким образом, передать параметры? Ничего лучше, чем написать вот так не придумал: var Obj = { __construct: function(x, y, z) { this.x = x; this.y = y; this.z = z; }, getParams: function() { alert(this.x + ', ' + this.y + ', ' + this.z); } } Obj.__construct(1, 2, 3); Obj.getParams(); Эту идею взял из PHP. Насколько так правильно инициировать параметры объекта и как это делаете вы? Еще интересно, как можно защитить переменную Obj от перезаписи, …

    Asked by Great Rash,

    0 votes
    7 answers

  10. Как спрятать скроллбар?

    Собственно вопрос в заголовке темы. Мне надо скроллбар сделать невидимым, но чтобы при прокрутке колёсиком страница скролилась. Как? Погуглил - узнал 2 варианта - сделать вложеный див, либо использовать JS. 1 вариант - в приципе не нравится, да и ещё чтобы что что-нибудь прокручивалось нужно тыкнуть в область дива. По поводу 2 варианта ничего так и не нашёл. Не подскажите как мне реализовать описанное выше?

    Asked by diargon345,

    0 votes
    5 answers

  11. innerHTML и AJAX

    Привет всем!!! Обьясните плиз, если кто в курсе, почему когда присваиваешь значению innerHTML текст следующего типа: "<br />" обрезается " /". Вот например: <!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" lang="ru" xml:lang="ru"> <head> <title></title> </head> <body> <script type="text/javascript"> function process() { var str = '<input id="contact" name="contactl" value="" type="text" /><br />'; alert(str); document.getElementById('ab_container').innerHTML = str; } </script> …

    Asked by CoDy,

    0 votes
    6 answers

  12. Как правильно навешивать события

    Пытаюсь динамически навешивать события на элементы. Делаю это так: <!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> <title>Счётчик</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <script type="text/javascript"> function napolnenie() { for ( var i = 0; i < 2; i++) { var spisok = document.getElementById('spisok'); var novspan = document.createElement('span'); novspan.innerHTML = 'Кнопка' + i; novspan.onclick = function() { alert(i); } spis…

    Asked by Колос,

    0 votes
    4 answers

  13. отслеживание ввода в input

    помогите пожалуйста разобраться существует jquery-плагин для отслеживания в реальном времени ввода в поле input. вот рабочий пример . но на моей страничке для #amountDeposit почему-то не срабатывает этот плагин. подскажите пожалуйста что нужно исправить чтобы на моей страничке вывести форму с полем #amountDeposit нужно кликнуть по ссылке "пополнить депозит"

    Asked by cyklop77,

    0 votes
    2 answers

  14. Перенаправление по действию

    Всем привет) Вопрос такой: что надо вписать в параметр onclick, в ниже приведенном примере, чтобы браузер перешел на url, например: http://www.sampleurltext.com ? Пример: Перейти Буду очень (ОЧЕНЬ!!) признателен за ценный ответ)

    Asked by Goggi,

    0 votes
    6 answers

  15. Массив ссылок

    Всем добрый день. Возник вопрос. Такой код function setupHistoryClicks() { var arr = document.getElementsByTagName("a"); for(var i=0; i<arr.length; i++) { alert(arr[i]); } } Он мне возвращает массив ссылок, т.е. самих адресов. Но мне нужен именно массив тегов <a>. Подскажите, пожалуйста, как мне этого добиться. А вообще, в итоге, код переводит мне нужную ссылку в var link. И из этого link мне нужно вытащить два объекта (картинку(link.getElementsByTagName("img")[0]) и текст(link.getElementsByTagName("p")[0])). Но я не могу вытащить что-либо из link, поскольку он равен = "http://www.sight.ru" ....вот, как то так.

    Asked by alexandr_v-vich,

    0 votes
    12 answers

  16. метод open

    Здравствуйте. Подскажите пожалуйста, изучаю js по урокам. И вот щас в примере описывается метод open объекта window. Но у меня почему-то ни чего не получается. Вoт код: function demoOpen() { open("http://www.ya.ru"); { функция вызывается в теле html <a href="javascript:demoOpen()">demoOpen</a><br /> но при клике ничего не происходит, пробовал вывести через document.write() document.write(demoOpen()); Пусто. Я что-то не так делаю или это не работает, так как уроки, по которым я работаю, 2009 года. Подскажите пожалуйста

    Asked by Dolce,

    0 votes
    3 answers

  17. Можно ли сделать так, чтобы новое окно автоматически рассчитыв.размер?

    Можно ли сделать так, чтобы новое окно автоматически рассчитывало свои размеры под то изображение, для которого оно открывается? А то много фоток разного размера, для каждого надо свою function docopen писать... function docopen12(str1) { str2 ='<img src="'+str1+'" onLoad="((this.width>screen.width || this.height>screen.height)?(((this.width/screen.width)>(this.height/screen.height))?this.width=screen.width:this.height=screen.height):(this.height=this.height));">'; newwindow=window.open("","newwin",'width=824,height=624',"scrollbars=no"); newwindow.document.open("text/html"); newwindow.document.write("<HTML>"); newwindow.document.write("<BODY styl…

    Asked by Ингви,

    0 votes
    2 answers

  18. перебор input отравляемой формы

    Задача: перебрать все инпуты формы перед отправкой. Но! На странице несколько форм, и фича $('form').live('submit', function(){ $($(this)+':input').each(function(i){ работает не так, как я рассчитывал. Перебирает все инпуты всех форм, а не той у которой сабмит был. Заранее спасибо.

    Asked by Быколай,

    0 votes
    12 answers

  19. Coda Slider vs Chrome

    Никто не встречался с такой проблемой, как неработающий Coda slider 2.0 в Chrome (v5.0.375.70 beta)? например вот тут bel-bereg.ru

    Asked by npofopr,

    0 votes
    2 answers

  20. Продолжение действия после preventDefault()

    Всем привет, вот столкнулся с такой проблемой, имеется ссылка по нажатию которой должно происходить сначала генерация адреса по которой перейдет пользователь, а потом переход по ней. Сначала делаю ей preventDefault(), потом генерируют адрес ссылки, вопрос в том как потом выполнить переход пользователя по этой ссылке? Вот сам код jQuery: $( 'a.submit' ).click(function(obj) { obj.preventDefault(); var goCat = $( '.select2 option:selected' ).val(); if ( goCat == '0' ) goCat = $( '.select1 option:selected' ).val(); var link = $( this ).attr('href') + goCat; });

    Asked by MC WEST,

    0 votes
    1 answer

  21. При клике добавление класса

    Все, сдаюсь. Пол дня просидел над тем, чтобы решить элементарную задачу и не смог... наверное я безнадежен)) У меня есть 5 дивов с классом new. Мне нужно, чтобы при клике на один из них, ему добавлялся класс. Затем при клике на другой у первого класс убирался, а тому, на который кликаем - добавлялся. Блин, помогите пожалуйста, я уже извелся Все, на что меня хватило это вот - $('div.new').click(function() { $(this).addClass("gt_active"); $(this).removeClass("gt_active"); });

    Asked by Trust,

    0 votes
    2 answers

  22. Новая страница + JQuery.show по одному клику

    Помогите, не могу сообразить, как сделать. Есть несколько страниц, на всех есть один див #catalogue_extended с ссылкой на Каталог. Есть также меню сайта, тоже с ссылкой на каталог. Страница Каталог в двух состояниях: начальное и со всплывающим окошком, див #cat_popup. Так вот, нужно, чтобы когда ходишь по меню, Каталог открывался без попапа, а когда кликаешь на див #catalogue_extended, то Каталог нужно открыть, показывая попап. Делаю так: $("#catalogue_extended").click($(document).ready(function(){$("#cat_popup").show()})); - при навигации по меню Каталог открывается с попапом...

    Asked by botyaslonim,

    0 votes
    10 answers

  23. как загрузить в localStorage? Что бы при перезагрузке страницы данные оставались

    Заранее спасибо Вот код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Exam</title> <link rel="stylesheet" href="css/style.css"> <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"> </script> </head> <body> <style> .ToDo { display: inline-block; margin-right: 30px; } .field { width: 240px; border: 2px solid black; } .btn { border: 2px solid black; outline: non…

    Asked by Valera001,

    0 votes
    1 answer

  24. Чтение символов из переменной

    Приветствую. Есть переменная: var txt = "1|2|4"; как мне посимвольно считать из нее данные? т.е. нужно что-то вроде этого: var n = txt[3 символ ] Такой темы не нашел, но возможно просто плохо искал.

    Asked by Ogalig,

    0 votes
    3 answers

  25. Как узнать ширину окна?

    Нужно узнать ширину окна браузера. БЕЗ СКРОЛЛ БАРА!!! и бордеров. в идеале бы неплохо знать, ширину рабочего поля, когда браузер в развёрнутом состоянии на весь экран, даже если пользователь сделал его только на часть экрана, но это уже роскошь

    Asked by Matoka Kusanage,

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