Search the Community
Showing results for tags 'jquery'.
-
всем привет понадобилось поставить обычный загрузчик файлов решил попробовать поставить jQuery-File-Upload, скачав закинув файлы на сайт работающий на iis, возникла проблема файлы грузятся, выдается список загруженного, но после закрытия браузера и и вновь его открытия - файлы там так и висят , а список должен быть пустым , новая сессия всёже как. Но странно то что у меня всё норм, новый лист при каждом заходе на сайт, а человек кому я это сделал уверяет в обратном. сказав что проверял на нескольких компах как сделать 100% новую сессию даже после закрытия окна? В файле UploadHandler.php имеются некоторые настройки, в англ я не силен поэтому мог что либо пропустить я менял только значение 'user_dirs'
-
Всем доброго времени суток! Подскажите, простой способ написания элементарного плагина для тултипов! Предназначен он будет для указания ошибки при неверном вводе поля формы. Заключается он в следующем: API содержит два параметра: элемент (то есть input или textarea) который пользователь заполнил неверно, текст ошибки и положение относительно элемента (слева или справа). Например, чтобы при отправке формы он появлялся (если поле заполнено неверно) и при клине на соответствующий инпут исчезал. Пробовал разбираться с готовыми библиотеками типа tooltipster, но ничего не получилось, вот решил написать свой, чтобы не нести кучу лишнего кода с проектом. Примерно так он должен выглядеть: http://joxi.ru/GrqVBLOhJNVVmz Заранее всем откликнувшимся спасибо!
-
Доброго времени суток уважаемые спецы. Помогите пожалуйста решить проблему: Заказчик хочет навигацию в виде 3х облаков тэгов по разным темам, проблема в том что бы поместить все 3 облака на одну страницу. На данный момент облака на разных страницах (http://www.site-devga.ru/test/index.html), подскажите как можно свести их на одну или может есть другой вариант решения проблемы. Вот сам код страницы <!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><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><title>Красивые обои для рабочего стола скачать бесплатно без регистрации</title><script type="text/javascript" src="swfobject.js"></script><script type="text/javascript"> function myTags(mytags){ mytags=mytags.replace(/<A/g, '<a') .replace(/\/A>/g, "/a>") .replace(/(target=_)(\w*)/g, 'target="_$2"') .replace(/(class=)(?!")(\w*)/g, 'class="$2"') .replace(/(name=)(?!")(\w*)/g, 'name="$2"') .replace(/(id=)(?!")(\w*)/g, 'id="$2"'); mytags=encodeURIComponent(mytags).replace(/!/g, '%21') .replace(/'/g, '%27').replace(/\(/g, '%28') .replace(/\)/g, '%29').replace(/\*/g, '%2A'); var rnumber = Math.floor(Math.random()*9999999); var flashvars = { tcolor:"0x267fe3", hicolor:"0x888888", tspeed:"120", distr:"true", mode:"tags", tagcloud:mytags }; var params = { allowScriptAccess:"always", bgcolor:'#ffffff' }; var attributes = { id:"flash_cloud" }; swfobject.embedSWF("tagcloud.swf?r="+rnumber, "tags", "300", "240", "9.0.0", "expressInstall.swf", flashvars, params, attributes); } window.onload=function(){ var mytags="<tags>" +document.getElementById('tags').innerHTML +"</tags>"; myTags(mytags); };</script> </head><body><div id="tags"> <a href="../../../lesson.php?cat=html" style="font-size:11px;">HTML</a> <a href="../../../lesson.php?cat=php" style="font-size:11px;">PHP</a> <a href="../../../lesson.php?cat=swf" target="_blank" style="font-size:11px;">Flash</a> <a href="../../../lesson.php?cat=ajax" style="font-size:11px;">Ajax</a> <a href="../../../lesson.php?cat=ocss" style="font-size:11px;">CSS</a> <a href="../../../lesson.php?cat=js" style="font-size:11px;">JavaScript</a> <a href="../../../lesson.php?cat=jq" style="font-size:11px;">Уроки по JQuery</a> <a href="../../../lesson.php?cat=omysql" style="font-size:11px;">Основы MySQL</a> <a href="../../../file.php?cat=template" style="font-size:11px;">Шаблоны</a></div> </body></html>Заранее спасибо!
-
помогите пожалуйста разобраться существует jquery-плагин для отслеживания в реальном времени ввода в поле input. вот рабочий пример . но на моей страничке для #amountDeposit почему-то не срабатывает этот плагин. подскажите пожалуйста что нужно исправить чтобы на моей страничке вывести форму с полем #amountDeposit нужно кликнуть по ссылке "пополнить депозит"
-
помогите пожалуйста советом на страничке я использовал jquery-плагин fancybox2 для создания всплывающих окон. проблема в том, что не получается создать всплывающее окно поверх другого всплывающего окна например на указанной страничке можно: кликнуть по ссылке "список прикреплённых"(откроется всплывающее окно №1)и затем на "добавить"(откроется всплывающее окно №2)затем нажать крестик в верхнем правом углу окна №2. в результате закроются оба окна, а мне нужно чтобы закрылось только окно №2 если такое поведение окон невозможно реализовать при помощи этого плагина, то подскажите пожалуйста какой другой использовать
-
помогите пожалуйста разобраться я использую для формы популярный qjuery-плагин masked-input. его действие заключается в том, что после получения полем фокуса в нём появляется маска для ввода телефона примерно следующего вида: (___) ___-__-__мне хотелось бы понять где в html находится эта маска. в атрибуте value или вообще поблизости элемента input, как показывает инспектор, ничего подобного нет
-
Мне нужно сделать так, чтобы при открывании ссылки с определённым тегом в конце автоматически открывался блок на сайте без php То есть что то похожее на jquery tabs где при открытии вкладки в конце ссылки в адресной строке добавляется "/#tabs1" или "/#tabs3" смотря на какую вкладку нажать.. И если эту ссылку "передать" другому то тот откроет сайт сразу с нужной вкладкой, но мне нужно чтобы просто открывался определённый блок на сайте Я так понимаю это делается через cookies, а с cookies я абсолютно не знаком Юзав поиск я не нашёл что либо похожее или просто я не знаю как это назвать) Такшто прошу когонить написать что нибудь на эту тему если это вообще реализуемо или дать пример этого я уж сам потыкаюсь http://jsfiddle.net/Radioactive/5La9ya8s/
-
Привет, всем! Требуется помощь! Есть ли в js событие, которое отвечает за загрузку файла в форму? Например загружает человек картинку с помощью input[type="file], и после того, как он это сделает срабатывает какое-то событие. Спасибо!
-
Всем привет! Может кто-нибудь доходчиво объяснить, что значит эта запись - (function() { и })();? Я так понимаю, это что-то по части ООП. Знаю, этот подход и сам пишу проекты с его использованием, но на других языках, а тут не совсем понимаю, за что отвечают скобки, в которые обернута вся функция и скобки в самом конце (); Встречал подобную запись, где в параметрах функции и в последних скобках фигурирует $ (т. е. jQuery). И что это значит в этом случае? Заранее, спасибо! var MYAPP = (function() { var privateFunc= function() { return 'private'; }; return { func: function(a, { return a + b; } };})();
-
Всем привет, мне нужна помощь с функцией jquery - selectable http://jsfiddle.net/dpaj546q/ необходимо сделать так чтобы при выделении элемента вместе с ним выделялся checkbox а также при снятии галочки checkbox снималось и выделение
-
Здравствуйте! Не могу понять как отловить момент потери фокуса textarea и формы в которой она находится, принцип как и в поле вк при добавлении комментария. Нажимаен на поле - открывается форма со всем не обходимым, кликаем вокрук формы не исчезает, кликнули за пределом формы, свернулась. http://jsfiddle.net/Vicos/sn0ezcf7/здесь зачатки скрипта. Перепробовал уже многое, именно этот момент не удалось. В консоли выводится 1 когда получаем фокус. 0 при потере фокуса, 2 когда поле не пустое.
-
Всем добрый день! Подскажите, в чем может быть проблема: Вот весь скрипт var id = "#id_" + Math.floor(Math.random() * 3); var text = $(id).html(); alert($(id).html()); alert() выдает undefined А если в консоли прописать $(id).html(), то выводится нужная строка (содержание соответствующего параграфа) Но если в консоли прописать text, то тоже undefind В чем дело? Что не так? Спасибо, всем, кто откликнется!
-
Что имеем: страницу index.php куда через include вставляем соответсвующие разделы - верхнее навигационное меню, основной контент и футер. При нажатии на кнопку меню методом GET на сервер отправляется соответствующий id запрашиваемой страницы, и она подставляется в область основного контента. По-логике шапка и футер постоянно остаются без изменений, меняется только основной контент. Проблема: попытка выделить активный пункт меню с помощью jQuery не приносит никаких результатов (все классы и стили в css прописаны верно), ссылка не получает класс 'active'. Подскажите пожалуйста где может быть причина (может при получении ответа страница полностью обновляется и скрипт просто не "знает" ничего о нажати пункта меню?). Зарание спасибо за ответы и подсказки
-
помогите пожалуйста плотно упаковать резиновые блоки. вот моя попытка пользовался официальной документацией плагина masonry. вот страничка с работающим живым примером, на ней все то же самое, что и в моём примере
-
Полезный ресурс для web программистов - http://selectortester.ru/ - сервис для теста jQuery|CSS селекторов, а также шпаргалки по jQuery|CSS селекторам. Быстрый и удобный сервис с возможностью СОХРАНЕНИЯ
-
1) JavaScript / jQuery, (написание отдельных скпиртов, приложений, фикс багов ) 2) Angular js (написание отдельных скпиртов, приложений, фикс багов ) 3) Верстка , адаптация, фикс багов, psd to html 4) Css анимации, html5 5) twitter bootstrap Интересует удаленная работа по Front-end на part-time (совмещение, 2-3 часа). А также разовая либо стартап. Как найти: 1) skype: pawel_rosolko 2) rsk.pawel@gmail.com
-
На одной странице висит DIV блок в который я через функцию $('#id_div').html("") добавляю html в корой есть простая "форма" (тег form не использую), 2 input и 1 кнопка. По нажатию на кнопку я хочу получить содержимое инпутов. А мне браузер выдаёт пустоту.
-
Добрый день, подскажите пожалуйста, как лучше сделать такую штуку? Зеленая линия должна вырисовываться на экране в течении заданного промежутка времени. url картинки Думал о варианте с трансформациями и анимацией на css с контролем на js. Но подумал вдруг есть способ о котором я не знаю. Если есть поделитесь пожалуйста.
-
Ищу HTML разработчика в международную IT компанию (Разработка ПО) Требования: опыт работы, отличные знания HTML/JavaScript/CSS опыт AJAX-разработки, jQuery опыт верстки для мобильных девайсов завершенные веб-проекты Желательно: SQL, XML, использование GIT, опыт с jQuery UI/ jQuery Mobile работа в офисе в Санкт-Петербурге, полная занятость Готовы рассматривать кандидатов из других городов, готовых переехать в Санкт-Петербург (помощь в релокации) Условия: заработная плата обсуждается с успешными кандидатами, оформление по ТК РФ, белая зарплата, ДМС, стоматологическая страховка, возможность присоединиться к футбольной команде, зона отдыха, чай + печеньки узнать более подробно можно по почте asmiras10@gmail.ru
-
Добрый день. На сайте слайдер, подскажите пожалуйста похожее решение, я за 3 часа ничего не нашёл. Или как это вообще реализуется?
-
Суть вопроса: в HTML страничке реализована анимация средствами CSS: // CSS .fon_animate{ ...width: 0px; animation: timing_left 2s ease forwards;}@keyframes timing_left { 100%{ width: 400px; margin-left: 0px; }}//HTML <div class = "fon_animate" style="top:250px; animation-delay: 1s"> <img src = "../res/img/blank.png"></div>Необходимо по кнопке клавиатуры, например пробел, либо сокращать время анимации до нуля, либо переходить к 100% анимации. Я так понимаю это можно реализовать средствами JQuery. Очень буду рад и благодарен за помощь!
-
Имеется такая HTML конструкция: <div id="menu"> <a href="#" class="button" id="b1" data-item="home" onclick="ButtonClick()">1</a> <a href="#" class="button" id="b2" data-item="library">2</a> <a href="#" class="button" id="b3" data-item="learn">3</a> <a href="#" class="button" id="b4" data-item="about">4</a> <a href="#" class="button" id="b5" data-item="callback">5</a> </div><div id="content"> <div id="home" class="content">ghbftn</div> <div id="library" class="content">1111</div> <div id="learn" class="content">1111</div> <div id="about" class="content">2222</div> <div id="callback" class="content">333</div></div>Требуется: При нажатии на ссылку, в переменную записывалась информация из data-item, а затем используя эту переменную как id объекта скрывать или отображать его. Объясните начинающем КАК передать DATA-, весь мозг сломал , получается только id кнопки передать. Заранее благодарен.
-
Здравствуйте. Задумка: использовать плагин (jquery) Easyzoom на галерее картинок, предназначенный для показа увеличенного фрагмента изображения. Лупа, короче. Работа плагина следующая. <a href='src_pic_lrg'><img src='src_pic_sml'></a>- при наведении курсора на картинку(точнее на ссылку) плагин берет href, в котором указан большой вариант картинки и показывает ее в отдельном div. Это все отлично. но я имею набор картинок, которые переключаются в одном div. Проблема в том, что как ни переключай ссылки, все равно считываться будет href, который написан последним. то есть не переключается вовсе. я переключал zIndex div'ов, в каждом из которых помещено по ссылке. экспериментировал с display:none на div и самих ссылках. Все равно последний href как насквозь все собой пронзает. Может идейку какую кто подскажет, как с картинками a href переключать. у cloudzoom это реализовано каким-то макаром, но я так и не врубился как... привожу минимальный, но аналогичный по механизму код . <!DOCTYPE html><html><head><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="js/easyzoom.js"></script><script type='text/javascript'>jQuery(function($){$('a.zoom').easyZoom();});</script><style> #myDIV { position: absolute; top: 130px; left: 30px; width: 420px; height: 310px; background-color: lightblue; border: 1px solid black;} #DIV2 { position: absolute; top: 130px; left: 30px; width: 420px; height: 310px; background-color: coral; border: 1px solid black; }#easy_zoom{width:600px;height:400px; border:5px solid #eee;background:#fff;color:#333;position:absolute;top:60px;left:500px;overflow:hidden;-moz-box-shadow:0 0 10px #777;-webkit-box-shadow:0 0 10px #777;box-shadow:0 0 10px #777;line-height:400px;text-align:center;}</style></head><body><button onclick="myFunc()">меняем</button><div id="DIV2"><a id='forsh0' class='zoom' href='foto4.jpg'><img class='pict' width=420 height=310 src='foto4.jpg '></a></div><div id="myDIV"><a id='forsh1' class='zoom' href='foto5.jpg'><img class='pict' width=420 height=310 src='foto5.jpg '></a></div><script>function myFunc() { document.getElementById("myDiv").style.zIndex = "-1";}</script></body></html>
-
помогите пожалуйста решить проблему с плагином jquery validate на странице есть 2 формы, каждую из них я проверяю этим плагином примерно так: (function (){ // ————————————————————————————-- auth $.validator.setDefaults({ submitHandler: function() { console.log('com'); } }); $().ready(function() { $("#authForm").validate({ rules: { username: { required: true, maxlength: 30, minlength: 3 }, bla bla bla }); }); // ————————————————————————————-- reg $.validator.setDefaults({ submitHandler: function() { console.log('com2'); bla bla bla } }); $().ready(function() { $("#registrationForm").validate({ rules: { username: { required: true, maxlength: 30, minlength: 3 }, bla bla bla }); }); })();в результате когда отправляю форму #registrationForm срабатывает обработчик $.validator.setDefaults({ submitHandler: function() { console.log('com2'); bla bla bla } });когда отправляю форму #authForm срабатывает тоже этот обработчик, а должен другой то есть другими словами в консоль всегда выводится console.log('com2');
-
помогите пожалуйста решить проблему на страничке в переменной head скрипта helper/helper.js должно содержаться значение, зависящее от того какую из кнопок .menu_button кликнул пользователь проблема в том, что в переменной head всегда содержится значение "обратный звонок3" $(document).ready(function() { $('.menu_button').kalininModals(); });(function($){ // ————————————————————————————————-- options ———- $.fn.kalininModals = function(options) { var options = $.extend({},options); return this.each(function() { //console.log('--' + $(this).text()); // —————————————————————————————— properties ——— var self = $(this), selfModals = $('#modalOuter'), selfModalsWindow = $('#modalWindow'), head, info, actionsArr; init(); // —————————————————————————————— methods ———— function init(){ //console.log('___' + self.text()); if(self.attr('id') == 'menuButton1'){ console.log(1); head = 'Обратный звонок'; } else if(self.attr('id') == 'menuButton2'){ console.log(2); head = 'Обратный звонок2'; } else if(self.attr('id') == 'menuButton3'){ console.log(3); head = 'Обратный звонок3'; }; } function makeBody(){ console.log('make'); $('#head .h2').text(head); } function modalsVisibility(visibility){ var result; if(visibility){ result = 'block'; } else{ result = 'none'; }; selfModals.css({ 'display': result }); } // —————————————————————————————— handlers ———-- function onClickControls(){ makeBody(); modalsVisibility(true); } function onClickActions(){ modalsVisibility(false); } // —————————————————————————————— events ————- $('#menuButton1, #menuButton2, #menuButton3').on('click', onClickControls); $('#buttonClose, #ButtonCancel').on('click', onClickActions); }); };})($);
