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
4723 questions in this forum
-
Как по нажатию на картинке узнать ее scr?
Как по нажатию на картинке узнать ее scr? подскажите плз...
0 votes14 answers -
Меню, плавно меняющее фон своих пунктов.
Всем добрый день! Вот смастерил значит я меню с плавно меняющимся фоном на каждом пункте. Взял пример с этого сайта http://4m.net.ua/, но сделал своими силами, ради тренировки. Ну и как ожидалось, всё работает криво. Проблема: Если наводить на пункты медленно и так же медленно уводить с них мышь, то фон у пунктов плавно появляется и так-же плавно гаснет. Т.е. происходит так, как я и хотел. А вот когда например быстро водишь по меню мышкой и сразу допустим нажимаешь несколько пунктов, то происходит какая та ерунда, а точнее пункты то гаснут, то нет, то половина вообще мигает. Короче сразу видно - некачественный подход к делу. Хотя я перестраховался, сделал всё через замыка…
0 votes28 answers -
Затемнение фона по клику
Ищу решение для задачи. Есть небольшой кусок js кода открывающего-закрывающего боковую панель навигации. Нужно изменить-дописать код так, чтобы при открытии.sidenav фон затемнялся, при закрытии возвращался к исходному состоянию. Код лежит здесь — http://javascript.ru/forum/site/70434-zatemnenie-fona-po-kliku.html
0 votes2 answers -
поменять событие onclick
делаю так: document.getElementById('aback').onclick = 'void(0);'; не работает... а как правильно?
0 votes5 answers -
Загрузка нескольких файлов (изображений)
Здравствуйте! Нашел неплохой скрипт загрузки нескольких файлов <script> function xdropFile(btn){ if(document.getElementById) { tr = btn; while (tr.tagName != 'TR') tr = tr.parentNode; tr.parentNode.removeChild(tr); xcheckForLast(); } } function xaddFile(btn){ if(document.getElementById) { tr = btn; while (tr.tagName != 'TR') tr = tr.parentNode; var idSuffix = Math.round(Math.random()*1000); var newTr = tr.parentNode.insertBefore(tr.cloneNode(true),tr.nextSibling); thisChilds = newTr.getElementsByTagName('td'); for (var i = 0; i < thisChilds.length; i++){ if (thisChilds[i].className == 'header') thisChilds[i].innerHTML = ''; if (thisChilds[i].className == 'files…
0 votes9 answers -
Вопрос знатокам ExtJs
Не получается создать DatePicker Первый вариант используя ext-all, выдает ошибку <html> <head> <script type="text/javascript" src="adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-all-debug.js"></script> <script type="text/javascript"> Ext.onReady(function() { var obj = new Ext.DatePicker({ renderTo: "test" }); }); </script> </head> <body> <div id="test"></div> </body> </html> Второй способ я хотел использовать DatePicker.js из папки source в этом случае говорит не найден Ext. html файл лежит ext_pathsourcetest.html <html> <head> <…
0 votes6 answers -
Определение компьютер или телефон (КПК)
Всем привет! Была задача, чтобы при обращении к сайту автоматически определялось, с компьютера заходит посетитель или с телефона. Сделал это так: при загрузке страницы определяется разрешение экрана и, если оно меньше 800х600 - перенаправляем на wap-сайт, а если больше - перенаправляем на основной сайт. function setLocation(loc) { if (document.images) location.replace(loc); else location.href = loc; } var height=0; var width=0; if (self.screen) { width = screen.width height = screen.height } else if (self.java) { var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; } …
0 votes9 answers -
StateController. Как это работает.
Принципиальная схема работы SC отличается от любого другого фреймворка. StateController построен на событийной модели и оперирует такими понятиями как событие, обработчик, зона распространения события, объект обработчика и другими. Обработчики SC не являются обработчиками DOM, наступление события контроллируется разработчиком, а не браузером и пользователем. Если в том же jQuery работа с DOM начинается с поиска элемента или группы элементов, то в SC началом всего является запуск события. Событие в SC является неким пакетом данных, который запускают определенному набору элементов внутри одного или нескольких контейнеров. Пакет формируется в момент запуска события и его пут…
0 votes2 answers -
Почему срабатывает со второго клика?
https://jsfiddle.net/fwyukjom/ селектор должен открываться с первого клика на ссылку "Select City", по моему мнению.А открывается только со второго и после этого работает нормально.(открывается-закрывается) где я ошибся?
0 votes4 answers -
Flash-заглушка
Здравствуйте! Подскажите. как реализовать такую штуку: если у пользователя в броузере отключен показ flash, пользователь должен видеть статичную картинку. Погуглила, ничего толкового не нашла...
0 votes6 answers -
доступ к dom iframe
на странице http://tubio.ru/ через несколько секунд формируется iframe при клике по тексту подгружается скрипт, который пытается получить доступ к ссылкам iframe: $("iframe").contents().find("a").hide() не работает.
0 votes12 answers -
setTimeout()
Собственно: setTimeout('...', 1000); wrapper.parentNode.removeChild(wrapper); eclipse.parentNode.removeChild(eclipse); Пока работает таймер - функции должны ждать. Можно ли так сделать? P.S. Обыскал инет - сказали, что нельзя сделать паузу. Как тогда поступать в таких случаях? Спасибо.
0 votes14 answers -
таблица
у меня есть такой код <html> <head> <title>table</title> <script type="text/javascript"> </script> </head> <body> <table border="1"> <tr> <td width="50" height="50" align="center"> 1 </td> <td width="50" height="50" align="center"> 2 </td> <td width="50" height="50" align="center"> 3 </td> <td width="50" height="50" align="center"> 4 </td> </tr> <tr> <td width="50" height="50" align="center"> 5 </td> <td width="50" height="50" align="center"> 6 </td> <td width="50" height="50" align="center"> 7 </td> <td width="50" …
0 votes21 answers -
Срочно помогите!!!
Я нашёл интересный скрипт и доработал его, но текстовые поля мгновенно очищаются! Вот ссылка. А ниже прикреплён файл, кто сможет помогите, и объясните почему это не работает как надо. Заранее спасибо! maker.html
0 votes1 answer -
Перелистывание страниц
Коллеги! Подскажите - есть ли возможность (готовый скрипт) на javascript делать переход на следующую страницу. Например, есть страница ttt1.html, а кликая на ссылку попадаешь на страницу ttt2.html и так далее... Может можно с помощью скрипта создать переходя на страницу по типу "+1" Хэлп!
0 votes7 answers -
Объектная модель DOM
Изучаю DOM Явыскрипт вот оппробовал получить доступ через структуру которую имеет язык Джаваскрпипт чего-то ИЕ останавливается на 4 строке и говорит что эт оесть нуль и не является объектом. Я хочу изменить надпись на кнопке под номером №3. <html><head> <title>Тренировочный документ</title> <script type='text/javascript'> window.document.forms[0].elements[2].value = 'Privet'; </script> </head> <body> <form> <input type="button" value='Щёлкни меня' onClick="alert('1')"> <input type="button" value='Щёлкни меня' onClick="alert('2')"> <input type="button" value='Щёлкни меня' onClick="alert('3')"> <inp…
0 votes20 answers -
a href, onClick
<a href="http://yandex.ru/" onClick='open("http://yandex.ru/", "displayWindow", "width=400,height=300,status=no,toolbar=no,menubar=no,alwaysLowered=no,alway sRaised=no,dependent=no,hotkeys=no,titlebar=no,z-lock=no,location=no,directories=no,resizable=yes,scrollbars=no")'>Яндекс</a> При клике на такую ссылку открывается и новое окно и осуществляется переход на текущей странице. Нужно что бы открывалось только новое окно. А тег <a> тут нужен только для того, что бы меняли цвет посещенные ссылки. Как сделать?
0 votes3 answers -
z-index в слое,созданном при помощи JavaScript
Подскажите ,плз. Я вывожу скриптом из базы уменьшенные копии картинок, каждая из которых заключена в див ( код Smarty) {section name=banner loop=$ar_banner} <div style="float:left;margin-right:22px;height:190px;border:0px solid red;z-index:1;" id="ban{$ar_banner[banner].id}" onmouseover="showbig('show','{$ar_banner[banner].image}',{$ar_banner[banner].width},{$ar_banner[banner].height},{$ar_banner[banner].id})" id="ban{$ar_banner[banner].id}" onmouseout="showbig('hide','{$ar_banner[banner].image}',{$ar_banner[banner].width},{$ar_banner[banner].height},{$ar_banner[banner].id})"> html_image file="/images/banners/mini_`$ar_banner[banner].image`"} </div> {/…
0 votes3 answers -
Плагин валидации jQuery.validationEngine
Доброго дня! Господа, нужна помощь. Использую для валидации формы на стороне клиента jQuery.validationEngine, проблема в том, что данный плагин игнорирует ошибки полей, в которых проводится ajax проверка "на лету". Может кто подскажет как решить проблему. Листинг: jQuery(document).ready(function(){ jQuery('#loginPage').submit(function() { jQuery('#submit_login').css('background-image', 'url("http://mail.site.com/images/loading.gif")'); }) jQuery('#go_reg').click(function() { jQuery('#loginPage').slideToggle(function() { jQuery('#registration').slideToggle()}); }); jQuery("#registration").validationEngine(); jQuery('#registration').submit(functio…
0 votes5 answers -
возможно ли такое?
нашел скрипт ежедневника на JQuery классная штука, http://www.redredred.com.au/projects/jquery-week-calendar/ а возможно ли скрестить с php и mysql для того, чтобы данные могли сохранятся в бд и выводиться при открытии нужной даты? или может есть готовый аналог?
0 votes20 answers -
Как убрать выпадающий список у select
Нужен select, у которого при нажатии на кнопку вниз ничего бы не происходило. Кто-нибудь знает, как это делать?
0 votes13 answers -
Верстка vuetify таблицы
Всем привет, В Laravel 5.5/vue.js2.5 приложении делаю таблицу с использованием vuetify 1.0.8 с версткой : <template> <v-flex xs12 sm6> <v-card light flat> <v-card-title> Search genre <v-spacer></v-spacer> <v-text-field append-icon="search" label="Search" single-line hide-details v-model="search" ></v-text-field> </v-card-title> <v-btn color="primary" dark @click="editItem ('new')" class="mb-1">New genre</v-btn> <v-data-table :headers="headers" :items="genresList" :search="search" :pagination.sync="pagination" class="elevation-1" prev-icon="mdi-menu-left" next-icon="mdi-menu-right" sort-icon…
0 votes0 answers -
onclick в отдельном js-файле.
Здравствуйте. Заранее извинюсь за возможную простоту вопроса, так как JS, XML и XSL Я изучаю лишь месяц. К тому же Я длительное время пытался сам решить эту ?задачку? и поискать решения в Интернете, не нашел. Итак: У Меня есть XML файл. Он обрабатывается XSL. Вот пример фрагмента XML: ? <document> <node class='term'><text>1_some data</text></node> <node class='psevdo'><text> 2_some data </text> <node class='psevdo'><text>2.1_ some data </text> <node class='term'><text>2.1.1_ some data </text></node> </node> <node class='term'><text> 2.2_some data </text><…
0 votes7 answers -
Определение разрешение экрана
Добрый день! Не секрет, что мониторы с высоким разрешением завоевывают популярность и уже практически начинают смещать стандартный экранный режим 1024x768, в связи с чем все чаще приходится задумываться о поддержке обоих стандартов (1024x768 и 1280x1024 - больше пока, думаю, нет смысла), но поскольку резиновая верстка накладывает определенные ограничения в плане дизайна, я решил сделать два шаблона - определять разрешение экрана и грузить нужный CSS. Использовал следующий скрипт: <script language="JavaScript" type="text/javascript"> /*<
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-