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
-
Client image resizing and crop
Добрый день. Есть такая задача: юзер грузит картинку, аджаксом картинка утягивается на сервер, и если все ОК, сервер выдает в ответ ссылку на картинку, пригодную для помещения в src="bla-bla-bla". Гуглил-гуглил, но ничего толком не нашел. 1. Как я могу Джаваскриптом узнать размер картинки (по идее, это возможно через размеры img?) ? Задав размеры width + height для src я смогу сделать ресайз. 2. Как сделать кроп картинки? Я же могу часть img "накрыть" непрозрачным ДИВом, создав эффект кропа? Естественно, хочется готовых скриптов. Видел какие-то заготовки на prototype, но что-то они какие-то кривые.
0 votes3 answers -
Cортировка c помощью планина jquery - tablesorter
Попробовал создать сортировку в таблице, как это указано в примере, не она не работает в обоих таблицах и нет кнопок для сортировки как это показано в примере? index.html Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/datatables.min.css" /> <link rel="stylesheet" type="text/css" href="css/style-v2.css" /> <script type="text/javascript" src="plugin/datatables.min.js"></script> <script type="text/javascript" src="plugin/jquery-…
0 votes4 answers -
IE ругается, не пойму на что
onmousedown=" document.getElementById('onmap').style.top=Math.floor(window.innerHeight/2-250+window.pageYOffset)+'px'; document.getElementById('onmap').style.display='table'; myfunction('onmap');" чего ему не нравится? Пишет недопустимый элемент
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 -
Style.Cursor
Доброго времени суток. Суть задачи: есть swf файл, при наведении на который необходимо сделать смену внешнего ввида курсора. Код: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" onmouseover="style.cursor='pointer';" onmouseup="document.location='<%=RedirectUrl %>';" width="300" height="300"> <param name="movie" value="<%=ImageUrl %>" /> <param name="wmode" value="transparent" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" onmouseup="document.location='<%=RedirectUrl %>';" onmouseover="style.cursor='pointer';" data="&…
0 votes15 answers -
Iframe, src и хеш-часть ссылки
Коллеги, интересный вопрос. Есть сайт, который меняет свой хеш-адрес по каким-либо действиям. К примеру, было site.ru/index.php, а после нажатия на кнопку стало site.ru/index.php#link Но если вставлять сайт site.ru через iframe на другой сайт, и нажать на кнопку на site.ru/index.php, которое обязательно вызовет изменения хеш-ссылки, то хеш-часть ссылки нельзя получить, посмотрев на аттрибут src тега iframe! Пробовал и так: alert(document.getElementById("myiframe").src); И так $('#myiframe').prop('src')) Как получить текущее значение полной ссылки, вместе с хешом в iframe'е ?
0 votes5 answers -
выключение и включение slick слайдера при адаптиве
есть слайдер которого надо включить только при разрешении менее 640px сделал как в коде ниже но включение слаидера на таком разрешении не отрабатывает автоматически а только после перезагрузки страницы как решить чтобы включение слаидера отрабатывало автоматически. $('.slider').slick({ responsive: [{ breakpoint: 2048, settings: "unslick" }, { breakpoint: 640, settings: { slidesToShow: 1, slidesToScroll: 1, dots: true, variableWidth: true, adaptiveHeight: true } }, ] });
0 votes0 answers -
Масштабирование изображений
Помогите пожалуйста с проблемой. Есть функция, которая по нажатию на ссылку (preview) изображения открывает, в новом окне изображение большего разрешения. Т.к. версия локальная, то нет необходимости прелоада. Подскажите, как после загрузки рисунка в новом окне, получить к нему доступ и изменить размеры. function openWin(img_num) { var ah = screen.availHeight; var aw = screen.availWidth; var NW=open('', 'New','height=600,width=800,resizable=yes'); NW.document.write('<head><title></title></head><body bgcolor=#000000> <div align=center><img src="'+img_num+' " height="600" width="800"></div></body>'); NW.moveTo(0,0…
0 votes0 answers -
Последовательный вывод данных в обозреватель
Привет друзья. Есть задумка сделать такое приложение. Обычная форма с одним текстым полем и кнопкой: <form id="htmlForm" action="report.php" method="post"> <input type="text" name="word_search" /> <input type="submit" value="submit" /> </form> Файл report.php $stroki = file ('kniga.txt'); foreach ($stroki as $stroka_num => $stroka) { echo $stroka . "<br />"; // вместо echo будет поиск в строке по слову, которое ввел чел в форме, поиск будет медленный ob_flush(); flush(); } Файл kniga.txt текст текст текс текст текст текст текс текст текст текст текс текст т.е. в таком виде оно работает, чел ввел слово для поиска в форму, нажал кнопк…
0 votes3 answers -
упрастить дин выбор select
есть 2 selecta: 1 в первом категория 1, категория 2 2 в втором: вар 1, вар 2, вар 3. Нужно сделать чтобы при выборе первого селекта 2 категории появл второй селект, а при выборе 1 кат сразу скрывался. нашел вот такой вариант но что то тут все запутано. Как то это реализовать попроше можно ? без обьектов <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Изменение значения в поле Select (c) Aliance</title> <script type="text/javascript"> var regiondb = new Object() regiondb["africa"] = [{value:"1", text:"Каир"}, {value:"2", text:"Триполи"}, …
0 votes1 answer -
Посоветуйте книгу по jquery!
Посоветуйте, какую книгу купить по jquery?
0 votes4 answers -
хитрушка onclick в мозиле
Вот такой код <div style="position: absolute; width: 618px; height: 318px; z-index: 1; left: 92px; top: 61px; background: #BBBBBB" id="div1"> <div id="div2"> <img style="cursor: pointer" onclick="div1.style.color='FFFFFF'" src="x.png" /> </div> </div> мозила пишет что id div1 не определен не найден и ничего не работает В чем может быть проблема?
0 votes5 answers -
Сделать рабочим скрипт
Поможите, товагисчи! Есть код. Не работает сцуко. <select name onChange="show_actual_div('prefix_aa',this)"> <option value=nn>mmmm</option> .... </select> <div id=prefix_aa_nn1 style="display:none;">mmmmm1</div> <div id=prefix_aa_nn2 style="display:none;">mmmmm2</div> .... <script> function show_actual_div(prefix,){ var ee = document.all; //здесь ещ? надо будет доделать, не во всех браузерах работает for(var i=0;i<ee.length;i++)if(здесь условие, если prefix==началу ee[i]) ee[i].style.display='none' current_nn = ...; /// здесь нужно написать код, возвращающий выбранное значение document.getElementById(prefix+'_'+c…
0 votes5 answers -
Изменение zoomi
Помогите решить, проблему с zoomi.js // zoomi - A zoom for images ~ Sean Catchpole - Version 0.9 (function($){ $.fn.zoomi = function() { $(this).filter("img").each(function(){ if(!this.z) { $(this).zoom1().mouseover(function(){$(this).zoom2().show();}); $(this.z).mouseout(function(){$(this).hide();}); } }); return this; } $.fn.zoom1 = function() { $(this).each(function(){ var e = this; $(e).css({'position':'relative','z-index':'8'}).after('<img class="'+e.className+'">'); e.z = e.nextSibling; $(e.z).removeClass("zoomi").addClass("zoom2").attr("src",e.alt || e.src) .css({'position':'absolute','z-index':'10'}); $(e.z).hide(); }); return this…
0 votes2 answers -
надоело руками писать атрибут
$('form').attr({'method': 'post'}); верстая очередной шаблон со множеством форм, понял, что мне в лом писать для каждой формы method="post" но, увы, значение по умолчанию get, так что надо. проблема решается одной строчкой, приведённой выше. плюс 1, но большой: экономит 14 байт для каждой формы и время, чище код. Минусов придумать не сумел. Есть ли какие-то весомые аргументы, почему не стоит использовать добавление атрибута при помощи js? Подскажите пожалуйста.
0 votes23 answers -
jQuery
пытался написать скрипт с помощью библеотек jquery ! вот скрипт $(document).ready(function(){ var myLink=$('a[href$=.PDF]'); myLink.hide().text('Вставляемый текст').show(2000); }); но почемуто не работает!
0 votes12 answers -
Пример изменения размеров таблицы js
Потерял пример на js задача: при ресайзе взять получившиеся размеры таблицы и передать их другому объекту (в частности картинке) Использовались функции window.onload и window.onresize Помогите?
0 votes4 answers -
getElementById к переменной
В перменной находится html код. Можно ли как то обратиться к элементам (div, a и т.п.) по их id как через document.getElementById, но только не к документу, а к этой переменной?
0 votes1 answer -
Какая-то ошибка в одной строчке
Вот этот кусок кода работает в IE но не пашет в остальных. Скажите, в чем проблема? document.getElementById("yatablica").background="XXX.bmp";
0 votes4 answers -
Google Ajax Search API
Привет, есть следующая проблема: <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ var googleSearch = new google.search.CustomSearchControl('fdfgdfggsdgsdfgfsdg534546g'); googleSearch.draw('cse'); var query = '<?php echo $query?>'; if(query.length>1){ $('[name=search]').val(query); $('[name=search]').trigger('focus'); $('[name=search]').trigger('change'); $('[name=search]').trigger('blur'); googleSearch.execute(); } }, true); </script> или даже так: <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ …
0 votes2 answers -
Поиск на вашем сайте
Вы хотите предоставить посетителям вашей домашней страницы функцию поиска, которая бы действовала только в пределах сайта? Для этого лучше всего подойдет поисковый движок Google. Совет Вы можете интегрировать в вебстраницу поисковый движок, который будет отправлять запросы прямо в Google, возвращая результаты с ограниченной областью поиска. При этом на странице будет отображаться аккуратное поле ввода. Однако вначале Google должен собрать все данные о сайте, поскольку поиск будет выполняться на сервере Google, а не на Вашем. Чтобы разместить на странице поисковое поле, используйте такой код: http://www.google.ru/custom" target="_top"> Введите условия поиска О…
0 votes5 answers -
Выполнить скрипт при Submit
Здравствуйте. Может я веткой ошибся, но не нашел куда еще написать. А вопрос у меня в следующем: к примеру есть форма <form> ... <input type="submit"> </form> И вот хотелось бы по нажатию кнопки помимо сабмита формы запустить на выполнение php-скрипт, который создаст запись в БД. Подскажите куда копать
0 votes2 answers -
button чтоб не открывал, но выполнял ссылку
Помогите разобраться. Есть сервис отправки смс (ссылку давать не буду так как обычно правила форумов запрещают), он отправляет смс в ответ на http-запрос. Я сделал у себя на сайте button, в который вставил так: <button type="button" onclick="location.href = "https://сайт_сервиса&текст_смс&номер_куда_отправить">отправить смс</button> Сервис отправки возвращает в ответ json с стоимостью отправки и получилось ли доставить. Эта json открывается вместо текущей страницы. Как сделать чтоб эта json не открывалась (страница осталась та же), а записать отвеченную json в переменную?
0 votes7 answers -
. в регулярнов выражении + Opera
Здравствуйте, вот откопал, на первый взгляд, несерьезный косяк Opera с обработкой класса символов "." в регулярных выражениях. Вообще символ точки в регулярных выражениях означает "любой символ, кроме символа перехода на новую строку". Так вот, в моем редакторе http://www.nikuz.name/galery.html, где проверка строится на регулярных выражениях этот "косячок", послал коту под хвост всю проверку. А именно: во входной строке из textarea я заменяю все переходы на новую строку тегом " ". IE и FF обрабатывают все хорошо, а в Opera стоит нажать, при вводе, "Enter" и вся конструкция рушится. (это заметно если вставить сонктрукцию [коде][/коде] НАПИСАЛ РУССКИМИ ЧТОБЫ НЕ РАСПОЗНОВАЛО…
0 votes4 answers -
Скрипт не работает в хроме и сафари
Привет! Подскажите, пожалуйста, в чем может быть проблема, http://son.topdetal.com.ua/mobi/по клику на пункты меню скриптом открывается блок с контентом этого пункта, и вот в хроме почему-то открывается через раз, в сафари вообще не открывается, в других браузерах нормально.
0 votes8 answers