JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes0 answers
4,723 questions in this forum
-
Можно ли сделать эффект переворота текста
Есть флешь шаблон: http://www.templatemonster.com/flash-templates/30482.html. Хочу сделать эффект, похожий на тот, что сделан для меню. Пока думаю так - запускать несколько анимаций одновременно: 1) покачивание кнопки - сделать думаю не проблема; 2) переход из черной кнопки в серую - спрайтом, с одновременно меняющейся прозрачностью. 3) переворот текста - тут я не знаю. Мой вопрос: можно ли такое сделать при помощи JS? 4) звездочки / шарики - про это еще не думал. Если у кого есть идеи как сделать все вместе по другому - буду очень рад. Заранее СПС.
0 votes7 answers -
Ошибка в работе canvas + stackblur
Добрый вечер. Помогите решить проблему. Есть слайдер с картинками, фоном блока, где размещён слайдер, является текущая картинка. При загрузке страницы выводится ошибка: TypeError: Argument 1 of CanvasRenderingContext2D.drawImage could not be converted to any of: HTMLImageElement, HTMLCanvasElement, HTMLVideoElement, ImageBitmap.ccimg.drawImage(Img, 0, 0, canvas.width, canvas.height);Изначально код был таким: <div id="wrap"> <img src="2.jpg" alt="" id="img"> </div> <div id="canvasInner"> <canvas id="canvas"></canvas> </div> <script> var canvas = document.getElementById('canvas') var ccimg = canvas.getContext('2d…
0 votes4 answers -
Раскрывающийся текст
Подскажите как сделать так, чтобы при нажатии на строку/ссылку под ней раскрывался бы ещ? текст (пару абзацев), а потом при нажатии снова на эту же строку/ссылку текст бы закрывался. Это реализованно, например, в справке Windows - нажимаешь на плюсик - текст раскрывается, нажимаешь ещ? раз - закрывается.
0 votes1 answer -
Drag & Drop или как отметить человека на фотографии
Добрый дань, господа. Задумался на вопросом написания функции отмечания человека на фотографии, как во ВКонтакте. Пока столкнулся только с одной достаточно крупной проблемой. Я не знаю как создать рамку, чтоб пользователь мог ее двигать и менять ее размер. Конечно потом надо сохранить координаты этой рамки. Подскажите пожалуйста, куда смотреть, что читать. Заранее благодарю.
0 votes1 answer -
Растягивание и сжимание фона
Добрый день! Есть div. #wrapper { margin: 0 auto; max-width: 1600px; width: 98%; } Необходимо в него запихнуть фон, но таким образом, что бы он растягивался и сжимался пропорционально!!! Нашел несколько решений, но фон либо обрезается, либо сжимается не пропорционально... Помоги, пожалуйста. Заранее спасибо!
0 votes7 answers -
jQuery - снять обработчик
Подскажите, пожалуйста. Навешиваем на div обработчики $("div").mousedown(function(){alert('first')}); $("div").mousedown(function(){alert('twice')}); Как снять первый обработчик.
0 votes4 answers -
Кнопка "назад" в слайдере
Приветствую, я не знаю если у кого-то будет желание сидеть и разбираться в моем *****коде, но я буду очень признателен за любую помощь. Сам слайдер реализован на css, jquery там просто нужен для автоматического переключения слайдов. Кнопка вперед работает нормально, но я не могу понять почему не работает кнопка "назад" ведь логически там вроде все верно, компиляторы тоже не выдают ошибок (вперед\назад это эти 2 стрелочки по бокам картинки, которые перелистывают слайд). Слайдер я аккуратно выдернул и поместил сюда - http://codepen.io/anon/pen/xjrtE . Javascript составляющую я прокомментировал в коде. Буду рад любым предложениям по правке\оптимизации кода, потому что я сам …
0 votes2 answers -
Не получается вызвать функцию (ajax)
Пересоздал тему для более легкого объяснения проблемы, которая до сих пор не решена. Задача банальная - вызвать функцию с помощью ajax при клике на кнопку. В первом файле, который необходимо вызвать я указываю следующее : // phpfunction a() {echo 'huu';}a(); // вызвалиВторой файл (где расположен ajax) вызывает открывает первый. // ajax file<button onclick="go()" id="div">0</button><p id="text"></p><script>function go() {var client = new XMLHttpRequest();client.onreadystatechange = handler;client.open("GET", '1.php'); // открываем файл и получаем ф-ю с вызовомclient.send();}function handler() {if(this.status == 200 && this.response…
0 votes16 answers -
fancybox + ajax
Ломал голову как отключить клавишу (картинку) закрытия и не могу додуть. Помогите. <script type="text/javascript"> $(document).ready(function(){ $("a.fancy").click(function() { $.fancybox.showActivity(); $.ajax({ type : "GET", dataType: 'html', cache : false, url : "/fancybox.html", data : 'mydata=test', success : function(data) { $.fancybox(data); } }); return false; }); }); </script> Так не работает success : function(data) { $.fancybox(data, {'showCloseButton' : false}); } Заработало УРА !!!
0 votes0 answers -
Проблема с работой jquery UI
Итак, вопрос в следующем. На простой свёрстанной html-странице для слайд-шоу контента я подключаю jquery-ui-1.8.16 и jquery-1.5.1.js, разумеется. Стили и инициализация выполнены верно, слайд-шоу работает. Инициализация: $(document).ready(function() { $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); }); На локальном сервере всё то же самое порождает ошибки: >jQuery is not defined >$(document).ready is not a function Как с этим разобраться?
0 votes8 answers -
Плавный скролл внутри div'a
У меня есть блок. Допустим "Main". В этом блоке есть 2 блока "block1" и "block2". У "block1" есть свойство overflow: hidden; Поэтому "block2" не видим. Вопрос: как сделать плавный скролл внутри блока "Main", получается что бы "block1" плавно, сверху вниз, или снизу вверх, заменялся на "block2" при нажатии на ссылку?
0 votes1 answer -
highslide - display:table - firefox - НЕ дружат
такая штука приключилась, всё было хорошо пока не поставили хайслайд движок - дле 8 версия хайслайда - последняя вот линк беда тут во всех браузерах(ие8/хро/сафаря/опера) всё отлично, а в лисичке при нажатии на картинку с хайслайдом белое полотно(фон от хайслайда) становится там где надо, а сама картинка улетает в левый верхний угол сайта. убираю "дисплей:тейбл" - хайслайд работает - но с вёрсткой приключается горе. всё путается, и прыгает как захочется. помогите с етой проблемой пожалуйста, в понедельник дедлайн(
0 votes4 answers -
javaScript + jQuery: Вертикальный скролл по mouseover
Делаю вертикально скроллящееся меню по типу вот этого: http://www.netpro.ru/?action=DABlank2 (откройте "Мы сделали"), только на javaScript + jQuery HTML: <div id="left_list"> <p class="project_number"><a href="#">007</a></p> <p class="project_number"><a href="#">012</a></p> ... <p class="project_number"><a href="#">186</a></p> </div> java script: $(document).ready(function(){ // При наведении на левый блок var winHeight = $(window).height(); var margin = $('#left_list').height() - winHeight; // движение при попадании курсора в области $('#left_list').unbind('mouseover').mo…
0 votes0 answers -
мигание фона ссылки
Здравствуйте! Такая проблема,есть ссылка.У нее есть фон-изображение,при наведении на ссылку фон изменяется,подгружается другое изображение. Делала это сначала при помощи hover,но иногда фоновое изображение загружалось не сразу,а сначала мигает,буквально миллисекунду,потом нормально. Потом попробовала onmouseover,onmouseout-все равно иногда мигает.Причем во всех браузерах.Наблюдается не всегда,но иногда бывает. В хэдере есть скрипт <script type="text/javascript"> $(document).ready(function(){ try{document.execCommand('BackgroundImageCache', false, true);}catch(e){}; </script> который по идее устраняет это мигание,но это не срабатывает. Я так понимаю что брауз…
0 votes3 answers -
выыод php кода страницы
Подскажите, если возможно, как организовать скрипт который выводил бы сам php код страницы по нажатию на кнопку?
0 votes9 answers -
Не работает drag and drop
Почему пишет, то, что Cannot read property 'addEventListener' of null? А если сделать без функции, то всё работает http://plnkr.co/edit/VpsFj0r8cMIxYKNMqOa5?p=preview
0 votes13 answers -
Использование not в jQuery
У меня в примерах справочника используются вкладки, активная помечается классом active. Вот здесь показано. https://webref.ru/css/opacity#field_css_example В JS пытаюсь указать, что на элемент с классом active щёлкать не надо. Но всё равно срабатывает. $('.webrefExample-tabs-result').not('.active').click(function() {... Как правильно использовать not в данном случае?
0 votes2 answers -
Скрипт вывода рекламы в статьях на javascript или php?
Здравствуйте! Скрипт выводит рекламный блок через заданное количество знаков текста внутри статьи. Например после каждых 1500 знаков текста появляется реклама. До и после реклама легко устанавливается в шаблон сайта, нужен скрипт для внутренней рекламы. Рекламные блоки РСЯ, адсенс, тизерные сети. Подскажите на чем такой скрипт лучше заказывать javascript или php? Может есть готовые решения Сайт http://yxod-za-volosami.ru/ Движек ucoz, могу ошибаться, но вроде там php встраивать сложнее в код.
0 votes4 answers -
JQuery .load()
$("#content").load('work/content.html', // здесь подгружаем хтмл с дивом в котором изображения, function() { // начинаем функцию callback, $("#content").show("slide", { direction: "right" }, 1100); // анимация show* блока с содержанием которое мы подгрузили, }); по сути получается, в момент, как содержимое content.html попадает в #content начинается выполнение callback. Вопрос: как сделать чтобы анимация (которая сейчас в callback) начиналась после того эти картинки будут загружены?
0 votes17 answers -
Стилизация ползунка iframe
Можно ли как-то изменить вид ползунка в iframe. Никак не получается. Подскажите.
0 votes4 answers -
Параметр window.open
Всем Добрый день! Нужно,что бы новое окно открывалось в этом же окне! window.open("Test.html","name1","_self"); Так не работает(.... Что не правильно написано? Спасибо!
0 votes4 answers -
Помогите сделать выпадающее меню
Написал такой код: <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="en" lang="en"> <head> <title>Menu</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 11px "Trebuchet MS", Verdana, Tahoma, sans-serif; } body { margin: 10px; } ul { list-style: none; } li { float: left; position: relat…
0 votes14 answers -
Как на jquery написать функцию завязанную на ширину экрана?
Как написать такую функцию чтобы при ширине 768 и менее добавить класс к блоку, а если ширина больше то удалить этот класс?
0 votes7 answers -
button чтоб не открывал, но выполнял ссылку
Помогите разобраться. Есть сервис отправки смс (ссылку давать не буду так как обычно правила форумов запрещают), он отправляет смс в ответ на http-запрос. Я сделал у себя на сайте button, в который вставил так: <button type="button" onclick="location.href = "https://сайт_сервиса&текст_смс&номер_куда_отправить">отправить смс</button> Сервис отправки возвращает в ответ json с стоимостью отправки и получилось ли доставить. Эта json открывается вместо текущей страницы. Как сделать чтоб эта json не открывалась (страница осталась та же), а записать отвеченную json в переменную?
0 votes7 answers -
ООП. Как вызвать метод предка?
MovingObject наследует св-ва и методы от Moving. У Moving есть метод Go(), а в MovingObject он перекрывается. Вопрос в том, как вызвать в MovingObject.Go() метод родителя. Вот что пришло в голову <script type="text/javascript"> function Moving() { this.x = 0; this.y = 0; } Moving.prototype.Go = function() { /* Код */ } function MovingObject() { this.z = 0; } MovingObject.prototype = new Moving; MovingObject.prototype._Moving_Go = Moving.prototype.Go; //Сохраняем метод предка MovingObject.prototype.Go = function() { this._Moving_Go(); //Вызываем метод предка /* Код */ } </script> Может есть решение получше?
0 votes2 answers