Octane
-
Posts
20 -
Joined
-
Last visited
Octane's Achievements
Explorer (1/14)
0
Reputation
-
С чего вы взяли? Есть баг, с тем что 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