» вопросы по javascript

Aladdinych

Цитата:

Примеры есть какие-нибудь?

http://updates.html5rocks.com/2012/07/Drag-and-drop-a-folder-onto-Chrome-now-available

А на JQuery нет подобных решений?

Aladdinych

Цитата:

А на JQuery нет подобных решений?

jQuery то тут при чем ? здесь ограчения изначально заложенные в js.
они немного сняты в HTML5 или нужно работать с flash/java, о чем и писал ранее.

ну вот есть реализация http://blueimp.github.io/jQuery-File-Upload/
но для drap & drop нужен HTML5

А чем ограничивается применение HTML5?

Добавлено:
Спасибо за примеры

Добавлено:
Еще вопрос
А возможно ли такое на javascript:
буксировать на странице объект, находящийся на div ложить в новое месть и возвратить в javascript координаты нового положения объекта.

Цитата:

А чем ограничивается применение HTML5?

Ограничивается реализацией его поддержки в браузере.
HTML5 ещё не принят окончательно W3С поэтому все браузеры его поддерживают на свой вкус.

Если речь идёт о браузерах: FireFox, Chrome последних версий, то всё в порядке, если речь о IE то там могут быть проблемы.

Вот здесь можно глянуть:
http://html5test.com/results/desktop.html

напомните пожалуйста по наследованию

function qwe(){}

на что ссылается qwe.prototype === ?

Цитата:

на что ссылается

объект

сделайте
alert(typeof qwe.prototype)

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

Добавлено:
я пробовал так:
myimage=new Image();
myimage.src='file://d|/work/im.jpg';
не работает почему-то.

Aladdinych

Цитата:

не работает почему-то.

потому что это только подгружает картинки, без отображения
вам нужно создать img тег и указать путь в src

В принципе разобрался с этим вопросом...
Но возникла другая проблема
Отправляю на сервер Ajax запросом объект, внутри которого есть в том числе серия изображений в base64 кодировке. С помощью toJSON формирую строку и отправляю ее на сервер. Проблема в том, что если изображений 1-2 то все работает, а если больше то отправки данных не происходит. По-видимому есть ограничение на объем передаваемых данных. Т.е. не любой объект таким образом можно передать. Как можно передать объект по частям или может есть какой-то другой выход подскажите плз

Aladdinych
POST или GET?
используйте POST

POST

Aladdinych

Цитата:

POST

тогда смотрите размер и логи обмена информацией с сервером.
а заодно лог ошибок сервера

а где их можно увидеть?


Добавлено:
я с denwer работаю


Добавлено:
В data ajax на клиенте передается строка нормальной длины.
А на сервере POST выдает уже строку 0 длины.
При этом ajax возвращает success

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

на сервере ошибок нет

Aladdinych

Цитата:

А на сервере POST выдает уже строку 0 длины.

F12 в браузере и смотрите сетевой обмен - что и как отсылается.
на размер POST можно наложить ограничения
в php есть директива post_max_size (смотрите вывод phpinfo() ), аналогично можно ограничить и настройками сервера.

вот мои окошки http://www.flink.bplaced.net/ppos/

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

как лучше сделать?
1. посадить в Layer transparent и эффектом(не знаю будет ли работать такой вариант)
2. масштабировать с малого круга

Добавлено:
да и хотелось бы falback для баузеров не поддерживающих html5

vs6262

Цитата:

да и хотелось бы falback для баузеров не поддерживающих html5

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

http://jsfiddle.net/Y3v28/

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

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

PS: как falback естественно будет все без радиусов.

Как можно с помощью js создать изображение примерно 88х33 с определённым фоном, и наложить текст с определённым шрифтом и цветом?

vs6262

Цитата:

а если их с нуля опять сделать, то как лучше сделать ?

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

Sutar

Цитата:

с определённым фоном, и наложить текст с определённым шрифтом и цветом?

создать div с фоном, поверх расположить текст.

или использовать canvas

нужна помошь вот по такому скрипту
http://jsfiddle.net/BmAL7/
подробнее...

Код:
var mapbody = window.frames['hiddenDownloader'].document.body.innerHTML;
//document.getElementById('hiddenDownloader').contentWindow.document.body.innerHTML;
//document.getElementById('hiddenDownloader').contentDocument.body.innerHTML;

L_S_V
ну.. вы не можете "залезть" в iframe с чужого домена.

Цитата:

желательно то что есть с iframe, т.к. xhr не работает в opera mini

боюсь, что для этого вам придется своим серверным скриптом получать эти данные, а не через js/

А если во таким способом, то всегда вызывается xhr.onerror после запроса, но в Java Console для Firefox вижу что ответ по запросу json'а "200 ОК". И соответственно парсеру нечего парсить.

Код:
var xhr =new XMLHttpRequest();
var mapjson=0;
xhr.open("GET","http://www.nfl.com/liveupdate/scorestrip/ss.json",true);
xhr.onerror = function() {
// mapjson = JSON.parse(this.response);
mapjson = JSON.parse(xhr.responseText);
}
xhr.send();

L_S_V

Цитата:

да, и в подобном запросе я сразу должен получить формат json, без html?

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

а для json тоже нужна поддержка со стороны сервера, откуда качаете
почитайте о Access-Control-Allow-Origin
https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS

я же говорю - вам остается только своим сервером иногда забирать эти данные и выдавать уже от себя

xhr заработал на хендлер через invocation.onreadystatechange
но выдает вот такое если json-данные скачиваются с локалхоста(откуда все остальное)


Код: SyntaxError: JSON.parse: unexpected end of data @ http://127.0.0.1/....

L_S_V

Цитата:

xhr заработал на хендлер через invocation.onreadystatechange

пример покажите - проверяли в других браузерах?


Цитата:

А зачем ему поддержка на сервере?

нет.. jsonp говорит серверу, какую функцию вызвать после загрузки json объекта.
и он вставляет его в возвращаемый код.


Цитата:

но выдает вот такое если json-данные скачиваются с локалхоста(откуда все остальное)

заголовки правильные выдаете?
тип контента должен быть
Цитата:

application/json

, иначе не всякий браузер "согласится" его обработать.

вроде работает вот так, на json.parse ошибки нет

Код:
var mapjson;
function reqListener () {
//console.log(this.responseText);
mapjson = JSON.parse(this.responseText);
};

var oReq = new XMLHttpRequest();
oReq.onload = reqListener;
oReq.open("get", "http://127.0.0.1/address.json", true);
oReq.send();

L_S_V

Цитата:

TypeError: mapjson is undefined

потому что не так надо делать, посмотрите http://mathiasbynens.be/notes/xhr-responsetype-json


Цитата:

и как это исптакоеравить пока не ясно.

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

если ваша страница с кодом и json файл находятся в одном домене, то это делать не нужно.

Подскажите еще по установке дины iframe.
У меня есть вот такая функция которая работает для всех браузеров кроме тех которые запущены на iPad.
Я её вызвваю по onload в iframe.
На iPad я не вижу ни одного столбца, в том числе и соседние(они без colspan).

Код:
function changeHeight(iframe) {
try {
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;
if (innerDoc.body.offsetHeight) //ns6 syntax
{
iframe.height = innerDoc.body.offsetHeight + innerDoc.body.scrollHeight; //+ 60; //32; //Extra height FireFox
}
else if (iframe.Document && iframe.Document.body.scrollHeight) //ie5+ syntax
{
iframe.height = iframe.Document.body.scrollHeight;
}
}
catch(err)
{
alert(err.message);
}
}