Результаты поиска

Где я могу узнать jQuery? Стоит ли оно того?

У меня было много хорошего опыта, изучая веб-разработку на w3schools.com . Это хит или промах, я знаю, но разделы PHP и CSS оказались очень полезными для справки.

В любом случае, мне было интересно, есть ли подобный сайт для jQuery . Я заинтересован в обучении, но мне нужно, чтобы он был online/searchable,, чтобы я мог легко вернуться к нему, когда мне понадобится информация в будущем.

Кроме того, в качестве краткого замечания, стоит ли изучать jQuery? Или мне стоит посмотреть на разные библиотеки JavaScript? Я знаю, что Джефф использует jQuery для переполнения стека, и это, кажется, хорошо работает.

Спасибо!

Edit: на веб-сайте jQuery есть довольно большой список учебных пособий и, казалось бы, исчерпывающая страница документации . У меня еще не было времени пройти через все это, у кого-нибудь еще был опыт с этим?

Правка 2: похоже, что Google теперь размещает библиотеки jQuery. Это должно дать jQuery довольно большое преимущество с точки зрения публичности.

Кроме того, если все пользователи используют единую унифицированную библиотеку aQuery, размещенную в одном и том же месте, она должна быть кэширована для большинства пользователей Интернета на ранней стадии и поэтому не должна влиять на загрузку вашего сайта, если вы решите ее использовать.

2 Месяца Спустя...

Правка 3: я недавно начал использовать jQuery в проекте на работе, и с ним очень приятно работать! Просто хотел, чтобы все знали, что я пришел к выводу, что ABSOLUTELY стоит того, чтобы изучить и использовать jQuery.

Кроме того, я почти полностью изучил официальную документацию jQuery и учебные пособия . Это очень просто.

10 Месяцев Спустя...

jQuery является частью почти каждого веб-приложения, которое я сделал с тех пор, как я впервые написал этот пост. Это делает прогрессивное улучшение легким ветерком и помогает сделать код ремонтопригодным.

Кроме того, все плагины jQuery являются бесценным ресурсом!

3 Года Спустя...

По-прежнему использую jQuery почти каждый день. Теперь я автор jQuery плагинов и консультирую полный рабочий день. Я в основном Джангонавт, но я сделал несколько контрактов javascript только с jQuery. Это спасает нам жизнь.

От одного пользователя jQuery к другому... Вы должны посмотреть на шаблон с jQuery (или подчеркиванием-см. ниже).

Другие вещи, которые я нашел ценными в дополнение к jQuery (с предполагаемой частью проектов, на которых я использую его):

• jQuery Плагин Формы (95%)
• jQuery Пример Формы Плагин (75%)
• jQuery UI (70%)
• Underscore.js (80%)
• CoffeeScript (30%)
• Backbone.js (10%)

ASP.NET JavaScript Обратные Вызовы Без Полного PostBacks?

Я собираюсь запустить довольно тяжелую функцию Ajax в приложении моей компании. Что мне нужно сделать, так это сделать обратный вызов Ajax каждые несколько минут, когда пользователь был на странице.

• Мне не нужно делать никаких обновлений DOM до, после или во время обратных вызовов.
• Мне не нужна никакая информация со страницы, просто файл cookie сайта, который всегда должен быть отправлен с запросами в любом случае, и значение ID.

Мне любопытно узнать, есть ли какой-нибудь чистый и простой способ сделать обратный вызов JavaScript Ajax на страницу ASP.NET, не отправляя обратно rest информации на странице. Я хотел бы не делать этого, если это возможно.

Я действительно просто хочу иметь возможность вызвать один метод на странице, ничего больше.

Кроме того, я ограничен ASP.NET 2.0, поэтому я не могу использовать ни одну из новых функций 3.5 framework ASP AJAX, хотя я могу использовать расширения ASP AJAX для платформы 2.0.

ОБНОВЛЕНИЕ
Я решил принять ответ DanP, поскольку он, похоже, именно то, что я ищу. Наш сайт уже использует jQuery для некоторых вещей, поэтому я, вероятно, буду использовать jQuery для выполнения запросов, поскольку по моему опыту он работает намного лучше, чем фреймворк AJAX ASP.

Как вы думаете, каким будет лучший способ передачи данных в IHttpHandler? Должен ли я добавить переменные в строку запроса или POST данные, которые мне нужно отправить?

Единственное, что я думаю, что мне нужно отправить, - это один ID, но я не могу решить, какой лучший способ отправить ID и заставить IHttpHandler обработать его. Я хотел бы предложить решение, которое предотвратило бы случайный или преднамеренный доступ человека с базовыми компьютерными навыками непосредственно к странице или повторение запросов. Разве это возможно?

Обнаружение неопределенного свойства объекта

Как лучше всего проверить, является ли свойство объекта в JavaScript неопределенным?

Есть ли библиотека для рендеринга основных блок-схем в Javascript/CSS?

На веб-странице Я хочу динамически отображать очень простые блок-схемы, т. е. несколько ящиков, соединенных линиями. В идеале пользователь может нажать на один из этих ящиков ( DIVs ?) и быть перенесенным на другую страницу. Обращение к Flash кажется излишним. Кто-нибудь знает о какой-либо стороне клиента (т. е. server agnostic ) Javascript или CSS library/technique , которые могут помочь достичь этого?

Лучший компрессор JavaScript

Какой самый лучший компрессор JavaScript доступен? Я ищу инструмент, который:

• прост в использовании
• имеет высокую степень сжатия
• Производить надежные конечные результаты (не портит код)

Javascript Причуды Браузера - array.Length

Код:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Unusual Array Lengths!</title>

    <script type="text/javascript">
        var arrayList = new Array();
        arrayList = [1, 2, 3, 4, 5, ];
        alert(arrayList.length);
    </script>

</head>
<body>
</body>
</html>

Обратите внимание на лишнюю запятую в объявлении массива. Приведенный выше код дает различные выходные данные для различных браузеров:

Safari: 5

Firefox: 5

IE: 6

Лишняя запятая в массиве игнорируется Safari и FF, в то время как IE обрабатывает ее как другой объект в массиве.

При некоторых поисках я нашел смешанные мнения о том, какой ответ является правильным. Большинство людей говорят, что IE-это правильно, но тогда Safari делает то же самое, что и Firefox. Я не проверял это на других браузерах, таких как Opera, но я предполагаю, что есть расхождения.

Мой вопрос:

i. какой из них правильный?

Edit: по общему согласию (и руководящим принципам ECMAScript) мы предполагаем, что IE снова виноват.

ii. Есть ли еще какие-либо подобные Javascript браузерные причуды, которых я должен опасаться?

Edit: Да, есть множество причуд Javascript. www.quirksmode.org -хороший ресурс для того же самого.

раздел III. Как избежать таких ошибок, как эти?

Edit: используйте JSLint для проверки вашего javascript. Или используйте некоторые внешние библиотеки . Или санируйте свой код.

Спасибо DamienB , JasonBunting, Джону и Конраду Рудольфам за их вклад.

SimpleModal Break ASP.Net Postbacks

Я использую jQuery и SimpleModal в проекте ASP.Net, чтобы сделать несколько хороших диалогов для веб-приложения. К сожалению, любые кнопки в модальном диалоге больше не могут выполнять свои обратные вызовы, что на самом деле неприемлемо.

Есть один источник, который я нашел с обходным путем, но за всю свою жизнь я не могу заставить его работать, главным образом потому, что я не полностью понимаю все необходимые шаги.

У меня также есть обходной путь, который должен заменить обратную связь, но он уродлив и, вероятно, не самый надежный. Мне бы очень хотелось, чтобы эти постбэки снова заработали. Есть какие-нибудь идеи?

UPDATE: я должен уточнить, что обратные сообщения не работают, потому что Javascript, используемый для выполнения обратных сообщений, каким-то образом сломался, поэтому при нажатии на кнопку ничего не происходит.

Достаточно ли использовать обфускатор для защиты моего кода JavaScript?

Я работаю над созданием инструмента разработки, который написан на JavaScript.

Это не будет проект с открытым исходным кодом и будет продаваться (надеюсь) как коммерческий продукт.

Я ищу лучший способ защитить свои инвестиции. Достаточно ли использовать обфускатор (code mangler) для разумной защиты кода?

Есть ли другие альтернативы, о которых я не знаю?

(Я не уверен, что obfuscator-это правильное слово, это одно из приложений, которое берет ваш код и делает его очень нечитаемым.)

Как поддерживать правильное событие Javascript после использования cloneNode (true)

У меня есть элемент формы, который содержит несколько строк входных данных. Подумайте о каждой строке как об атрибутах нового объекта, который я хочу создать в своем веб-приложении. Кроме того, я хочу иметь возможность создавать несколько новых объектов в одном посте HTTP. Я использую встроенный метод Javascript cloneNode (true) для клонирования каждой строки. Проблема в том, что каждая входная строка также имеет ссылку удаления, прикрепленную к ее onclick-событию:

// prototype based
<div class="input-line">
    <input .../>
    <a href="#" onclick="$(this).up().remove();"> Remove </a>
</div>

При нажатии на ссылку удаления клонированной входной линии также удаляются все входные линии, которые были клонированы из того же объекта dom. Можно ли повторно привязать объект "this" к соответствующему тегу привязки после использования cloneNode (true) на указанном выше элементе DOM?

Подавить диалоговое окно NTLM после несанкционированного запроса

В недавнем проекте sharepoint я реализовал веб-часть аутентификации, которая должна заменить диалоговое окно аутентификации NTLM. Он отлично работает, пока пользователь предоставляет действительные учетные данные. Всякий раз, когда пользователь предоставляет неверные учетные данные, диалоговое окно NTLM появляется в Internet Explorer.

Мой код Javascript, который выполняет аутентификацию через XmlHttpRequest, выглядит следующим образом:

function Login() {
   var request = GetRequest(); // retrieves XmlHttpRequest
   request.onreadystatechange = function() {
      if (this.status == 401) {     // unauthorized request -> invalid credentials
         // do something to suppress NTLM dialog box...
         // already tried location.reload(); and window.location = <url to authentication form>;
      }
   }
   request.open("GET", "http://myServer", false, "domain\\username", "password");
   request.send(null);
}

Я не хочу, чтобы диалоговое окно NTLM отображалось, когда пользователь предоставляет недопустимые учетные данные. Вместо этого должна быть выполнена обратная передача с помощью кнопки входа в форму аутентификации. Другими словами, браузер не должен узнать о моем несанкционированном запросе.

Есть ли способ сделать это через Javascript?

Как получить пиксельные координаты (x, y) курсора в текстовых полях?

Я использую jQuery и пытаюсь найти кроссбраузерный способ получить пиксельные координаты каретки в полях <textarea> s и input таким образом, чтобы я мог разместить абсолютно позиционированный div вокруг этого местоположения.

Есть ли какой-нибудь плагин jQuery? Или JavaScript сниппет, чтобы сделать именно это?

Как синхронизировать историю браузера при использовании Ajax?

Я пишу простое приложение для фотоальбома, используя ASP.NET Ajax.
Приложение использует асинхронные вызовы Ajax для предварительной загрузки следующей фотографии в альбом, не изменяя URL в браузере.

Проблема заключается в том, что когда пользователь нажимает кнопку Назад в браузере, приложение не возвращается к предыдущей фотографии, а переходит на домашнюю страницу приложения.

Есть ли способ обмануть браузер, чтобы добавить каждый вызов Ajax в историю просмотров?

Как отправить форму, когда нажата клавиша возврата?

Может ли кто-нибудь сказать мне, как отправить форму HTML, когда нажата клавиша возврата и если в форме нет кнопок? Кнопки "Отправить" там нет . Вместо этого я использую пользовательский div.

Используете ли вы JScript в работе?

В том числе и на *nix платформе, если под нее есть реализации.

Может встречал кто сервис "гостевая книга" или "обратная связь", которые позволяют форму в виде на javascript поставить к себе на сайт

Интересует именно такой вариант! не нужно предлагать написать/установить на свой хост.
Именно сервис!

спасибо за ответы заранее :)

Синтаксис ООП в js и использование prototype

Чем отличаются данные куски кода и какой в каких случаях будет предпочтительнее?

---

A

function Obj() {}
Obj.method = function(type) {
    return this.coords[type];
};
var obj = new Obj(),
    current = obj.method(type);

B

function Obj() {}
Obj.prototype.method = function(type) {
    return this.coords[type];
};
var obj = new Obj(),
    current = obj.method(type);

C

var obj = {
    method : function(type) {
        return this.coords[type];
    }
},
    current = obj.method(type);

D

function objMethod(type){
    return this.coords[type];
}
var obj = {
    method : objMethod
},
    current = obj.method(type);

E

function Obj() {
    this.method = function(type) {
        return this.coords[type];
    };
}
var obj = new Obj(),
    current = obj.method(type);

Посоветуйте книгу по JavaScript

Посоветуйте бумажную книгу по javascript для углубленного изучения для неновичка (программиста, имеющего опыт с другими языками).
Заказал книгу «Javascript подробное руководство» Дэвида Макфарланда — там оказалась вода про jquery. Ещё попадались варианты, в которых все сильно упрощено (аля для чайников).
Хотелось бы, чтобы в книге были освещены такие моменты, как
типы переменных в js,
понятие прототипа,
наследование,
обратные вызовы,
работа с DOM,
регулярные выражения.
И поменьше примеров на ajax, где приводится листинг серверного кода на десять страниц.

Посоветуйте JavaScript календарь

Из требований:

— Удобная навигация
— Неделя должна начинаться с понедельника
— Русский язык
— Желательно чтоб дата не вставлялась в entry, а щелчок по дате отправлял POST

Искал на файловых помойках, ничего подходящего не нашел :(

Правильное оформление вызова javascript-функций

Как правильно оформлять вызов функции (js) при клике по ссылке, кнопке или любом другом элементе. Давным-давно меня научили писать вызов в onclick(), но я видел несколько других вариантов этого действа.

Поэтому хочется узнать, как же всё-таки наиболее верно это делать?

Cтатус ответа сервер (200, 404, ...) при синхронной загрузке страницы?

Как при помощи javascript узнать статус ответа сервер (200, 404, ...) при первичной синхронной загрузке страницы? Т.е. XMLHttpRequest в данном случае не существует.

Drag'n'drop для динамически созданных элементов (jQuery)?

В jQuery есть такой хороший плагин jQuery UI Draggable, который позволяет создавать эффекты drag'n'drop. Работает он достаточно просто: нужно для любого существующего элемента вызвать метод .draggable():
$('#test').draggable();

Если же попытаться вызвать этот метод для динамически добавленного элемента, то ничего не произойдёт:

$('body').append('<div id="newblock">Новый элемент</div>');
$('#newblock').draggable();

«Новый элемент» не будет обладать возможностью drag'n'drop. Как сделать тут что-то типо аналога функции .live(), чтобы динамически созданные элементы тоже реагировали на эти методы?

Как масштабировать шрифт, чтобы он занял собой блок целиком?

Успех на Хабре лёгкого стартапа Ты — супер подвиг меня воскресным вечером покопать в направлении своего улучшателя настроения (пользователи IE извините).

Он работает только в разрешении 1280x1024, и для вычисления размера шрифта используется магический код centered.style.fontSize = (900 - 3 * message.length) + '%';. При этом всё равно проблемы, если кто-то пользуется + "+".

А как бы сделать, чтобы размер шрифта подбирался, чтобы заполнить div? Может можно его адаптивно увеличивать и как-то вычислять размер получающегося блока?

Upd. Пришлось самой разбираться. По ссылке всё работает…

Лишняя запятая в JS

Возник спор по поводу ошибки, возникающей в IE, если встречается лишняя запятая в коде.
Ситуация простая:
items: [
{xtype: 'textfield', cls: 'fake-field', value: 'Manager Login'},
new Ext.form.TextField(Ext.applyIf({fieldLabel: 'Username', name: 'login', allowBlank:false}, fieldConfig)),
this.passwordField,
this.passwordConfirmField,
new Ext.form.Hidden({name: 'companyId'}),
]

Если последнюю запятую не убрать — IE не отрабатывает скрипт. Все остальные браузеры отработают на ура.
Вопрос: Кто прав? Кодер и его запятая (вместе со всеми браузерами) или же IE (который не хочет обрабатывать явный промах программиста).

[jQuery UI tabs + layout] layout внутри таба на весь экран... как?

Доброго времени суток… Пытаюсь сделать, чтобы внутри одного из табов был сплиттер таким вот образом:

<link type="text/css" rel="stylesheet" href="css/smoothness/jquery-ui-1.8.4.custom.css"/>
<link type="text/css" rel="stylesheet" href="css/jquery-layout.css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"/>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"/>
<script type="text/javascript" src="js/jquery-layout.js"/>
      "Content-Type" content="text/html; charset=UTF-8">
    ii
  
      <script type="text/javascript">
      $(function() {
        $("#tabs").tabs();
      });
    </script>
    "tabs">
      

• "#expertTab">Expert mode

        "#userTab">User mode
      
      <script type="text/javascript">
        var expertLayout = null;
        $(function() {
          expertLayout = $("#expertTab").layout({
            resizable: true,
            closeable: false
          });
        });

      </script>
      <div id="expertTab">
        <div id="layout1" class="ui-layout-west">
          asdf
        </div>
        <div id="layout2" class="ui-layout-center">
          fdsa
        </div>
      </div>
      <div id="userTab"></div>
    </div>
  </body>
</html>

* This source code was highlighted with Source Code Highlighter.

и получаю вот это: .
Как можно сделать, чтобы табы вместе со своим содержимым были во всю высоту окна браузера?

Cтатус ответа сервер (200, 404, ...) при синхронной загрузке страницы?

Как при помощи javascript узнать статус ответа сервер (200, 404, ...) при первичной синхронной загрузке страницы? Т.е. XMLHttpRequest в данном случае не существует.

Drag'n'drop для динамически созданных элементов (jQuery)?

В jQuery есть такой хороший плагин jQuery UI Draggable, который позволяет создавать эффекты drag'n'drop. Работает он достаточно просто: нужно для любого существующего элемента вызвать метод .draggable():
$('#test').draggable();

Если же попытаться вызвать этот метод для динамически добавленного элемента, то ничего не произойдёт:

$('body').append('<div id="newblock">Новый элемент</div>');
$('#newblock').draggable();

«Новый элемент» не будет обладать возможностью drag'n'drop. Как сделать тут что-то типо аналога функции .live(), чтобы динамически созданные элементы тоже реагировали на эти методы?

Как масштабировать шрифт, чтобы он занял собой блок целиком?

Успех на Хабре лёгкого стартапа Ты — супер подвиг меня воскресным вечером покопать в направлении своего улучшателя настроения (пользователи IE извините).

Он работает только в разрешении 1280x1024, и для вычисления размера шрифта используется магический код centered.style.fontSize = (900 - 3 * message.length) + '%';. При этом всё равно проблемы, если кто-то пользуется + "+".

А как бы сделать, чтобы размер шрифта подбирался, чтобы заполнить div? Может можно его адаптивно увеличивать и как-то вычислять размер получающегося блока?

Upd. Пришлось самой разбираться. По ссылке всё работает…

Лишняя запятая в JS

Возник спор по поводу ошибки, возникающей в IE, если встречается лишняя запятая в коде.
Ситуация простая:
items: [
{xtype: 'textfield', cls: 'fake-field', value: 'Manager Login'},
new Ext.form.TextField(Ext.applyIf({fieldLabel: 'Username', name: 'login', allowBlank:false}, fieldConfig)),
this.passwordField,
this.passwordConfirmField,
new Ext.form.Hidden({name: 'companyId'}),
]

Если последнюю запятую не убрать — IE не отрабатывает скрипт. Все остальные браузеры отработают на ура.
Вопрос: Кто прав? Кодер и его запятая (вместе со всеми браузерами) или же IE (который не хочет обрабатывать явный промах программиста).

[jQuery UI tabs + layout] layout внутри таба на весь экран... как?

Доброго времени суток… Пытаюсь сделать, чтобы внутри одного из табов был сплиттер таким вот образом:

<link type="text/css" rel="stylesheet" href="css/smoothness/jquery-ui-1.8.4.custom.css"/>
<link type="text/css" rel="stylesheet" href="css/jquery-layout.css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"/>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"/>
<script type="text/javascript" src="js/jquery-layout.js"/>
      "Content-Type" content="text/html; charset=UTF-8">
    ii
  
      <script type="text/javascript">
      $(function() {
        $("#tabs").tabs();
      });
    </script>
    "tabs">
      

• "#expertTab">Expert mode

        "#userTab">User mode
      
      <script type="text/javascript">
        var expertLayout = null;
        $(function() {
          expertLayout = $("#expertTab").layout({
            resizable: true,
            closeable: false
          });
        });

      </script>
      <div id="expertTab">
        <div id="layout1" class="ui-layout-west">
          asdf
        </div>
        <div id="layout2" class="ui-layout-center">
          fdsa
        </div>
      </div>
      <div id="userTab"></div>
    </div>
  </body>
</html>

* This source code was highlighted with Source Code Highlighter.

и получаю вот это: .
Как можно сделать, чтобы табы вместе со своим содержимым были во всю высоту окна браузера?

Существует ли в природе form-builder (PHP) + validator (client+server) в одном флаконе?

Существует ли гибкий form-builder (PHP), позволяющий одновременно назначать правила для серверной и клиентской валидации?

Собственно вопрос о том, чтобы не повторять одну и ту же работу два раза, в частности на хабре уже была попытка осмысления этой проблемы и предложен один из выходов (вернее его прообраз) и как там правильно заметили:

основная мысль — генерация клиентской валидации на сервере

Например, для клиентской валидации и построения всяких вкусностей типа повторяющиеся блоки (к примеру zforms.ru/docs/repeatable-model/) есть красивые решения типа zforms.ru/ от разработчика интерфейсов компании Яндекс Дмитрия Филатова
Да и просто, для валидации полно плагинов с использованием jQuery.
В конце концов есть Vanadium: семантическая валидация на клиенте

Для построения форм и серверной валидации есть замечательная библиотека Алексея Борзова и, как поправил меня сам Алексей, — Bertrand Mansion: HTML_QuickForm2.

Есть первая версия HTML_QuickForm, которая позволяет делать то, что требуется, т.е. строить формы и на основании запрашиваемых правил серверной валидации на лету генерировать правила клиентской валидации, но у нее есть огромный минус — невозможность простыми способами строить сложные формы, т.е. когда требуется например группу полей добавлять в группу, зато ей очень хорошо удаются плоские формы.

Дмитрий Филатов на мой вопрос есть ли обертка для построения таких форм ответил мне в МоёмКруге:

Есть не обертка на PHP, а xml-описание правил валидации, из которого строится с помощью xsl клиентский код и которое может быть использовано для серверной валидации.

Алексей Борзов на вопрос о дальнейшей судьбе HTML_QuickForm2 ответил:

HTML_QuickForm2 в альфе потому, что опять же недописана функциональность (а именно интеграция с жаваскриптом). Но в отличие от старой версии он почти на 100% покрыт тестами и по стабильности явно не хуже...

Другими словами, есть дикое желание подружить HTML_QuickForm2 и zforms.ru, но перед этим хотел бы поинтересоваться у «ленивых программистов», как они борются с ленью при построении форм и двойной работой по проверке вводимых данных?

update: вопрос решил путем запуска проекта jquickform.ru/

Где хранятся локальные переменные в javascript?

Я знаю, что когда в javascript создается глобальная переменная, то она становится свойством объекта window и к ней через него соответственно можно обратиться: window.var. Я никак не могу понять, свойствами чего становятся локальные переменные, объявленные в теле функции? Где они хранятся и как к ним получить доступ?

Контроль состояния прозрачности JavaScript

Доброе утро, хабр!
Задача, что стоит передо мной проста и стара как мир — анимационная смена одной картинки другой при наведении мышки. Картинки имеют одинаковые размеры, одна — просто кнопка, другая — кнопка со «свечением»(hover state), кнопки абсолютно позиционированны и находятся «друг в друге». В примитиве задача решается такими строками кода на jQuery:
$('div#left ul li').css({opacity: 0.0});
$('div#left ul li:first').css({opacity: 1.0});
$("div#left li").mouseover(function () {
$('div#left ul li:first').animate({opacity: 0.0}, 1000);
$('div#left ul li:last').animate({opacity: 1.0}, 1000);
});
$("div#left li").mouseout(function () {
$('div#left ul li:first').animate({opacity: 1.0}, 1000);
$('div#left ul li:last').animate({opacity: 0.0}, 1000);
});

Но у данного подхода есть 1 большая проблема — события вызываются и ставятся в очередь вне зависимости от текущего состояния элемента, то есть несколько наведений мышки на элемент вызывают «перемигивание» элемента. Вопрос состоит в том, как отследить текущее состояние элемента и тем самым не включать его обработку, если в данный момент прозрачность картинки изменяется?

Подскажите хороший html5 аудиоплеер

Хотел реализовать для своего сайта воспроизведение аудио без флеша, но хорошего инструмента работающего с плейлистами и имеющего достаточное большое колличество настроек не нашел.

Нужно что-то напоминающее prostopleer и www.plusmusica.com/

Chrome заблокировал JS для localhost

Собственно, ситуация такая — если я правильно понял, произошло это после того, как в JS-коде я случайно устроил замкнутый цикл по невнимательности. Chrome грузил страничку меньше пары секунд, сразу выдал сообщение о бесконечном редиректе. После устранения бага попытался вновь загрузить страницу и… Оказалось, что Chrome заблокировал исполнение JS на этой странице (localhost). Вот такой значок появился справа в адресной строке:

При нажатии появляется такое меню:

Но во всех настрйках (включая это самое меню) стоит «разрешить JS».
При перезагрузке Chrome можно наблюдать такое уведомление: скрин

При этом содержимое JS-файла абсолютно неважно, хоть полноценное приложение, хоть 1 строка alert(1);

Кто с таким сталкивался? Что это такое?

P.S.: в других браузерах все ок.

Как сохранить HTML-страницу сгенерированную на JavaScript?

Встречаются страницы, на которых есть динамические части получаемые Ajax или попросту какими-то функция Javascript (например, шаблонизаторами).
Так вот как сохранить скомпилированную страницу, т.е. со всеми выполненными js-функциями? В случае с Ajax скачивание может происходить через некоторое время после загрузки DOM-модели.
Решение желательно на ЯВУ (лучше C#) или через консоль Windows/Linux.
Например, нужно скачать вот эту forexite: Календарь на неделю.

jQuery — выбрать элементы только с определенным набором классов

Возможно глупый вопрос, но я что-то не могу разобраться.
Есть 3 блока с классом .one и один блок с классом .one и .two

Как мне в jQuery выбрать только элемент у которого есть оба класса .one и .two?

Ищем Open Source Orphus

Хочется скрипт для рецензирования статей в Блоггере по аналогии с Orphus и сайтом Леонида Каганова. Чтобы такой скрипт легко встраивался в любой сайт, желательно, чтобы он был на чистом javascript.

Результаты проверки хорошо бы записывать в комментарии к записи, отправлять GET запросом на другой сайт, помещать в Google forms или ещё куда-нибудь. Если записывать замечания в комментарии, то можно потом подрисовывать эти комментарии прямо на том месте, к которому они относятся.

От какого хорошего свободного инструмента оттолкнуться? Получилось найти только плагин для Joomla joomlaforum.ru/index.php/topic%2c12663.0/topicseen.html

Может есть какой-то плагин к jquery? Как-то такая-же функциональность работает на сайте госуслуг?
www.gosuslugi.ru/ru/: Если вы обнаружили неточности в опубликованной информации, просьба оперативно сообщить об этом оператору портала. Выделите некорректный текст и нажмите клавиши CTRL+ENTER. Сведения об ошибках будут оперативно переданы в ведомство, разместившее информацию.

Есть ли люди на Хабре, разбирающиеся в document.on<событие> и в bloggerService.insertEntry, чтобы самим написать подобную библиотеку?

Много материалов по теме можно найти по ссылкам, но как-то мне это особенно не помогло
habrahabr.ru/search/?q=orphus
www.google.ru/search?q=%22ctrl%2Benter%22

Необычное использование побитового XOR в Javascript?

Привет.


Отлаживая недавно очередной кусок чужого кода наткнулся на такой цикл:

while (--i ^ -1) /* тело цикла */;


при этом, изначально i равно некоторому положительному числу. То есть, побитовый оператор используется здесь для целых чисел. Немного подумав, я понял, что результат побитового XOR обратится в нуль единственно в случае, когда числа равны. Тогда условие кастуется в true. В противном случае, будет не-ноль, что кастуется в false.


Получается, можно использовать побитовый XOR вместо оператора != (если мы заранее знаем, что сравниваемые величины суть числа).


Отсюда у меня возник вопрос, который я хочу поставить перед аудиторией.


Почему автор использует XOR?


Вчера весь вечер я размышлял над этим и наиболее правдоподобной причиной мне показалось желание написать «крутой непонятный код». Сразу вспомнилось, как я, когда начинал постигать азы программирования, вдруг обнаружил, что могу писать «лаконичный код, который сложен для понимания и который работает». Мне казалось, что это свидетельствует о каких-то скиллах. На самом деле, понятно, что это свидетельствует об обратном. В пользу этой гипотезы было ещё то, что весь остальной код в окрестности приведённого фрагмента был написан подобным образом.


Правда, мне не давала покоя ещё одна мысль. Я представил себе, что если бы я хотел усложнить код, мне бы почему-то не пришло в голову использовать XOR, даже если бы я и знал о такой возможности.


В результате (безуспешно пытаясь заснуть на протяжение двух часов :) ), я встал, подошёл к компу и написал скриптик, который делал много сравнений тем и иным способом и мерял время.


Оказалось, что если использовать побитовый XOR вместо !=, появляется прирост в производительности (по крайней мере на Firefox), этот прирост стабильный (то есть он есть всегда, то больше, то меньше), но составляет всего лишь около 1%.


Может быть, есть ещё какие-нибудь особенности, дающие преимущество побитовому XOR?

AJAX запрос в jQuery. Как избавится от заголовка Access-Control-Request-Headers?

Здравствуйте. Надо при помощи javascript'а вытянуть данные из xml-файла генерирующегося на удалённом сервере. Всё до чего смог додуматься — сделать ajax запрос к xml-файлу.
Но jQuery вместо GET-запроса отправляет OPTIONS-запрос.
Оказалось, что этот запрос отсылается Firefox'ом в случае cross-domain request, когда отправляются нестандартные заголовки. В случае с jQuery это кажется:
Access-Control-Request-Headers: x-requested-with

Как избавиться от этого заголовка? Или может есть другие способы вытянуть информацию из xml?

JavaScript, фреймворки и парадигмы?

Посоветуйте Javascript framework для разработки интерфейса администрирования со сложными формами. Работающий прототип я сделал с использованием jQuery и десятка плагинов (tabs, drag&drop, ajax file upload, data link, mousewheel, hotkeys...). Но сейчас нужно дополнить интерфейс всеми необходимыми полями, и я понимаю, что приходится копировать очень много кода, а идентификаторы полей разбросаны по всему скрипту. Нужна подходящая парадигма программирования. Думаю, ее может дать какой-то легкий framework.


Посмотрел DoJo. Там, конечно, есть все необходимое. Но у меня сейчас нет месяца на изучение этой системы. К тому же, у нашей системы администрирования такой дизайн, что не удастся использовать готовые визуальные компоненты, которые DoJo предоставляет. Поэтому весь смысл теряется. Примерно та же история и с YUI.


Нужен инструмент, который будет управлять взаимодействием готовых визуальных элементов (которые написаны с использованием большого количества jQuery и плагинов).


С сервера я получаю большой json, в котором разложены все необходимые данные редактируемого объекта. Еще есть несколько дополнительных json-объектов со значениями для всяких выпадающих списков и форм с автоподстановкой. Вернуть нужно json с такой же структурой. Внутри форм активно используется drag&drop. Никаких перезагрузок страницы не происходит.


Ссылки на примеры хороших интерфейсов тоже были бы полезны. Спасибо.

Логотип JavaScript

Существует ли официальный логотип Javascript? Где взять достойную иконку для обозначения JS?

Как бы собрать в табличку все блог-платформы?))

Хочется собрать список блог-платформ — мне кажется это интересно будет. может кто-то видел такие списки уже? Нужны не программные платформы, а именно сервисы, вроде: ЖЖ, Wordpress, BlogSpot.

Принцип отбора предлагаю установить один: текстовость. То есть есть Youtube можно тоже с натяжкой назвать блог-сервисом, но мультимедийным. А интересуют именно текстовые блоги, микроблоги, с социальными фичами и без, западные и наши.

Давайте соберем? Круто было бы указывать: платность/бесплатность, наличие русскогоязычного интерфейса.

1. Livejournal.com
2. Wordpress.com
3. Blogspot.com
4. Typepad.com
5. Blogger.com
6. Блоги@mail.ru (прости, господи)
7. Liveinternet.ru (прости-прости)
8. Twitter.com
9. insanejournal.com — почерпнуто из статьи на mashable — не знал, оказывается жж строился на открытой платформе Danga и этот вот инсейн тоже на ней и
10. journalfen.net — тоже на ней эти два, наверно, шутки ради… но все-таки.
11. Tumblr.com
12. vox.com — сдох, мир его праху
13. xanga.com — блогокоммюнити)) кто бы знал

Что еще?

Удобный трединг в Javascript?

Приветствую.


На самом деле, речь не совсем о трединге. Да, в Javascript «чистого» трединга вроде как нету, но есть ещё webworkers, это я знаю, а здесь я хочу поднять вопрос о другом. Для начала я уточню, что конкретно я буду подразумевать под «тредингом».


Типичная задача следующая. Есть некий код (для определённости, врапнутый в функцию myFunc) и я хочу запустить этот код неким вызовом, но при этом не дожидаясь завершения этого вызова перейти к следующей строке кода, откуда я этот вызов совершаю. Обычно эта задача решается примерно таким образом:

setTimeout( myFunc, 10 );
doSomethingElse();

где myFunc() содержит код, который я хочу выполнить «в треде», а doSomethingElse() содержит код, про который я хочу чтобы он начал выполняться, не дожидаясь завершения myFunc(). А если мне нужно вызвать функцию myFunc() как метод объекта — я могу заюзать замыкание и apply(), обернув это в ещё одну анонимную функцию.


Самое загадочное в таком подходе — второй аргумент функции setTimeout(). Почему я сказал ей выполнить код через 10 милисекунд, а не сразу — через 0? Люди пишут (комменты), что setTimeout(fn, 0) часто работает дольше, чем setTimeout(fn, 10). И там же предлагается ещё более быстрый способ «заказать» асинхронное выполнение функции «прямо сейчас», с использованием postMessage.


Я решил немного поэкспериментировать с приведённым там кодом и сделать его чуть более удобным. Идея состоит в том, что прототипу объекта типа Function добавляется новый метод thread(), который запускает эту функцию асинхронно и форвардит ей все аргументы. Получилось примерно так:

(function() {
     var threads = [];
     var messageName = "start-thread";

     function thread(fn) {
         threads.push(fn);
         window.postMessage(messageName, "*");
     }

     function startThread(event) {
         if (event.source == window &&
             event.data == messageName) {
             event.stopPropagation();
             if (threads.length> 0) {
                 ( threads.shift() )();
             }
         }
     }

     window.addEventListener("message", startThread, true);

     Function.prototype.thread = function() {
         var args = arguments;
         var me = this;
         thread(
             function() {
                 me.apply( null, args );
             }
         );
     }

 })();


var doSomething = function(a, b) {
    alert( a + b );
}

// вызываем doSomething() асинхронно:
doSomething.thread( 2, 3 );

В общем, это практически точная копия кода по ссылке, плюс новый метод thread объектам типа Function.


И теперь внимание вопрос. Для того, чтобы метод thread был действительно удобным, нужно иметь возможность использовать его для методов объектов. То есть, каким-то образом в функцию thread нужно «протащить» информацию об объекте, в контексте которого мы обратились к методу. Использование замыкания напрочь испортит всю элегантность. Хочется пользоваться этим методом примерно так:

myObject.myMethod.thread( arg1, arg2 );


и в результате такого вызова метод myMethod должен вызваться асинхронно в контексте объекта myObject, то есть должно произойти

myObject.myMethod.apply( myObject, [ arg1, arg2 ] );

Возможно ли это?

Отправка страницы на печать и .htc глюк.

Проблема в следующем: когда нажимаю на ссылку

PRINT

(сайт goo.gl/adi3)

в ИЕ7 выдается ошибка скрипта:

Ошибка: Arg illegal input string in Vector2D
URL: www.art-welly.com/assets/css/pie.htc


кто сталкивался с такой проблемой и как ее можно решить?

Проблемы с созданием иерархического дерева на jQuery?

Пытаюсь сделать для одного из своих проектов «иерархическое дерево» (по сути аналог jQuery Treeview, jsTree и тому подобных плагинов), в котором также задействован функционал drag & drop. Для задействования возможности drag & drop использую jQuery UI. Всё вроде получается, но застопорился на одном моменте.

Лирическое отступление: да, я знаю что это по сути написание велосипеда, и что можно не париться и взять один из распространённых плагинов, но для меня важно научиться делать разные фишки на jQuery с drag & drop, потому что он ещё много где нужен будет в моём проекте.


Значит что имеем. Есть ненумерованный список <ul></ul> элементы которого представляют собой категории. У категорий могут быть подкатегории, а у тех, в свою очередь, свои подкатегории и т.д. Если у категории есть подкатегории, то слева от неё отображается иконка «плюсик», нажав на который, произойдёт запрос на сервер и в ответ мы получим необходимый список подкатегорий, который автоматически вставится в виде подсписка, т.е. вот так:

<ul>
  <li class="categories close" id="cat1" rel="1">category A</li>
  <li class="categories open" id="cat2" rel="2">category B</li>
  <ul id="p2">
    <li class="categories" id="cat4" rel="4">subcategory D</li>
    <li class="categories" id="cat5" rel="5">subcategory E</li>
    <li class="categories" id="cat6" rel="6">subcategory F</li>
  </ul>
  <li class="categories close" id="cat3" rel="3">category C</li>
</ul>

Лирическое отступление: да, я знаю что по правилам синтаксиса HTML подсписок <ul id=«p2»></ul> должен находится внутри родительского элемента <li></li>, но в таком случае вместе с категорией «category B» будет таскаться за курсором и весь подсписок подкатегорий, чего мы никак не хотим.


С помощью jQuery UI я делаю каждый элемент <li></li> «перетаскиваемым» (draggable), и одновременно «принимающим» (droppable).

Дальше я по задумке хочу сделать следующим образом: пользователь захватывает и начинает «таскать» категорию над списком других категорий; как только таскаемый им элемент оказывается над одной из категорий, происходит запрос на сервер, мы получаем и вставляем список подкатегорий. Делается это для того, чтобы облегчить жизнь пользователю: если пользователь хочет сделать категорию «category C» подразделом «subcategory F», то ему будет достаточно захватить «category C», задержать её над «category B» чтобы открылся список подкатегорий, после чего перетащить и отпустить над «subcategory F».


Всё вроде получается отлично, но есть одно НО, на котором я и застопорился: пользователь захватывает «category C» и держит её над «category B», тем самым заставляя открытся список подкатегорий; в момент появления списка подкатегорий, удерживаемый элемент «category C» уезжает вниз относительно курсора ровно на высоту всего подсписка категорий. Именно эту проблему мне не удаётся пока побороть.


Как я пытался решить эту проблему:


1) в момент вызова функции over (вызывается когда draggable-элемент находится над droppable-элементом и находится в состоянии готовности) пробовал запоминать позицию перетаскиваемого элемента в глобальных переменных вот так:

...
over:function(event,ui) {
  _cury = ui.position.top;
  _curx = ui.position.left;
  ...
}
...

после этого запрашивать список подкатегорий и уже после их вставки заново присваивать перетаскиваемому элементу координаты:

...
ui.position.top = _cury;
ui.position.left = _curx;
...

В итоге не сработало.


2) я подумал, что возможно в момент появления подсписка и соответственно «отпрыгивания» перетаскиваемого элемента, он уходит из состояния готовности и вызывается функция out. Тогда я просто перенёс задание запомненных координат в функцию out:

...
out:function(event,ui) {
  ui.position.top = _cury;
  ui.position.left = _curx;
  ...
}
...

Это тоже не сработало. Также пробовал использовать ui.offset вместо ui.position — тоже не помогло. Т.е. получение координат перетаскиваемого элемента происходит нормально, корректно. А вот попытка задать их обратно не приводит ни к каким результатам. Может кто подскажет решение?

Скачать полный код примера со всеми файлами и подробными комментариями.


Смотреть пример онлайн.

JavaScript: объясните return в конструкторе

Объясните, пожалуйста, в чем разница между кодом:

var Test = (function () {
return (function () {
this.qqq = 'a';
});
})();

alert(new Test().qqq);


и

var Test = (function () {
return (function () {
return ({ qqq : 'a' });
});
})();
alert(new Test().qqq);


В обоих вариантах выводится «а». Почему в первом случае — понятно. Первая функция создает замыкание, в которое можно поместить «статические» переменные. Вторая — собственно конструктор и в конструкторе задается объект. Но почему во втором?

Спасибо.

Как заставить браузер не кешировать JavaScript?

Существует ли какой-то действенный способ заставить браузер не кешировать конкретный Javascript файл? Желательно чтобы этот способ работал в Firefox, Opera и Chrome (IE особо не интересует).

Оставлять логику PHP или отдавать JavaScript'у?

Пишу тизерную сеть и немного мучаюсь в сомнениях:
на рекламной площадке размещается код типа <script type=«text/javascript» src=«someurl.com/site_id/block_id»></script>
который, разумеется, подгружает уже полный JS-код для генерации тизерного блока.
Вот я и думаю — передавать клиенту уже отрендеренный блок (логика в php), или отдавать только данные блока в, например, JSON-формате, а рендерить его средствами JS (логика в JS)?

Vkontakte open api и проблема с правами?

Никак не могу разобраться как выставить права приложению. Вроде бы все просто:


Подключаем в хедере

&lt;script src=&quot;http://vk.antizapret.ru/js/api/xd_connection.js?2&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br/>
&lt;script src=&quot;http://vkontakte.ru/js/api/openapi.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br/>

Далее пишем в body

&lt;script type=&quot;text/javascript&quot;&gt;<br/>
<br/>
VK.init({<br/>
 apiId: my_id<br/>
 });<br/>
<br/>
VK.UI.button('login_button');<br/>
<br/>
VK.callMethod('showInstallBox',0);<br/>
&lt;/script&gt;<br/>
<br/>

Авторизация проходит нормально, все апи через VK.api выполняются нормально, но как только хочу вызвать showInstallBox появляется ошибка

TypeError: Result of expression 'options' [undefined] is not an object. vkontakte.ru/js/api/openapi.js:317

Так же пробовал вызывать по onClick, после полной загрузки страницы, то же самое.


Что я делаю не так? Может что-то не подключил? Может не так вызываю?

Заранее благодарю.

Что означает контрукция типа “(function(d){ ... })(document)”

Неоднократно встречал подобную контструкцию:

(function (d) {

    // Какой-то код

})(document);

Мне понятно, что данном коде используется замыкание, но не понятно зачем в качестве аргумента замкнутой функции передаёться объект Document.

Вот конкретный пример — маленькая Javascript утилита, которая далает так, чтобы в IE можно было задавать стили HTML5 элементам (таким как section, header, article и прочие; по умолчанию стили для этих элементов в IE будут игнорироваться). В этом скрипте используется следующая конструкция:

(function (p, e) {
    // Какой-то код
})(this, document);

В этом примере помимо аргумента document ещё в добавок передаётся аргумент this, в котором, как я понимаю, хранится объект Window. Кто может мне подсказать зачем замкнутым функциям передавать в качастве аргуметов Document и Window?

Материалы по работе с JS в IE

Доброго дня!

Подскажите, пожалуйста, может есть книга какая, или ресурс, где была бы собрана воедино вся информация (ну вернее как можно больше) по написанию кроссбраузерного JS. А то все, что нахожу, как бы гордо себя ни позиционировало — обычно очередной копипаст одних и тех же «трюков». Причем интересуют материалы не по JS в целом, а именно те материалы, где рассказывается, как в IE делать нельзя, а как делать можно только в IE :)

Где найти стандарт работы getElementById?

В общем вопрос простой. Почему, при добавлении в документ 2х элементов с одним id, берется первый элемент, а не второй?


PS Понимаю что за это надо руки отрывать, но всё-же…

<font color="black"><font color="#0000ff">&lt;</font><font color="#800000">html</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;</font><font color="#800000">head</font><font color="#0000ff">&gt;</font><br/>
    <font color="#0000ff">&lt;</font><font color="#800000">title</font><font color="#0000ff">&gt;&lt;/</font><font color="#800000">title</font><font color="#0000ff">&gt;</font><br/>
    <font color="#0000ff">&lt;</font><font color="#800000">script</font> <font color="#ff0000">type</font><font color="#0000ff">=&quot;text/javascript&quot;</font><font color="#0000ff">&gt;</font><br/>
        <font color="#0000ff">function</font> ondivclick() {<br/>
            <font color="#0000ff">document</font>.getElementById(<font color="#A31515">&quot;place&quot;</font>).innerHTML += <font color="#A31515">&quot;1&quot;</font>;<br/>
            <font color="#0000ff">document</font>.getElementById(<font color="#A31515">&quot;place&quot;</font>).innerHTML += <font color="#A31515">&quot;2&quot;</font>;<br/>
            alert(<font color="#0000ff">document</font>.getElementById(<font color="#A31515">&quot;divid&quot;</font>).innerHTML); <font color="#008000">// тут на всех браузерах будет 1</font><br/>
        }<br/>
    <font color="#0000ff">&lt;/</font><font color="#800000">script</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;/</font><font color="#800000">head</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;</font><font color="#800000">body</font><font color="#0000ff">&gt;</font>        <br/>
    <font color="#0000ff">&lt;</font><font color="#800000">a</font> <font color="#ff0000">href</font><font color="#0000ff">=&quot;#&quot;</font> <font color="#ff0000">onclick</font><font color="#0000ff">=&quot;ondivclick()&quot;</font><font color="#0000ff">&gt;</font>Go!<font color="#0000ff">&lt;/</font><font color="#800000">a</font><font color="#0000ff">&gt;</font><br/>
    <font color="#0000ff">&lt;</font><font color="#800000">div</font> <font color="#ff0000">id</font><font color="#0000ff">=&quot;place&quot;</font><font color="#0000ff">&gt;&lt;/</font><font color="#800000">div</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;/</font><font color="#800000">body</font><font color="#0000ff">&gt;</font><br/>
<font color="#0000ff">&lt;/</font><font color="#800000">html</font><font color="#0000ff">&gt;</font></font><br/>
<br/>
<font color="gray">* This source code was highlighted with <a href="http://virtser.net/blog/post/source-code-highlighter.aspx"><font color="gray">Source Code Highlighter</font></a>.</font>

Изменение стиля при помощи javascript

Кто может подсказать как решить задачку

есть 5 блоков div у каждого свой id и стиль b-img

<div id="1" class="b-img" onclick="kodimg(id)">...</div>
<div id="2" class="b-img" onclick="kodimg(id)">...</div>
<div id="3" class="b-img" onclick="kodimg(id)">...</div>
<div id="4" class="b-img" onclick="kodimg(id)">...</div>
<div id="5" class="b-img" onclick="kodimg(id)">...</div>

при клике по нему ява скрипт меняет ему стиль на v-img

вот такой функцией

function kodimg(id)
{
 document.getElementById(id).className = 'v-img';
}

проблема в том, что у предыдущего нажатого div стиль остается v-img, а нужно чтоб он снова стал b-img

Как такое можно сделать?

Как растянуть изображение на канве *без* сглаживания (в webkit)

Надо увеличить изображение в 2, 3, 4 и т.д. раз, причём, чтоб сохранялась пикселизация.

Что пробовал:
1) через css увеличить размер канвы. +) быстро -) есть сглаживание
2) mozImageSmoothingEnabled=false; drawImage(...). +) бысто, без сглаживания -) gecko only
3) getImageData/putImageData и увеличение руками. +) без сглаживания -) очевидно, медленней чем нативные методы.

Использую способ №3, в моём случае (раз-loop-ленные циклы, update по регионам) работает мгновенно.
Но!

В последнее время много говорят о смерти флеша и о безоговорочной победе html5. Так вот, во flash можно выключить сглаживание, а как же великий и могучий html5? Неужели в этом гиганте, убивающем флэш наповал, нельзя сделать такой вот примитив (т.е. чтоб кроссбраузерно)?

p.s. в некоторых местах забыл расставить тэги sarcasm.

Один localStorage на все поддомены. Нельзя, но может всё-таки можно?

Имеется многоязычный проект. Каждому языку соответствует поддомен, а также есть специальные поддомены для статики и особых версий (примерно как на Википедии):

en.example.com<br/>
ru.example.com<br/>
...<br/>
static.example.com<br/>
m.example.com<br/>
fb.example.com<br/>
vk.example.com<br/>
...<br/>

У пользователей во время работы будут накапливаться данные, которые в принципе не нужны на серверной стороне, плюс этих данных может быть больше, чем на 4 KБ, т. е. куки использовать не желательно.

HTML 5 localStorage, казалось бы, подходит идеально, но есть одно большое «но»: данные, сохранённые для одного поддомена, не видны на всех остальных поддоменах согласно спецификации из соображений безопасности.


Не могли бы вы, уважаемые хабровчане, посоветовать, каким образом можно осуществить местное хранение данных в таком случае? Сталкивался ли кто-то ещё с подобной проблемой, успешно решив её? Может быть, стоит каким-либо образом использовать iFrame, хранить localStorage там и «общаться» с ним? Есть ли какие-то другие подходы в решении этой задачи?

Большая нагрузка на браузер при вкл jquery

Добрый день. Подскажите пожалуйста как решить такую проблему. Установил на сайт плагин лупы для изображений. Все подключается и работает, но так как это интернет магазин на одной странице может находиться до 20 картинок и когда наводится мышка на одно из изображений запускается функция для всей страницы. Каким образом можно ее ограничить только одной картинкой? Навел — загрузилась картинка — подключилась функция — убрал мышку — отключилась и так по кругу…

вот какую функция я смог прописать для включения библиотеки:
<script type=\'text/javascript\'>
$(document).ready(function(){
$(\'#zoom1\').hover(function(){
$.getscript(\'js/cloud-zoom.1.0.2.min.js\', function(){
testAjax();
});
})
});
</script>

ссылка на лупу: www.professorcloud.com/mainsite/cloud-zoom.htm

З.Ы. Просто подключить лупу в хэдер как написано в примере не получится, потому что вывод каталога на сайте сделан целиком на аяксе.

Hover-state отдельных областей canvas

Здравствуйте! Возникла проблема реализации hover-state отдельных областей canvas.
Предположим, что на холсте 40х80 два квадрата по 40 пикселов. Понять, какую именно область подсвечивать (при назначении обработчика mousemove) проблем не представляет, проблема в том, чтобы изменять (например, затемнять) область надо лишь 1 раз, и когда указатель покинул нужное пространство возвратить исходный вид области. Прошу прощения, если вопрос глуп — я только осваиваю canvas. Заранее спасибо за советы.

Qooxdoo: создать и запустить source-версию под денвером?

Как правильно создать каркас приложения на Qooxdoo чтобы source-версию приложения можно было запускать через _localhost/app а не _Z:\home\localhost\www\app\index.html?


Скомпилированная Build-версия отлично запускается с вебсервера (denwer). Но нужно запускать именно Source-версию. Мало того что нужен дебаг приложения, так еще и не получается в рабочем режиме отрабатывать ajax, приходится делать через jsonp (чтобы работать с кроссдоменными запросами). То же самое с флешовым построителем графиков: хочет только обращения из домена. Ну и так, по мелочам.


Спасибо.

Произвести модификацию в jQuery UI и получить сжатый вариант?

Некоторое время назад я писал о том, что пишу некий «аналог jQuery Treeview». Благодаря подсказке nikitammf проблему «отпрыгивающего элемента» я поборол.

Но появилась другая проблема. Чтобы описать её, я сначала объясню каким образом плагин jQuery UI Draggable определяет находится ли в данный момент переносимый элемент над droppable-элементом.


В момент начала переноса захваченного элемента вызывается метод $.ui.ddmanager.prepareOffsets(this, event) (строка 152 файла /development-bundle/ui/jquery.ui.draggable.js). Этот метод запоминает в кэше абсолютные координаты всех droppable-элементов. Затем в процессе переноса draggable-элемента, его меняющиеся координаты постоянно сверяются с координатами droppable-элементов из кэша, и когда наступает пересечение координат — плагин опознаёт, что захваченный элемент оказался над тем-то droppable-элементом (т.е. наступает событие «hover»). Кэш координат droppable-элементов всегда рассчитывается только один раз — в момент начала переноса захваченного элемента.

Как это конфликтует с моим кодом? Как я уже писал, в момент наступления события «hover» у меня отсылается запрос на сервер, который возвращает список дочерних элементов, которые вставляются вложенным списком. Поскольку вставляется вложенный список, координаты последующих (лежащих ниже) droppable-элементов при этом меняются, но кэш координат об этом не знает.

В результате если захватить самый первый элемент, задержать над вторым элементом (дождавшись появления вложенного списка) и дальше вести его вниз, то третий и последующий элементы среагируют ещё задолго до того, как перетаскиваемый элемент реально окажется над ними (потому что в кэше координат остались старые координаты и он по-прежнему думает, что все droppable-элементы остались на своих изначальных местах).

Как решить эту проблему, впринципе понятно: пересчитать кэш координат (вызвать метод $.ui.ddmanager.prepareOffsets(this, event)) после вставки дочернего списка.

Но так просто вызвать этот метод не получается: его имя уже изменено в процессе компоновки и минимизации конструктором jQuery UI (я использую не гигантский архив с кучей js-файлов, а собранный конструктором один файл).

Как здесь быть? Как вызвать метод, имя которого уже «обфусцировано»?


Онлайн-пример собственно моей разработки тут.

"Резиновость" элементов js

Есть ли способ определить, что размер какого-либо элемента страницы задан в %? в DOM как я понимаю, хранятся уже вычисленные значения, автоматически пересчитываемые при ресайзе.

Можно поставить вопрос иначе: можно ли каким либо образом изменять такие автоматически вычисленные размеры без потери «резиновости»?

Есть ли аналог JavaScript под WAP?

Нужно сделать таймер обратного отсчета, но насколько я понимаю, Javascript не шибко поддерживается протоколом WAP. В википедии нашел абзац, где сказано что есть аналог javascript под WAP. Подскажите, куда копать, пожалуйста.

Непонятное поведение Javascript в простых ситуациях. Растолкуйте

Мне конечно после C++ сложно бывает находить подобные ошибки в коде. Но все таки: чем объясняется подобное поведение JS?

Пример первый. В обоих случаях ожидалось true:
var flag = true;
flag &= true;
alert(flag);//говорит "1"

var flag = true;
flag = flag && true;
alert(flag);//говорит "true"


Примет второй. Сравнение на «равенство» двух объектов-дат всегда возвращает false. При этом <= и < возвращают разные значения. Непонятно.
alert(new Date == new Date);//говорит "false"
alert(new Date <= new Date);//говорит "true"
alert(new Date >= new Date);//говорит "true"
alert(new Date < new Date);//говорит "false"
alert(new Date > new Date);//говорит "false"


Как автоматически вытащить и модифицировать ссылку на изображение из исходного кода страницы?

Подскажите, пожалуйста, как вытащить и модифицировать ссылку на изображение из исходного кода страницы? Желательно через userscript для оперы.


Цель: фото товаров, например — direct.asda.com/george/shoes/ladies-shoes/boots/fa...

В коде можно обнаружить прямую ссылку на изображение — http://asda.scene7.com/is/image/Asda/5052341219998...


Если изменить параметр ?hei=400 на ?hei=2000 то картинка отдается в максимальном размере, пример — http://asda.scene7.com/is/image/Asda/5052341219998...


Внимание, знатоки, вопрос :)


Как это дело автоматизировать через userjs для оперы, чтобы, например, рядом с фото товара появлялась ссылка, которая вела бы на картинку максимального размера, дабы её удобно было сохранить?


Всем заранее спасибо!

Facebook API friends.get?

Добрый вечер.


Проблема с апи фейсбука, и с функцией friends.get (uid ). В момент авторизации через ФБ на моем сайте запрашиваются расширенные права

FB.login(handleSessionResponse, {<br/>
 // <a href="http://developers.facebook.com/docs/authentication/permissions">developers.facebook.com/docs/authentication/permissions</a><br/>
 perms: [<br/>
 'offline_access',<br/>
 'user_about_me',<br/>
 'friends_about_me',<br/>
 'friends_interests',<br/>
 'user_interests',<br/>
 'friends_location',<br/>
 'user_location',<br/>
 'friends_online_presence',<br/>
 'user_online_presence',<br/>
 'email, read_stream, publish_stream, offline_access, status_update, photo_upload, create_event, rsvp_event, sms, video_upload, create_note, share_item'<br/>
 ].join(',')<br/>
 });

И вроде бы, пользователь дает доступ к своим друзьям в офлайн режиме. Он отображается в friends.appUsers.


Но фигня вот в чем.

FB.api({ method: 'friends.get', uid: 'айди пользователя, предоставившего все права моему сайту' }, function(result) {<br/>
 console.log(result)<br/>
 })<br/>

Resukt выдает ошибку №240 — Requires a valid user is specified (either via the session or via the API parameter for specifying the user.


Но как так, если все полномочия пользователь сам дал, а айди задан верно? Причем это не работает не только на моем сайте, но и через тестовую консоль ФБ (где параметры в формочки вводить надо:)).


Будут какие-либо идеи?


PS Работать это должно примерно так: Пользователь П1 дает права на доступ к своим друзьям. Потом на сайт захожу я, и даю доступ к своим друзьям. Если П1 есть в моем списке друзей, то я хочу вывести список его друзей (он же дал права на офлайн доступ к его друзьям)

Способ присваивания переменным дефолтных значений?

Часто бывает так, что каким-либо переменным надо присвоить значение по-умолчанию, если не дано иного. Примерами могут быть необязательные аргументы функций, данные из localStorage и т. п. Есть разные способы, позволяющие это сделать, но сводятся они к одному смыслу:

проверить, присвоено ли какое-то значение / если да, то выполнять следующую задачу / если нет, то назначить дефолтное значение и выполнять следующую задачу.


Пара возможных примеров кода:

// 1-й вариант<br/>
if (!argument) argument = 'value';<br/>
<br/>
// 2-й вариант<br/>
argument = argument || 'value';

Вопрос в следующем — какой из приведенных вариантов является оптимальным? Какой из них лучше использовать?

Ресайз панелей google docs

В интерфейсе google docs (в ff и google chrome) на экране навигации по документам, если увеличить левую панель, передвинув хэндлер (синий блок между панелью папок и документов) более чем на половину экрана — не удается восстановить прежние габариты панелей в состояние по-умолчанию.
Кто сталкивался или встречал решение?

Как работает навигация по письмам в Gmail?

В web-интерфейсе Gmail навигация по письмам сделана следующим образом:

Изначально мы на странице «Входящие»

https://mail.google.com/mail/?hl=ru&shva=1#inbox

Нажимаем на письмо и попадаем на

https://mail.google.com/mail/?hl=ru&shva=1#inbox/12c4911509040a02

При этом открывается само письмо.

Как видно, мы работаем через «решетку» #, поэтому перезагрузки страницы не происходт, вместо этого происходит переход «по якорю». Тем не менее, URL меняется, и браузер делает переход без отправки запроса на сервер, в результате чего мгновенно открывается текст письма (который уже где-то хранился в DOM и посредством JS выводится пользователю), и становится доступной кнопка «Назад» в браузере, что очевидно. Если ее нажать, мы возвращаемся к списку писем, текст письма при этом скрывается, конечно же без перезагрузки страницы, и это очень быстро работает.

Вопрос: Как это работает? Конкретно, после нажатия «Назад». Ведь мы работаем на одной странице, нужно как-то закрыть открытое письмо. Как работает этот механизм? Какое события обрабатывается? Надеюсь, суть вопроса ясна.

Обновление JavaScript скрипта на клиенте

Как правильно организовать подключение JS на сайте клиента, чтобы потом в любой момент скрипт JS можно было обновить и он подхватился всеми клиентами, т.е. сбросилось бы кеширование браузером? JS, например, код подключения какого то виджета.
Нужно для того, чтобы при каждом обновлении скрипта не просить клиентов обновить его код подключения на своих сайтах.

История посещений в Javascript

Можно ли как-нибудь управлять историей посещений (кроме перехода вперед-назад) в Javascript хотя бы в одном из распространенных браузеров? Или можно как-нибудь отслеживать нажатия на кнопки вперед-назад и не давать переходить по ним?
Интересует для веб-приложения, активно использующего ajax.

Логическое отрицание результата выполнения анонимной функции

В сорцах facebook был найден образец нижеизложенного кода. Подскажите, пожалуйста, назначение и смысл использования подобного приёма:

!function(){
…
}();

Оригинал:

!function(){
var c = document.documentElement;
var b = 'child_focused';
var d = 'DOMControl_placeholder';
var a = function(e){
e = e || window.event;
var f = e.target || e.srcElement, h = f.getAttribute('placeholder');
if (h) {
var g = Parent.byClass(f, 'focus_target');
if ('focus' == e.type || 'focusin' == e.type) {
if (f.value == h) {
f.value = '';
CSS.removeClass(f, d);
g && CSS.addClass(g, b);
}
}
else
if (f.value == '') {
CSS.addClass(f, d);
f.value = h;
g && CSS.removeClass(g, b);
}
}
};
c.onfocusin = c.onfocusout = a;
if (c.addEventListener) {
c.addEventListener('focus', a, true);
c.addEventListener('blur', a, true);
}
}();

Спасибо!

быстрые манипуляции со строками таблицы

Есть таблица на 5к строк. И необходимость скрывать/показывать выборки из 1к её строк. Обычный вариант $(#table .need_hide).hide() работает очень долго. Минуты в зависимости от браузера. Есть варианты сделать-таки это средствами js или переносить на сервер только?

Загрузка своего Javascript в контент iFrame

Здравствуйте, подскажите пожалуйста, есть iFrame на странице, необходимо сделать так, чтобы в этот iFrame был включен мой javascript код ( в body)

например
<\iframe src="http://apple.com">

где на сайте apple.com открытом в iframe необходимо в тег Body добавить, например:
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>


Пытался использовать метод Jquery.contents(), не получилось, подскажите, как решить проблему?

Как протестировать pda версию сайта?

Для того, чтобы понять как будет выглядеть переделанный сайт на мобильных устройствах, нужно иметь возможность сделать полное тестирование.

Т.е. посмотреть сайт на компьютере в том виде, в котором он будет на мобильном устройстве. И еще крайне желательно, чтобы действовали pda ограничения javascript. В частности интересует ajax в формах, будет ли работать также.

Есть ли какая-нибудь софтинка, подходящая для этих целей?

Клонирование элементов HTML5 в IE 6-8. Кто придумает как обойти баг?

Приятного времени суток.


Обнаружил своеобразный баг.

После добавления

<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

HTML5 элементы в IE 6-8 отображаются нормально.

Но если клонировать узел с HTML5 элементами c помощью .cloneNode(true) или jQuery .clone(true), то все HTML5 элементы будут потеряны.

Как показывает .innerHTML клонированного узла, превращается в <:nav></:nav>.

Если почистить innerHTML с помощью регулярного выражения… элементы просто исчезают без следа.


Есть ли идеи, как можно обойти этот баг, не создавая поэлементно достаточно сложную иерархию узлов?


С уважением и надеждой на ответ.

Проблема с click event в ajax

есть код

$(document).ready(function(){
$('.banner_stat').bind( 'click',
function(event){
$.get("index.phtml", { banner:$(this).attr("id")});
});

});

этот код должен срабатывать при клике на элементе(в моем случае это div). В мазиле опере все работает нормально вне зависимости от содержимого дива… в хроме и ie не работает когда внутри дива есть embed. Можно ли исправить это?

Что почитать по JavaScript?

Посоветуйте толковые книги/мануалы по JS.
Есть ли по JS какой-нить общепринятый справочник, возможно в формате chm?

Материалы по современному Javascript?

Пришла пора мне взяться за client-side скриптинг, но с Javascript я знаком поверхностно. В связи с этим нужны следующие материалы:

• Часто используемые библиотеки (если есть что-то вроде перловского CPAN — вообще замечательно)
  
• Справочник по языку
  
• Примеры кода — чтобы понять, как сейчас на нем пишут
  
• Применение AJAX
  
• Ну и напоследок вопрос: кроссбраузерный скриптинг до сих пор является проблемой, или она успешно решена?
  

Существует ли open-source скрипт похожий на min.us?

Где можно скачать скрипт типа того, на котором работает сайт min.us/? Хочу установить на свой домен.

Отправка логов с клиента на сервер

Есть клиентская часть(upd: живет в норм браузере (ff,gc,sf,op)) некоего web-application`а, которая очень активно логгирует свои действия (на данный момент лог собирается в textarea'ю; не знаю лучший ли вариант, может еще и здесь что нибудь подскажут).

Хочется иметь эти логи на сервере. Так как лог большой, то было бы неплохо заархивировать все это дело и отправить на сервер.

возможно ли это? если да — то как? Может есть где-нибудь пример, или ссылка на док…

Thanks in advance!

upd:
$("textarea_with_log").value += new_log_string;

клиент «знает» когда нужно остановить логгирование и инициировать процессинг лога. Проблемы с завершением/выключением клиентской части/браузера «можно считать» что нет

Вконтакте API сервер-сервер

Как известно, у Вконтакте есть несколько способов работы с API:

• через JS со стороннего сайта или из встроенного приложения
• на ActionScript для приложений
• и Desktop-приложения

Для того, чтобы организовать работу с сервисом в то время, когда пользователь не находится на сайте способа я не нашёл, иначе говоря, нет возможности совершать запросы к API сервер-сервер (за исключением нескольких специфичных функций).

В один момент показалось, что можно замаскировать сервер под desktop-приложение, но и там ложка дёгтя, после перехода на сайт Вконтакте для авторизации, он не в состоянии передать никаких данных нашему серверу.

Итак, вопрос. Можно ли как-то организовать взаимлдействие с API вконтакте в режиме сервер-сервер?

Редактор с подсветкой для JSON

Подскажите какой-нибудь редактор, в котором удобно просматривать JSON.

Под «удобно» я имею в виду:

1) Автоматическая разбивка и отображение в виде иерархии (даже если я открыл файл, где все записано в одну строку).
2) Подсветка (хотя бы минимальная, скобочки там).

Есть плагин для Лисы, но хотел бы использовать standalone решение или хотя бы web-тулзу.

jQuery UI Dialog, как повесить событие на нажатие ссылки внутри него?

Сейчас код выглядит так:

<div id="address-wrapper">

  <a id="address-select" href="#" title="Нажми">Нажми</a>

</div>



<div id="dialog-form" title="Выберите ваш город">	

	<label for="search">Поиск</label>

	<input type="text" name="search" id="search" class="text ui-widget-content ui-corner-all" />

	<input type="button" name="post" id="search-button" value="Поиск" />		

	<br /><br />

	<div id="results"></div>

</div>



<script type="text/javascript">	

	function searchSubmit() {

	$.ajax({ type: "POST", 

		 url: "gni_ajax.asp", 

		 data: "query=" + $("#search").val(),

		 success: function(data){

                                      $("#results").empty();

		      $("#results").append(data);

		      return false;} 

	   });

	};

	

	$('#search').keypress(function(event) {

	    if (event.keyCode == '13') {

		searchSubmit();

	    }		   

	});

	

	$("#search-button").click(function () { searchSubmit(); });

			

	$("#dialog-form").dialog({

		autoOpen: false,

		height: 400,

		width: 400,

		modal: true,

		buttons: {				

			"Отмена": function() {

				$( this ).dialog("close");

			}

		},

		close: function() {

			alert("i'm closing!");

		}

	});



	$("#address-select").click(function() {

		$( "#dialog-form" ).dialog( "open" );

	});

	

	$(".addr").click(function() {

		alert($(this).text());

		alert(this.id);



		$("#dialog-form").dialog("close");

	});

	

</script>

Надо было мне, чтобы при нажатии на одну из ссылок, возвращенных аяксом (разные числовые id и тексты, один класс .addr, ее текст и значения вставлялись в input. Но добиться этого я не смог. Решил хотя бы посмотреть, что выдаст alert. Но он и того не показал, никакой реакции на нажатие нет. Если вешаю событие на нажатие address-select, то все срабатывает хорошо. Но эти ссылки, внутри диалога которые — не работают. Не то, что алерт, но и сам диалог не закрывается. Даже если указать не ".addr", а просто «a» Проверял в firebug, элементы создаются нормально:

<a href="#" id="7700000000000" class="addr">Москва г</a>

Что с этим делать? Ведь должно работать же!

Имитировать аплоад файла на сервер из JS?

Здравствуйте!


Моя цель — составить в JS и отправить POST-запрос к серверу, зааплоадив файл, содержимое которого будет взять не с диска юзера, а сгенерировано в JS.

Не совсем понимаю, что для этого стоит использовать — xmlhttprequest или есть что-то более высокоуровневое?


P.S. Конкретная цель — зааплодить через API ВКонтакта изображение, созданное на canvas.

Какие "заготовки" вы используете при вёрстке нового проекта?

Надоело верстать с нуля, знаю что многие используют различные заготовки вроде oocss, html5 boilerplate, однако кроме этих двух я больше ничего не знаю.
Посмотрел oocss и понял что из его функционала ничего не нужно, а идея не так и интересна.
html5bloilerplate сломан, половина всего не работает, что-то работает не так, что-то даже в хроме не работает.
Может есть что-то ещё?

mysql_real_escape_string vs mysql_escape_string

Согласно документации, стоит использовать только функцию mysql_real_escape_string.
Насколько я понимаю, это связано в основном с применением юникода и действительно оправдано.

Вопрос: насколько часто ошибается mysql_escape_string и можно ли в языках с нативной поддержкой юникода пользовать своей реализацией вроде:

/**
 * Escape string for mysql. Don't use native function,
 * because it doesn't work without connect.
 */
exports.escapeStr = function(str) {
    return str.replace(/[\\"']/g, "\\$&").replace(/[\n]/g, "\\n")
                .replace(/[\r]/g, "\\r").replace(/\x00/g, "\\0");
};

UPD: Вышеприведённый код не полный, в нём присутствуют не все символы, которые нужно экранировать. Давайте будем исходить из того, что replace для \b, \t, \Z, _, % также присутствуют:

exports.escapeStr = function(str) {
    return str.replace(/[\\"']/g, "\\$&").replace(/\n/g, "\\n")
                .replace(/\r/g, "\\r").replace(/\x00/g, "\\0")
                .replace(/\b/g, "\\b").replace(/\t/g, "\\t")
                .replace(/\x32/g, "\\Z") // \Z == ASCII 26
                .replace(/_/g, "\\_").replace(/%/g, "\\%");
};

Взаимодействие между замыканиями в JavaScript?

Есть замыкания:

(function () {
   // do something
})()


(function () {

   // do another thing

}) ()

Как бы вы организовали взаимодействие между объектами в этих замыканиях?


Собственно, вопрос возникает при использовании jQuery в больших проектах… вот есть, к примеру, диалоговое окно на jQuery UI. Но это как бы частный случай общей проблемы.


Обычно у меня это выглядит так:

<div id="dialog">
   <p>something</p>
</div>

<button id="show_dialog_btn">Show Dialog</button>

<script>
jQuery(function ($) {
    $("#dialog").dialog({
         куча параметров,
         ну просто тьма всяких настроек
         и разные колбэки,
         buttons: {
               OK: function () {
                     // что-нибудь родить....
               }
         }
    });

    $("#show_dialog_btn").click(function () {
         $("#dialog").dialog('open');
    });
});
</script>

Диалоговое окно в этом случае, фактически состоит из НТМЛ разметки и джаваскрипт кода. Для простоты опустим ЦСС. Теперь, чтобы создать это же окно на другой странице, нужно либо копировать либо… А вот тут начинаются сложности… Если параметры окна зависят от каких-либо параметров в текущем замыкании, Допустим оно по нажатию кнопки Ок, должна быть вызвана «местная» для замыкания функция. Как быть?

JavaScript: событие — появление элемента в области видимости. Как?

В фейсбуке лента новостей, при прокрутке страницы вниз, дозагружается сама.
Здесь вот тоже так же: nebo-v-almazah.ru/earrings
Что-то заработался и не могу никак понять как мне это сделать без постоянной проверки через setInterval()
Может что-то такое есть в jQuery?

Отправка булевых значений в запросах jQuery.ajax()

$.ajax({
url : uri,
type : 'post',
data : {someBooleanVar1: false, subVar: {someBooleanVar2: true}}
});

Проблема в том, что сервер получит переменные someBooleanVar1 и someBooleanVar2 в виде строк «false» и «true», а не «0» и «1».

Вопрос в том, есть ли в jQuery какой-то параметр или метод автоматизирующий конвертацию булевых значений в 0/1? Ну или если средствами jQuery такое не реализовать, то можеть кто-нибудь знает простенький способ обойти рекурсивно объект заменив boolean на number.

Спасибо!

HTML5 анимация в canvas на JavaScript

Каким образом реализовывать анимацию на canvas в HTML5?

Просто задать интервал времени, через который каждый раз будет вызываться функция, которая в свою очередь будет заново прорисовывать содержимое canvas, или есть лучший способ?

Безопасный кроссдоменный обмен данными между AJAX и PHP

На одном сервере лежит PHP скрипт, на другом есть сайт, использующий AJAX. Как передавать между ними данные, чтобы гарантировать конфеденциальность и невозможность подделывания (вместо AJAX может быть и Flash, и обычные GET/POST запросы — на сокетах то просто, а нужно вот так вот)?

Единственное, что приходит в голову, это дополнительный скрипт ПХП и сокеты + SSL. Но это не очень удобно (т.к. может использоваться флеш без ПХП). Использование секретных ключей не кажется мне безопасным — флеш или яваскрипт легко стянуть и подстмотреть всю информацию. RSA — в одну сторону отправлю, но в обратную опять же — можно подсмотреть секретный ключ.

Какие есть варианты?

Изучение серверного JavaScript

В последнее время все чаще JavaScript появляется на стороне сервера — Node.js, views в couchDB. Подавляющее большинство учебников, уроков и примеров по JS ориентированы исключительно на клиентскую часть, в лучшем случае классические фолианты вроде Флэнагана подробно рассматривают общий синтаксис и структуры языка. Есть ли уже полноценные книги или хотя бы толковые наборы уроков и примеров по серверному JavaScript? Можно на английском.

Регулярные выражения, использующие lookbehind, на языке JavaScript. Есть ли готовый код, решающий эту проблему раз и навсегда?

Как известно, на языке JavaScript вам не удастся попросту записать на языке регулярных выражений нечто подобное:someString.replace(/(?<!([abcdef]))gh/, …)

Не удастся потому, что в джаваскрипте нет учёта символов, предшествующих найденному выражению, то есть нет того, что называется «lookbehind assertions» — уж не знаю, есть ли устоявшийся термин для этого кода («(?<!……)») на русском языке.


Естественно, что программисты, использующие JavaScript, выработали целый ряд приёмов, позволяющих обойти этот недостаток. (Вон там перечислены многие такие трюки, например.)


Сейчас меня интересует кое-что другое, однако же. Не было ли в истории открытого кода каких-нибудь попыток окончательно решить эту проблему раз и навсегда — например, портировав библиотеку PCRE на язык JavaScript целиком?


Вопрос может показаться довольно дерзким по своему замаху, я знаю; однако, в конце концов, в истории не раз случались масштабные (и успешные!) попытки портировать или эмулировать на JavaScript то да сё; например, эмулятор Commodore 64 (о котором я упоминал на Хабрахабре прошлой зимою), или реализация многих функций PHP на JavaScript с открытым кодом, и так далее. Вдруг и с PCRE что-то подобноекому-нибудь удалось достигнуть, а я просто не знаю?


Опять же и попытки добавить в JavaScript новые флаги и элементы регулярных выражений также производились — XRegExp, например. Правда, в нём нету lookbehind, к сожалению.

Влияние JavaScript переадресации на поисковых ботов и индексирование сайта?

Есть две страницы с разными url, но содержание на них примерно одно и тоже. На одной активно используется JS+ajax, а другая адаптирована для просмотра пользователей без JavaScript, и для ботов.


Изначально грузится страница для людей без JS (которая для ботов), далее если у пользователя включена поддержка JS, то он перенаправляется средствами JS на другую страницу (адаптированную для активного использования JS).


Вопрос можно ли так делать безболезненно для индексации сайта и не повлияет ли это негативно на выдачу сайта в в поисковых системах?

Использование общего localStorage для поддоменов?

Здравствуйте. Обращаюсь за советом. Стоит задача — не гонять данные через cookies постоянно на сервер, а хранить их в localStorage и иметь к ним доступ через JavaScript.


Проблема в том, что localStorage даёт доступ только для конкретного адреса. То есть для адресов:

sub.domain.ru

sub2.domain.ru


данные будут разные. Есть ли какой-то способ объединить данные?


Пробовал вариант с iframe:

var ifr = document.createElement('iframe');<br/>
ifr.src = 'domain.ru/localstorage.html';<br/>
ifr.name = 'localStorageIframe';<br/>
document.body.appendChild( ifr );<br/>

после чего обращение к данным (и их сохранение) шло через window.frames[«localStorageIframe»].localStorage[«lastseen»]


Но это не дало результата — данные по-прежнему разные для разных поддоменов.


Есть ли у кого мысли, как это реализовать?

Аналог Панорамио — проблема с картой

Задача — выводить на карте свой слой с фотографиями, изменяемый при увеличение или уменьшении карты — очень похоже на то, что делает панарамио.

Вариант использовать через апи маркеры отпадает сам собой.

Уже понятно, что на серверной стороне нужно генерить тайлы 256 на 256 пикселей с превьюшками фоток. Из этого примера стало понятно как эти тайлы накладывать. Но есть главная проблема — как обрабатывать события мыши при взаимодействии с наложенными фотками.

Буду благодарен за любые идеи!

Линии переменной толщины в HTML5 Canvas

Существует ли JS-библиотека, умеющая рисовать по canvas-у линии переменной толщины?

Ну то есть например: в начале толщина 3px, в конце 5px, и чтобы она плавно менялась вдоль всей линии.

Для прямых это, в принципе, реализовать не очень сложно. А вот для кривых Безье решение нетривиально.

javascript replace all

Иногда в исходном коде некоторых библиотек, написанных людьми грамотными, встречается конструкция string.split(find).join(replaceWith);

Чем это лучше обычного replace?

Асинхронная загрузка XML и Google Maps в jQuery

Ситуация: загружаются XML-файл и карты Гугла, чтобы данные из XML на ней отобразить. Делается всё асинхронно, требуется отследить, когда оба запроса выполнены.
Единственный простой способ, который я нашёл — Deferred objects в jQuery.
Пишем
function loadXML() {
return $.ajax({ url: 'data.xml', dataType: 'xml' });
}

Возвращаемый объект засовываем в $.when
$.when( loadXML(), ... ).then(function(){
doSomethind();
});

Проблемы возникают с загрузкой карты. Гугл предлагает следующий код для асинхронной загрузки:
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
document.body.appendChild(script);
}


Хочется знать, когда скрипт будет загружен и произойдёт обращение к initialize(). Первая мысль — запихать в initialize() ручное создание deferred-объекта и возвращать .promise(), но непонятно, что же добавить в $.when, чтобы тот сработал после того, как все методы API карт стали доступны.

Спасибо.

1C события

Здравствуйте, к сожалению, пришлось столкнуться с 1С (:.
Есть textarea (html), подгружается в 1С. Мне надо как-то транслировать события onClick, onBlur,… в 1С и обрабатывать на стороне 1С их скриптами.
Т.е. я могу из 1C через eval подписаться на них, но тогда обработка будет на стороне js и только js-кодом. Возможно ли то, что я хочу?

— Версия последняя 8.2. Я сам просто 1с не знаю, моя задача — js. Но в данном вопросе без знания 1с не обойтись.
У меня есть форма, там есть какое-то поле, для него я определяю onClick:
Procedure ПолеHTMLДокумента1onclick(Control, pEvtObj)
сообщить(test);
EndProcedure
Так вот, мне надо из js вызвать это событие onclick. Т.е. сэмулировать, чтобы на стороне 1с оно обработалось и вывело 'test'.

Как залочить файл в JScript(WSH)?

Хочу блокировать файл с параметрами на время исполнения, чтобы при обращении к нему был отказ в доступе. Пробовал так:

var fso = new ActiveXObject('Scripting.FileSystemObject');
var Lockeds = new ActiveXObject("Scripting.Dictionary");

function LockFile(path) {
    if (!Lockeds.Exists(path)) {
        //открываю указанный файл в режиме добавления содержимого, и не закрываю его
        Lockeds.Add(path, fso.OpenTextFile(path, 8));
    }
}

function UnLockFile(path) {
    if (Lockeds.Exists(path)) {
        //Закрываю файл
        Lockeds.Item(path).Close();
        Lockeds.Remove(path);
    }
}

, но не помогает, к файлу все равно можно получить доступ на чтение.


Цель: исключить возможность одновременно работы более одной копии скрипта.

Делать запись, например, в лог не вариант, т.к. при сбое питания или перезагрузке не будет сделана запись об окончании работы.

Cross Domain XmlHttpRequest

Добрый день, друзья.

Целый день сегодня мучаюсь с вышеозначенной темой. Изначальная задача:
Выполняясь на site.com отправить POST запрос (даже ответ не обязательно получать) на xxx.site.com. В крайнем случае готов ограничиться браузером Google Chrome.

Казалось бы, задача уже не нова, написана куча материалов на тему, но что-то ничего не срабатывает…

Итак, что я уже попробовал:

1. подменить document.domain перед отправкой. Как оказалось, менять с xxx.site.com на site.com можно, а вот обратно — никак...
2. создать iframe с src=«xxx.site.com», а затем внутри него добавить в дом модель тег script, который будет содержать в себе логику по отправлению XmlHttpRequest. И вот этот вариант уже почти-почти сработал, как по непонятным мне причинам xhr.readystatechange вызывается один раз и readyState=1… Код примерно такой:
   

   var iframe = $('<iframe src=«xxx.site.com» style=«display:none;»></iframe>').appendTo(document.body);
     var iDoc = iframe.get(0).contentDocument;
     var script = iDoc.createElement(«script»);
     script.setAttribute(«type», «text/javascript»);
     script.innerHTML =
         «function postIt() {» +
         «var xhr = new XMLHttpRequest();» +
         «xhr.onreadystatechange = function(data) {» +
             «alert(xhr.readyState);» +
         «if (xhr.readyState == 4) {» +
         "    if (xhr.status == 200) {" +
         "     alert(data.toString());" +
         "    } else {" +
         "     alert(xhr.error);" +
         "    }" +
         "}};" +
   
         «var url = \»xxx.site.com\";" +
   
         «var postParams = \»a=1&b=1\"" +
   
         «xhr.open(\»POST\", url, true);" +
         «xhr.setRequestHeader(\»Content-Type\", \«application/x-www-form-urlencoded;\»);" +
         «xhr.send(postParams);» +
       "}" +
   
       «postIt();»;
   
     iDoc.body.appendChild(script);
   
   * This source code was highlighted with Source Code Highlighter.

   
   
3. Также рассмотрел способ с YQL — не подошло
   

Какие есть еще идеи как это побороть?

Сертификация по фронт-энд технологиям?

Всем привет.


Есть возможность получить какие-то дипломы, аттестаты, сертификаты и прочие «корочки» по html\css\js\ проектированию интерфейсов и так далее?

В Украине ничего такого не видел.


Спасибо.

Opera не права? (вызов apply)

Вот в этом примере Opera 11.01 зацикливается, т.е. трейсер никогда не выйдет из цикла. Chrome и Firefox отработали нормально.

У Opera цепочка arguments.callee.caller.caller.caller… всегда указывает на arguments.callee (arguments.callee == arguments.callee.caller). Ссылка на тест

Объясните, может я в чем-то не прав или это баг?

Насколько сейчас актуальна поддержка браузеров без поддержки Javascript

Смотрю статистику сайтов, в частности, долю браузеров с поддержкой javascript. На данный момент, везде цифра колеблется в районе 99,9%. Напрашивается вопрос, насколько вообще в данный момент актуально тратить силы на реализацию дублирующего функционала для работы браузеров без js, если доля таковых на порядок меньше даже доли IE6?

Конечно, я не говорю сейчас о сервисах с милионной посещаемостью, где любая десятая доля – это уже десятки тысяч человек. Вопрос относится скорее к среднестатистическим проектам, где посещаемость 0-5000 человек. Побродив по рунету в режиме отключенного js, встречал где-то 50 на 50 сайты, поддерживающих отключенный js и не поддерживающих.

JS карта с функционалом гуглокарт?

В одном из проектов использовали скрипт карты для того что-бы показать в каких регионах России находятся дилеры компании. Не предусмотрели что этих дилеров может стать очень много, и теперь на многих маленьких клочках карты находится несколько точек, что очень некрасиво:

Поэтому интересует, встречал ли кто-нибудь какое-то подобие гуглокарт на JS — а именно нужна возможность нанесения на карту меток и возможность зума карты.

Apache + nodejs

Добрый день.

Поставил nodejs, сервер прослушивает 8000 порт. Все отлично работает при http запросе к mydomain.ru:8000

Подскажите что нужно сделать чтоб при обращении к nodejs.mydomain.ru запросы сразу (не mod_rewrite) уходили на mydomain.ru:8000

Спасибо.