Octane
-
Posts
20 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Octane
-
С чего вы взяли? Есть баг, с тем что getElementById может вернуть элемент с name вместо id, но getElementsByName никуда не делся.
-
Ну одноразовый экспрешион не намного сложнее делается: div{ float:left; background:#f00; min-width:300px; padding:0 5px; abrakadabra: expression(style.width = offsetWidth - 10 <= 300 ? '300px' : 'auto'); } this можно не писать
-
Помогите разобраться с навешиванием слушателей.
Octane replied to Great Rash's question in JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script type="text/javascript"> window.onload = function() { document.getElementById("test").onmouseover = function(event) { event = event || window.event; var target = event.target || event.srcElement; if(target.tagName == "TD") { document.getElementById("tooltip").innerHTML = target.innerHTML; } }; }; </script> </head> <body> <div id="tooltip">~</div> <table id="test"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> <tr> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> </tr> </table> </body> </html> Ну а позиционирование tooltip уж сами сделаете. -
Помогите разобраться с навешиванием слушателей.
Octane replied to Great Rash's question in JavaScript
Зачем столько listener'ов? Повесьте один на table и пользуйтесь всплыванием событий, получая нужный элемент из свойства target/srcElement объекта событие. -
offline explorer'ом сохрани в chm, раз так нужно
-
Нужен <tbody>, а вообще для таблиц в DOM предусмотрены специальные методы.
-
TonKhaO, раз вас волнуют такие вещи и вы стремитесь сделать свой код лучше, почему бы сначала не заняться изучением JavaScript, а потом уже браться за JavaScript-фреймворки? С пониманием всего того, что происходит внутри фреймворка, кодить будет значительно приятнее, а главное эффективнее.
-
Правильно
-
Значение по умолчанию для свойства value — пустая строка: alert(typeof document.createElement("input").value); // string В jQuery есть еще специальный метод val: $(…).val(""); А в вашем примере можно сделать еще проще: this.value = ""; В JavaScript для удаления свойств объектов есть оператор delete, но удаление таким способом свойства value DOM-элемента ни к чему не приводит: var node = document.createElement("input"); node.value = "O_o"; delete node.value; alert(node.value); // O_o А еще важно понимать разницу между свойствами и атрибутами, чтобы знать, почему ничего не произойдет в следующем примере, если пользователь уже что-то написал в поле ввода: this.removeAttribute("value"); Вот а jQuery скрывает от вас столько всего интересного)))
-
У ссылок есть атрибут rel.
-
А еще можно воспользоваться «всплыванием» событий: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <form action=""> <fieldset> <div id="links"> <a href="#" rel="1">Ссылка 1</a> <a href="#" rel="2">Ссылка 2</a> <a href="#" rel="3">Ссылка 3</a> <a href="#" rel="4">Ссылка 4</a> <a href="#" rel="5">Ссылка 5</a> <a href="#" rel="6">Ссылка 6</a> </div> <div> <input id="send_value" type="text" /> </div> </fieldset> </form> <script type="text/javascript"> (function() { var send_value = document.getElementById("send_value"); document.getElementById("links").onclick = function(e) { e = e || window.event; var target = e.target || e.srcElement; if(target.tagName == "A") { send_value.value = target.rel; return false; } }; }()); </script> </body> </html>Пользовательские атрибуты в HTML, если не нравится атрибут rel.
-
Да? А еще в школе учат, что проценты относительные единицы и правило пропорции: общее_число_сайтов/100=число_сайтов_использующих_микроформаты/x отсюда x — процент сайтов, использующих микроформаты: x=число_сайтов_использующих_микроформаты*100/общее_число_сайтов А не просто какую-то цифру разделить на 100…
-
Не увидел там цифр, просто сравнительный график использования возможных значений атрибута rel, разве можно по этому судить о общем применении микроформатов? Что за магический делитель?
-
У вас есть какая-то статистика, чтобы говорить о аудитории пользователей, как о «наборе гиков», которые не заслуживают внимания и ради них одних не стоит заморачиваться с микроформатами ни в одном из проектов?
-
Я же не один этим пользуюсь. Небольшой опыт использования одного человека, серьезный аргумент в пользу отказа от использования технологии? Люди много без чего обходятся… Они поэтому и называются микроформаты, что существуют внутри формата (X)HTML, в котором нет атрибутов coding и css.Вот еще интересное применение hAtom Microformat and the WebSlice format
-
В адресной книге на компьютере ни одного, но несколько раз экспортировал такие визитные карточки с помощью Tails Export в формат vCard (vcf-файл), чтобы сбросить на телефон. А для каких других целей она задумывалась? Хорошо, в случае сайтом компании можно бы было обойтись указанием координат где-нибудь в настройках для веб-мастеров в панели управления гугл, но а как же возможность указать место проведения какой-либо встречи или мероприятия прямо в тексте, указать место, где были сделаны выложенные в блог фотографии, разве неудобно потом, воспользовавшись тем же Operator для Firefox, открыть это место в картах гугла, или где по вашему должна храниться такая информация?
-
Что тут не ясного в технологии? Не ясно, зачем нужна визитная карточка на сайте, которую одним кликом можно добавить в свою адресную книгу? Не ясно, зачем указывать свои координаты, не понравился пример использования этих координат гуглом? Не ясно, зачем указывать nofollow для ссылок? Про контроль и спецслужбы вообще параноидальный бред… если выложил какие-то данные в паблик, значит я не боюсь, что их кто-то узнает.
-
Ну вы за всех не говорите :-) множество разработчиков в своих проектах применяют микроформаты.hCard (визитные карточки на сайтах) <div class="vcard"> <div class="fn n"><span class="given-name">Имя</span><span class="family-name">Фамилия</span></div> <div class="title">Должность/профессия</div> <div class="tel">Тел: <span class="cell">+7-xxx-xxxxxxx</span></div> <div>Email: <a class="email" href="…">…</a></div> </div>Примеры: pepelsbey.net, softwaremaniacs.org и множество других. Geo-микроформат <meta name="geo.region" content="RU-VGG" /> <meta name="geo.placename" content="город Волгоград" /> <meta name="geo.position" content="48.71808;44.50464" /> <meta name="ICBM" content="48.71808, 44.50464" />Используется, например, Google: Даже <a href="…" rel="nofollow">…</a>это тоже пример использования микроформата. Есть и другие неменее полезные виды микроформатов. В фаерфокс для работы с микроформатами есть плагины Tails Export и Operator.
-
http://dean.edwards.name/packer/ http://yui.2clics.net/ http://javascript.ru/minify
-
Drag and drop
-
Подгрузка скрипта в зависимости от разрешения монитора.
Octane replied to 2_k's question in JavaScript
Какой кошмар Где вы видели, чтобы так скрипты подключались вообще? -
Mail.ru Agent, WebMoney Keeper Classic, Skype, Microsoft.NET Framework Assistant и множество других программ дописывают в строку userAgent свои идентификаторы. А так же некоторые фаерволы сокращают userAgent до минимума Mozilla/4.0 (compatible;).
-
Юзерагент может менять не только сам пользователи, но и программы, устанавливаемые на компьютер. А про ограничение в 260 символов в IE7 слышали?
-
В JavaScript распространена практика Object detection и определение браузера по наличию специфичных объектов не является дурным примером.
-
И где же такая функция для определения браузера? Тем более поиск по строке navigator.userAgent ненадежен. Значит разработчики Opera, добавив специальный объект для идентификации браузера, сделали что-то не то? Почему navigator.product тоже самое, но все равно это не то?