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
-
Object vs. IFrame
Всем доброго времени суток. Вопрос у меня на тему перехода с IFrame на Object, так как он входит в спецификацию xhtml. В общем ситуация такая, обычно я использую фреймы для загрузки внутренних HTML, но не только как контент, а как документ со скриптами, ведь объект IFrame имеет доступ к простанству имен Javascript через contentWindow. А как это реализовать с тегом Object? Если конечно это вообще возможно.
0 votes9 answers -
Отключить ctrl и shift на multiple select
Здравствуйте, уважаемые форумчане. Столкнулся с проблемой - никак не удаётся отключить множественный выбор на селекте, если он отображается как multiple. Я написал скрипт, который может просто отменить предыдущий выбор и оставить только новый, т.е. своей цели я добился, но отмену легко заметить, т.к. на экране какое-то мгновение выбрано сразу два пункта. Поэтому я пошёл с другой стороны и решил вообще запретить пользоваться кнопками ctrl и shift над такими селектами, но не тут-то было. В общем примеры: html код: <select id="multi1" class="multiple-select" name="multi1[]" size="6" multiple> <option value="2" selected>bald endede zuerst 2</option> <o…
0 votes4 answers -
Скрипт рбаотает только в FF
Помогите сделать рабочим скрипт в IE. <script language="javascript"> function Display(which) { m12=document.getElementById("m12"); m11=document.getElementById("m11"); m10=document.getElementById("m10"); m9=document.getElementById("m9"); m8=document.getElementById("m8"); m7=document.getElementById("m7"); m6=document.getElementById("m6"); m5=document.getElementById("m5"); m4=document.getElementById("m4"); m3=document.getElementById("m3"); m2=document.getElementById("m2"); m1=document.getElementById("m1"); if (which=="12") m12.style.display="block"; else m12.style.display="none"; if (which=="11") m11.style.display="block"; else m11.style.disp…
0 votes13 answers -
Обновление значения
Ребята, здравствуйте. Подскажите, пожалуйста, как для var сделать отслеживание изменения значения: var width = $('#content').width(); При ресайзе окна браузера значение должно обновится без перезагрузки страницы. Есть просто функции, которые от этого значения работают. А при ресайзе значение остается прежним и отображение страдает.
0 votes13 answers -
Как правильно настроить счетчик времени setTimeout
Есть ячейки таблицы, а в них рисунки - изначально невидимы. <td><img border="0" src="../images/1.gif" id=pict1 style="visibility: hidden"></td> <td><img border="0" src="../images/2.gif" id=pict2 style="visibility: hidden"></td> <td><img border="0" src="../images/3.gif" id=pict3 style="visibility: hidden"></td> Есть скрипт (явно неправильный) который срабатывает на onload <body onload=""VisiblePicture()"> <script type=text/JavaScript> function VisiblePicture() { setTimeout(VisiblePicture,2000); { document.getElementById("pict1").style.visibility="visible"; document.getElementById("pict2").style…
0 votes6 answers -
JSLint
http://www.jslint.com/ Попробовал вставаить туда небольшой свой скритик строчек на 40 и привести в соответсвие. Стало страшно… Я и хтмлному валидатору относится с большим недоверием… но тут… А вы готовы писать строгий JavaScrip t ?
0 votes16 answers -
JavaScript для инфоблока Битрикс
Я правда вовсе не уверена, что битрикс тут играет хоть какую роль, т.к. по мне дело в том, что я до этого с джаваСкрипт вообще не виделась. Имеются 2 пхп файла, призванные выводить на экран линию фоток с прокруткой (она как раз на JS). Скрипты там идентичные (громоздско конечно, но здесь я так понимаю, файлы прикрепить низя): <STYLE type="text/css"> TABLE#ftl{ height:auto; width:auto; border:0 none; } TABLE#ftl TD.ftl_left, TABLE#ftl TD.ftl_right{ width:9px; color:#000; cursor:pointer; vertical-align: top!important; text-align: center!important; } TABLE#ftl TD.ftl_left DIV{height:83px;background: #922b25;vertical-align:top; padding-t…
0 votes5 answers -
как сделать новое окно в виде картинки?
Допустим,при нажатии на ссылку у меня появляется pop-up. <a href="java script: window.open('next.php','newWin','width=300,height=200'); void(0)"> откроем новое окно </a> Мне надо чтобы новое окно выглядело не как окно IE, а было в виде картинки c формой. Как это сделать?
0 votes7 answers -
Выделение используемого раздела
Доброго времени суток!!! Народ , подскажите пожалуйста как пустить id по switch'у ? Я хочу, чтобы в зависимости от того на ссылку с каким id нажали, происходила фиксация данного раздела и выделение его цветом. <ul> <li><a href="#" id ="friends" onclick="showContent('<?=site_url('main/friends');?>');" title=""><b>Н</b>аши Друзья</a></li> <li><a href="#" id ="gb" onclick="showContent('<?=site_url('main/guest');?>');" title=""><b>Г</b>остевая книга</a></li> <li><a href="#" id ="contacts" onclick="showContent('<?=site_url('main/conta…
0 votes13 answers -
Двумерные массивы
Читаю книгу по явескрипту, дошёл до 2-мерных массивов. Там такой небольшой примерчик выводящий таблицу. function display(table){ document.write("<table border=1>"); document.write('<th>Номер</th> <th>Наименование</th>'); document.write('<th>Номер модели</th> <th>Количество</th>'); for(x = 1; x<=3; x++){ document.write('<tr><td>',x,'</td>'); for(y = 0; y <=2; y++){ document.write('<td>',table[x][y],'</td>'); } document.write('</tr>'); } document.write('</table>'); } part1 = new Array('Тормозные колодки','39D48G',78); part2 = new Array('Тормозные башмаки','7D9UK3'…
0 votes9 answers -
При клике по ссылке, вместо ссылки появляется текст
Есть скрипт, когда кликаем по ссылке "кликни по мне" в определенном месте страницы появляется текст. А нужно сделать, чтобы эта ссылка пропадала, после того как по ней кликнут, а вместо неё появлялся текст. <a href='JavaScript:return false' onclick='document.getElementById("Text01").style.visibility="visible"'>Кликни по мне</a> <hr/> <p id='Text01' style='visibility: hidden'>Hello world!</p>
0 votes19 answers -
Оптимизация и нормализация кода
Есть кода следующего вида: kor[spez_y][tmp[0]]['bws']=kor[spez_y][tmp[0]].offsetTop;kor[spez_y][tmp[0]]['bsh']=kor[spez_y][tmp[0]].offsetLeft; kor[spez_y][tmp[1]]['bws']=kor[spez_y][tmp[1]].offsetTop;kor[spez_y][tmp[1]]['bsh']=kor[spez_y][tmp[1]].offsetLeft; kor[spez_y][tmp[2]]['bws']=kor[spez_y][tmp[2]].offsetTop;kor[spez_y][tmp[2]]['bsh']=kor[spez_y][tmp[2]].offsetLeft; kor[spez_y][tmp[3]]['bws']=kor[spez_y][tmp[3]].offsetTop;kor[spez_y][tmp[3]]['bsh']=kor[spez_y][tmp[3]].offsetLeft; kor[spez_y][tmp[4]]['bws']=kor[spez_y][tmp[4]].offsetTop;kor[spez_y][tmp[4]]['bsh']=kor[spez_y][tmp[4]].offsetLeft; kor[spez_y][tmp[5]]['bws']=kor[spez_y][tmp[5]].offsetTop;kor[spez_y][tmp…
0 votes6 answers -
Google map
Ребят, помогите, пожалуйста Есть карта Google map http://shumno.com/pub/gmap/ код карты var map = null; function initialize() { var myOptions = { zoom: 3, center: new google.maps.LatLng(35,60), mapTypeId: google.maps.MapTypeId.TERRAIN } map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); google.maps.event.addListener(map, 'click', function() {infowindow.close();}); var point = new google.maps.LatLng(36.5959,30.5584); var marker = createMarker(point,'город-курорт Кемер') var point = new google.maps.LatLng(36.5521,32); var marker = createMarker(point,'город-курорт Алания') var point = new google.maps.LatLng(-18.35452552912664, 14…
0 votes16 answers -
Не знаю как правильно сформулировать вопрос в 4 слова(
Всем джамбо. Есть страничка с кнопками...http://osobniak.com/дизайн-интерьеров Кнопки стоят вертикально и контент открывается соответственно блоком под каждой кнопкой. Хотелось бы сделать все по симпатичнее. Например кнопки горизонтально, и при нажатии открывался блок с контентом на всю ширину страницы или кнопки вертикально с лева, а контент открывался с права... Если есть идеи буду признателен! Вот код кнопок. <!-- Lightbox Plus ColorBox v2.6/1.3.32 - 2013.01.24 - Message: 0--><script type="text/javascript"> function onclick(event) { console.log("text1"); var txt = event.target.innerText; if (txt == "Современные интерьеры") { jQuery("#ToggleRestavration").…
0 votes36 answers -
JavaScript. Физика взрыва.
Здравствуйте. Подскажите пожалуйста, может, кто-то сталкивался с подобными задачами или знает, как ПРАВИЛЬНЕЕ реализовать. Реализовать нужно на JavaScript. Есть земля, в нее попадает снаряд, который разрушает(делает в ней впадину/углубление), все зависит от попавшего в нее снаряда + кроме впадины нужно реализовать осыпание земли. Я думаю это реализовать следующим способом: Имеем 2 слоя, один под другим. Верхний слой - картинка земли или гор, второй слой - канвас, который и будет разрушаться. Далее я высчитываю координаты конечной точки снаряда. Сам снаряд имеет радиус поражения, после того, как снаряд достиг конечной точки, я стираю первый слой - тот который канвас - имит…
0 votes14 answers -
Помогите с клавишами
Не получается выполнять действия с данными событиями. Можете подсказать, как минимальными средствами определить нажатую или зажатую кнопку.
0 votes22 answers -
Галерея на javascript
Как создать галерею типа такой, как на рисунке? Буду рада любой помощи: ссылке на книгу или урок по созданию подобной галереи, тэмплэйты или коды с исходниками....
0 votes5 answers -
Опять про событие event и FF
Понимаю что тем уже избитая, но к сожалению найденные по поискам решения не подошли (даже сам раньше задавал здесь похожий вопрос ). Итак есть в форме несколько полей ввода, где нужно вводить только цифры <INPUT TYPE=text SIZE=4 MAXLENGTH=4 ID='ph_code' NAME='ph_code' onKeyPress="onlyDigit();" VALUE="<?php print $ph_code?>" TITLE='Только цифры: не более 4'> и функция: function onlyDigit() // ввод только цифр { if (event.keyCode<45 || event.keyCode>57 || event.keyCode==45) event.returnValue = false; } Предложенные решения типа: event = event || window.event; работают в ФФ, если в строке вызова пишу аргумент event : <INPUT ..... onKeyPress="onl…
0 votes7 answers -
childNodes[j].style.visibility
...объясню подробнее суть задачи. ваша помощь мне необходима. у Меня есть дерево из 'ов. Пример: <div name='node'>1-ROOT <div name='node'>1.1-some data</div> <div name='node'>1.2-some data <div name='node'>1.2.1-some data <div name='node'>1.2.1.1-some data</div> </div> <div name='node'>1.2-some data</div> </div> </div> ЗАДАЧА: Изначально виден лишь "1-ROOT". Т.е. у остальных visibility = "hidden" или display = "none" (что лучше тоже пока не знаю) Щелкнув мышкой на "1-ROOT", его потомки должны стать видимыми а он сам невидимым. ЭТОТ КОД НЕ РАБОТАЕТ: function getNode(name) /*функция…
0 votes4 answers -
Редактор WISIWING - редактирование текстов
Я использую свой простой редактор. Там все самые необходимые теги для форматрования текстов и используется фрейм. Добавляется отформатированный текст отлично - все работает... но вот редактировать текст - тут проблема: нужно как-то загнать текст в фрейм. Все работает на JavaScript <form id="myform" name="myform" action="check_text.php" method="post" enctype="multipart/form-data"> <input id="Text" name="Text" type="hidden" /> </form> <script> function Post() { document.myform.Text.value=newTextArea.document.body.innerHTML; myform.submit(); } function EditorExecCommand(command_param) { var tr = frames.newTextArea.document.se…
0 votes6 answers -
Ширина/высота окна
Собственно, высчитываю так: document.documentElement.clientWidth - ширина документа без полос прокрутки document.documentElement.scrollWidth - ширина документа с полосой прокрутки Тоже самое с высотой: document.documentElement.clientHeight document.documentElement.scrollHeight Можно ли как-нить самим повлиять на эти значение? Конкретно, можно ли задать им определённую ширину, к примеру? Или, что ещё лучше, сбросить по умолчанию... Спасибо.
0 votes18 answers -
Обход вложенных элементов
Прошу прощения, что обращаюсь с таким вопросом, но Javascript я можно сказать не знаю (точнее, совсем не знаю), а тут дедлайн... По справочнику за 2-3 часа написал такой ужас, весь построенный на id и длинных условиях, что просто стыдно... Вопрос - как кроссбраузерно обойти все дочерние объекты для заданного? Например, по событию на элементе нужно обойти все вложенные в него элементы , и выполнить для них заданное действие. И еще - если функция вызвана обработчиком, как определить, какой именно элемент вызвал событие? P.S: прошу прощения за вопрос, постараюсь больше не спрашивать таких простых вещей...
0 votes5 answers -
отделение скриптов от HTML содержимого
Всем доброго времени суток! Тема созданная мною довольно таки распространенная, и в каждом самоучителе для веб разработчиков рассматривается в первых же главах, но видимо у меня слишком паршивая карма, чтоб у меня эти самые обычные методы работали. И великий Гугл, не соизволил побаловать меня решением сией пролемы.Так оставлю длительное вступление, и ближе к делу... Есть вполне стандартная строчка, в вполне стандартном файле с расширением .html между тегами , с вполне стандартным тегом: <script language="JavaScript" src="scripts.js"></script> В файле scripts.js определения функций и объектов нужных для решения поставленных мною задач. И эти поставленные з…
0 votes12 answers -
Fancybox и несколько контент страниц
Здравствуйте, использую библиотеку fancybox для показа модальных окон. <script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script> <script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script> <script type="text/javascript"> $(document).ready(function () { //rel="group" - для груп картинок $("a.gallery2").fancybox(//подключение фансибокс к ссылкам с классом { "padding": 20, // отступ контента от краев окна "imageScale": false, // Принимает значение true - контент(…
0 votes2 answers -
TinyMCE, Mootools, AJAX
Друзья, проблема такая: было текстовое поле для добавления комментария. Прицепил к нему TinyMCE, комментарии перестали отправлятся. Ошибка на уровне js, так как отправки формы как таковой не происходит, она перехватывается. Вот пример: http://zazhizn.ru/ логин test и пароль test12345 На страничке http://zazhizn.ru/test/ во вкладке Комментарии, пишем любой коммент, например 123, жмём отправить - и ничего не отправляется, вылазит сообщение "Пожалуйста, напишите сообщение". Без TinyMCE всё работает, это сообщение вообще вылазит только на пустой коммент, а с Тини на любой такая реакция... В движке используется фреймворк MooTools. За комментарии отвечает файл include/js/core-…
0 votes7 answers
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-