JavaScript

4723 questions in this forum

1. Смена значка кнопки при ее нажатии

   Добрый день. Столкнулся с такой проблемой. Я сделал кнопку при нажатии на которую включается звук у видео, при повторном нажатии звук выключается. У кнопки есть картинка в виде значка выключенного звука. Как сделать чтоб при нажатии на кнопку значок менялся на нужный и при повторном нажатии значок менялся обратно. При этом кнопка должна продолжать выполнять свою функцию. HTML <div align="right"> <input type="image" src="icon/no-audio.png" onclick="mute(this, 'vid1')" class="knopka01" value=""> </div> </section> _______________________________________________________________________________________ CSS .knopka01 { display…

   Asked by 3249, November 16, 2018

   0 votes
   2 answers
2. <INPUT TYPE="FILE"> - разный размер во всех браузерах

   камрады, нашел на форуме похожую темку http://forum.htmlbook.ru/index.php?showtopic=4198, но так и не нашел выхода. ссылка в той теме не работает. как задать фиксированную ширину именно для поля загрузки файла и его кнопки? в осле, фоксе и опере смотрится везде по разному. пробовал через стили, то же самое. я так понимаю, длина как-то считается, учитывая размер самой кнопки....? :/:/ пролейте свет на этот вопрос, плз

   Asked by coldrain, November 13, 2007

   0 votes
   5 answers
3. indexOf

   B этой функции я хотел бы написать indexOf(('@') && ('.ru')) (это просто пример, мне нужно чтобы эта функция могла определить одновременно и @ и .ru) Но,к сожалению, ДжаваСкрипт на это не понимает! У вас есть на это подсказки?

   Asked by Jaeser, March 1, 2008

   0 votes
   14 answers
4. как побороть ие7

   ВОТ. Работает во всех браузерах, но в ие7 не открывается блок с описанием который при загрузке страницы скрыт. Почему?

   Asked by rediskavet, February 15, 2011

   0 votes
   16 answers
5. jQuery измененние css

   Задача: увеличить значение left или top. я сделал так: $("div").animate({left:'+=80px'}, 0); но откровенно глупо это. хотеось бы както так $("div").css({left:'+=80px'}); но не выходит. и примера нигде работающего найти не могу. и в документации неясно както по этому поводу написано... подскажите красивый код...

   Asked by xtz, June 6, 2010

   0 votes
   4 answers
6. При загрузке контента по средствам js вместо тегов получаю экранирование( &lt &gt )

   С помощью js динамически подгружаю контент из php файла, но html теги в нем автоматически экранируются (&lt &gt), Как этого избежать? Вот код: $(function() { $("#result").load("notmod.php",{reg_sel: $('#press-it').val()}); $('#press-it').change(function(evtObj) { $.ajax( { url : 'tararam.php', async : true, type : 'POST', dataType : 'text', contentType : 'application/x-www-form-urlencoded', success : function(data, textStatus, xhr) { $('#result').text(data); }, dataFilter : function(data, dataType) { return data; }, data : {reg_sel: $(this).val()}, processData : true, before…

   Asked by tragbang, October 22, 2011

   0 votes
   5 answers
7. Открытие Diva по клику

   Доброе время суток. Имеется див блок в котором 2 элемента по клику должны вызывать два разных блока с одинаковым стилем. На фидле не работает... http://jsfiddle.net/pMf2A/25/ На кодепене работает: http://codepen.io/anon/pen/hlwKc Файлы для скачки yandex: https://yadi.sk/d/t_JkK2YjbpkN9 После открытия страницы: После клика по одному из облачков: Задача: сделать так чтобы по клику ".reqcomtovoteno > p" открывался блок с базовым стилем от "#boxcom" дополнительным стилем от ".tono" и установленным классом разделителем элементов ".pm" , а при клике по ".reqcomtovoteyes > p" открывался точно такой же блок, но с доп.стилем ".toyes", а блок с доп.стилем ".tono" и блок…

   Asked by jontsk, October 5, 2014

   0 votes
   13 answers
8. HoverFade эффект для миниатюры

   Здравствуйте Существуют плагины фотогалереи, например: prettyPhoto, fancybox и прочие Как использовать плагин я понял, но повсеместно встречаю эффект, когда при наведении курсора на миниатюру изображения оно затемняется или еще как-то расфокусируется и появляется изображение "плюса" (или другое) как предложение просмотреть изображение в большем масштабе или перейти по ссылке И эта маленькая иконка "плюс" (или другая) интересно появляется визуально: HoverFade эффект или выезжает снизу-сверху-сбоку Как разработчики делают это? Не могу понять Может есть публикации кода на эту тему? Я не нашел Помогите, пожалуйста PS Примеры: http://themes.evgenyfireform.com/themask/demo/ …

   Asked by happybolt, June 18, 2012

   0 votes
   11 answers
9. Как остановить работу плагина, скрипта при размере экрана меньше 900px

   Доброго времени суток! Поставил на сайт вот этот плагин http://jquery-plugins.net/sticky-kit-jquery-plugin-for-making-sticky-elements . Сайт на адаптивной верстке в две колонки. При размере экрана меньше 900 пикселей эти две колонки превращаются в два блока, один под другим. Но скрипт получается не понял что ничего не надо скролить и получается один блок заезжает на другой и очень серъезно. И появилась такая идея, что надо просто остановить его работу когда экран меньше 900 пикселей, только я не знаю как. Помогите. Вот страница с демо, только надо уменьшить размер окна, чтобы она заработала http://leafo.net/sticky-kit/examples/3.html Вот сам скрипт http://leafo.net/s…

   Asked by ampsd, June 25, 2014

   • jquery
   • скриптб
   • отсановка
   0 votes
   3 answers
10. Определение id элемента по которому кликнули

    Есть вот такой блок с выбором файлов: В данном случае имеем стандартный input с выбором файла, которому поставлен "opacity: 0" и "z-index:9999", а под него засунута своя стилизованная кнопка, 3 из которых мы видим на картинке. Все это работает так: - изначально есть только одно поле выбора файла. Мы клацаем по кнопке "Выберите файл..." и наша надпись на кнопке соответственно заменяется именем выбранного файла - затем, если нам надо добавить еще один файл, мы клацаем на кнопку "+" и снизу добавляется еще одно поле (подобно первому скрину с 3-мя полями). Каждое новое поле имеет свой id вида "#fln№" (первое поле #fln1, второе #fln2 и т.д.) и одинаковый класс ".uplFil…

    Asked by advokatua, March 5, 2015

    0 votes
    2 answers
11. Как найти ссылку на странице и нажать ее?

    Можно ли скриптом определить ссылку на странице по её названию? И соответственно если есть, то как нажать её? Если опирации реальны, то плз код.

    Asked by GromLine, February 13, 2009

    0 votes
    4 answers
12. При наведении на блок он поворачивается под углом

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

    Asked by AnfisaMu, March 11, 2019

    • js
    • javascript
    0 votes
    1 answer
13. Нужен совет по AJAX

    Здравствуйте,сразу прошу прощения за мою орфаграфию. Ну так вот, недавно передомной появилась задача сделать небольшое веб-приложение с использованием таких технологий как: PHP, MySql [ PDO или MySqli ], AJAX [ например JQUERY ], JSON. Посколько раньше я не когда не сталкивался с JS, прошу совета или помощи у вас. Привиду пример, чтобы было понятнее. Представим страницу на которой выводится: Форма добавления задачи Задачи со статусом ( например завершена и незавершена ) И счетчик количества задач. PS. Так же на странице должна быть возможность удалить задачу, изминить статус задачи. И все изменения должны сразу отображатся. Как все это реализовать с использованием PHP и…

    Asked by Fastfold, October 21, 2013

    • совет
    • ajax
    0 votes
    8 answers
14. innerHTML и Cannot convert undefined or null to Object stacktrace

    привет. подскажите в чем проблема: в <div id="itPic" /> "вставляю" картинку с помощью innerHTML var thisPic=document.getElementById("itPic"); var ImgPath='<?php print('<img src="'.$getDirName.'/'.$getPicsArray[0].'" ">')?>'; thisPic.innerHTML+=ImgPath; когда пытаюсь чтобы по клику эта картинка заменялась другой таким же способом: var showAnotherPic='<img src="'+imgDir+imgTitle[i]+'">'; thisPic.innerHTML+=showAnotherPic; случается вот такая ошибка: Cannot convert undefined or null to Object stacktrace

    Asked by unnam, February 5, 2010

    0 votes
    5 answers
15. Поведение двоичного кодов и сценариев

    Эта опция в 7-м эксплорере по умолчанию разрешена? У заказчика и еще у нескольких людей запрещена, сомнительно что они сами запретили. А мне сомнительно что она может быть запрещена, потому что это отключает фильтры. Кто что слышал по этой проблеме?

    Asked by homm, April 17, 2008

    0 votes
    5 answers
16. Поиск слэша в регуляном выражении.

    Здравствуйте. В общем надо запретить ввод в поле символов: .,;:!?/\ Работает для всего кроме обратного слэша \ Есть регулярка: var prep = "[.,;:!?/]"; При добавлении туда обратного слэша, т.е. [.,;:!?/\\] перестаёт работать. Как должен выглядеть обратный слэш в регулярке?

    Asked by Flake, October 7, 2008

    0 votes
    4 answers
17. Обновление скрипта без обновления страницы

    Есть скрипт, который находится на другом сайте. Скрипт на JS В коде моей страницы написано <script src="http://www.page.ru/script.php?param=1" type="text/javascript"></script> Как сделать так чтобы, чтобы этот скрипт обновлялся с интервалом в минуту, но не обновлять всю страницу?

    Asked by SibBear, February 18, 2009

    0 votes
    2 answers
18. Как сделать несколько одинаковых слайд шоу на странице

    Здравствуйте. Подскажите новичку. Воспользовался этим примером слайд шоу. 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, August 30, 2011

    0 votes
    16 answers
19. График canvas

    Добрый (надеюсь) день! Решил попробовать сделать график на canvas, но возникла проблема с добавлением случайных точек на этот график. Проблема в том, что каждая точка у меня является объектом с аргументами в виде координат точки (x,y), и я никак не могу понять как с помощью цикла можно создавать новые объекты с новыми координатами.... Скорее всего есть более простой способ, но я до него не додумался. Вот код: //Run CANVAS var canvas = document.getElementById('diagram'); var ctx = canvas.getContext('2d'); //We create a class with a method drawing lines from the previous point function Point(x,y) { this.draw = function(){ ctx.lineTo(x, canvas.height -y); } }; //Creat…

    Asked by moskalev_mihail, November 17, 2011

    0 votes
    4 answers
20. Тач слайдер

    Уважаемые форумчане! Есть ли у кого на примете похожий плагин,но бесплатный?! http://codecanyon.net/item/royalslider-touch-content-slider-for-wordpress/700256 Буду очень рад помощи.

    Asked by SKSKSS2013, March 24, 2014

    0 votes
    8 answers
21. Сравнение текста input с заданным значением

    Здравствуйте. Подскажите пожалуйста как можно реализовать проверку значения у input с другой переменной php при отправке формы? Например, чтобы в случае если value больше переменной php, он или показывал alert, или просто подсвечивал input, и естественно не отправлял данные а оставался на этой же странице. Событие keyup не подойдет, так как данные могут вбиваться в ручную, или с помощью нарисованных кнопок + и - (инкремент, декримент). Переменная php: <?php echo sprintQtyInStock($product->qty_in_stock); }?> Вывод input: <form id="item<?php echo $product->product_id; ?>" name="product" method="post" action="<?php print $product-&g…

    Asked by TYMON, February 13, 2018

    0 votes
    1 answer
22. Ребята, помогите пожалуйста со слайдером!!!

    Ребята, всем доброго времени суток) Помогите пожалуйста со слайдером! В javascript плохо разбираюсь(( Нашла подходящее мне решение, но никак не могу настроить под себя. Нашла здесь: http://lantana-studio.ru/howto/simpleslider/ У меня содержимое слайдера вылезло из контейнера, фото прикреплю Вот код HTML <div class="slider"> <div class="slider__block d-flex__row"> <div class=""> <img src="img/otziv-img.png" alt="Фото" class="slider__img"> </div> <div class="slider__block_text"> <div class="slider__block_text-row d-flex__widthHeight-center"> <p class="slider__blo…

    Asked by Darya, January 26, 2019

    • слайдер
    • верстка
    • js
    0 votes
    1 answer
23. Две версии jQuery

    Нужно на страницу подключитьjQuery версии 1.8, но в <head> уже включена 1.4.2, и <head> я менять не могу. Можно ли в теле страницы подключить нужную версию и не вызовет ли это конфликтов?

    Asked by LittlePony, August 16, 2012

    0 votes
    4 answers
24. Отправка формы при клике по пункту в списке

    В общем сделал отправку формы при клике по пункту в списке: <script language ="JavaScript"> <!-- function paramChange() { document.form.submit(); } --> </script> <form action="#" method="POST" name="form"> <select onChange="paramChange()" name="num"> <option value="5" selected>Show 5</option> <option value="10">Show 10</option> <option value="25">Show 25</option> <option value="30">Show 30</option> </select> </form> Но для стилизации списка уже прикрутил скрипт custom-form-elements.js И как только дописываю к <select> class="styled" отправка формы перестает ра…

    Asked by grafnet, July 11, 2011

    0 votes
    2 answers
25. Баннер на всю страницу 100% x 100%

    Добрый день! Подскажите пожалуйста, если у кого есть опыт размещения флэш баннеров. Знаю что размещается средством java script. Есть флэш заставка. Надо ее разместить над страницей (как бывает на сайте спорт экспресс), что бы она полностью собой закрывала входную страницу, 100% по ширине и высоте. А по нажатии на кнопку закрывалась. Заранее спасибо!

    Asked by fiver, October 23, 2013

    0 votes
    16 answers