iTEYE

Dynamic scripts loading

Sometimes there is a situation when you need to load a javascript file in an already loaded page. To do this, there is one good solution.

2014 Апрель 14 | notes • DOM, html, javascript, jquery

Как удалить узел (node) HTML DOM, зная его id

Удалить элемент DOM на чистом JavaScript не сложнее, чем при помощи jQuery. Однако есть особенность такого удаления узлов HTML.
Мы будем использовать две функции для работы с узлами, а так же постараемся представить структуру в виде дерева объектной модели документа (DOM).

2012 Декабрь 2 | notes,technology • DOM, html, javascript

JavaScript Form submit

Возникла проблема с сабмитом формы. Js не хотел сабмитить ее никак.

Решение в моем случае оказалось простое: я дал кнопке имя submit чего категорически делать нельзя, т.к. в этом счучае js обращается к кнопке и пытается сделать ей submit а никак не форме.

2010 Апрель 1 | technology • form, html, javascript, ошибки

Генератор HTML+CSS шаблонов

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

На выходе получаем валидный html шаблон который отлично себя ведет.

Спасибо Дмитрию Лялину обновил генератор HTML+CSS шаблонов.

Для быстрого старта нового проекта — самое оно.

Смотреть тут >> csstool.ru

2009 Июнь 30 | technology • css, html, онлайн

hover любых элементов

Whatever:hover

Самые современные браузеры поддерживают :hover селектор для любого элемента html. Это клево, потому что это позволяет Вам применить эффект mouseover к строкам таблицы используя только CSS. IE откровенно лажает с :hover, в лучшем случае если стоит 7 версия, но в большенстве случаев стоит 6.

Whatever:hover — маленький скрипт, который автоматически исправляет :hover :active и :focus для IE6, IE7 и причуд IE8. Версия 3 вводит поддержку ajax, это значит, что любой html, который вставлен в документ через javascript, также имеет вызовы :hover :active и стили :focus в IE.

2009 Январь 14 | technology • cross-browser, css, hover, html, верстка

Мощный PNGfix

Позволяет использовать полупрозрачность PNG в IE6

Умеет работать с: background-image и img

background-position и background-repeat.
Не нужен прозрачный gif для <img/>.
Не используется AlphaImageLoader (используется VML) = нет проблем с z-index.
Нормально работает element.style в JavaScript.
Нормально работает :hover.

Текущая версия: 0.0.6a
Автор: Drew Diller
Распространяется под лицензией MIT

Пример: DD_belatedPNG.fix(‘.png_bg’); // argument is a CSS selector

Скачать сжатую версию: dd_belatedpng_006a-min (4.6 Kb)
Скачать НЕсжатую версию: dd_belatedpng_006a (9.2 Kb)

2008 Декабрь 17 | technology • css, html, png, pngfix, верстка, заметки

Окна призраки

Полезный пример открытия нового окна при закрытии основного.

<body onUnLoad="win()">
<script>
function win(){
var w=760
var h=400
var wc=(screen.availWidth-w)/2
var hc=(screen.availHeight-h)/2
var wi=window.open("about:blank","","top=500,left=500,
toolbar=no,location=no, resizable=no,status=no,
scrollbars=no,resize=no,menubar=no,width="+w+",
height="+h+"");
wi.blur();
wi.moveTo(wc,hc);
}
</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

function win(){

var w=760

var h=400

var wc=(screen.availWidth-w)/2

var hc=(screen.availHeight-h)/2

var wi=window.open("about:blank","","top=500,left=500,

toolbar=no,location=no, resizable=no,status=no,

scrollbars=no,resize=no,menubar=no,width="+w+",

height="+h+"");

wi.blur();

wi.moveTo(wc,hc);

}

</script>

2008 Декабрь 17 | technology • html, javascript

Ссылки на Skype и ICQ

Ссылка на номер icq. Сыылка на skype… А кк их правильно оформить для того, чтобы их понимал браузер? И для чего?

Можно напримен для саппорта фирмы или для консультирования на сайтах инет-магазинах
Я задумался как бы это сделать правильно и решил поgooglить.

2008 Октябрь 4 | technology • html, icq, IM, мессанджер, ссылки

На заметку, CHM 2 HTML

Надоело уже искать в Интернете, а периодически необходимо конвертировать CHM файлы в тот же HTML. Несмотря на огромное количество программ, есть достаточно простой и удобных способ. Просто воспользоваться, входящей в состав Windows, утилитой HH. Пример использования (пишем в командной строке, вызывается: Пуск->Выполнить …):

hh -decompile ПапкаДляРаспаковки Ваш.chm

1	hh -decompile ПапкаДляРаспаковки Ваш.chm

За подсказку спасибо Силентию, взято тут.

2008 Сентябрь 15 | technology • chm, html, Windows, конвертация

lightbox, или как сделать красиво

Нашел довольно интересную таблицу, но не просто таблицу, а логическую выборку по свойствам клонов lightBox. Самое интересное, что собрано достаточно много модификаций (41). Помим сего можно фильтровать как по используемым библиотекам (Jquery, Prototype, Mootools, YUI, и другие), так и свойствам. Например можно выбрать те, кто может красиво показать нам flash или html контент, или кто может группировать картинки в сеты.

2008 Июль 28 | technology • html, jquery, lightbox, Mootools, Prototype, YUI

Tag: Html