Использование функции createElement() в AddSmiles
Участников: 2
:: Наша Смотришка :: АнтиГлюки :: Таблетки
Страница 1 из 1
Использование функции createElement() в AddSmiles
Привет всем!
Где можно найти описание функции createElement()?
Особенно интересует 3 аргумент.
Где можно найти описание функции createElement()?
Особенно интересует 3 аргумент.
Интоксикация мозга- Сообщения : 2
Дата регистрации : 2013-01-27
Re: Использование функции createElement() в AddSmiles
Привет!
Описание функции вы ни где не найдёте, так как функция самописная, она удобна в тех случаях когда необходимо создание множества элементов DOM на странице, с присвоением различных атрибутов. Так как использование родных для Javascript методов createElement и setAttribute, влечёт за собой множество строк лишнего текста.
Код самой функции:
Как видим сердцем функции является родной метод Javascript: createElement("{Тег}")
параметры
1) pr - id родительского элемента, внутри которого помещается создаваемый нами
2) name - тип элемента a, div,table...
3) attrs - атрибуты элемента, любые, применяемые к данному элементу html (выравнивание, класс, айди, события и т.д. кроме стилей css их помещаем в следующий атрибут ). Прописываем их в блоке {} через запятую, ключ и значение заключаем в кавычки, разделитель между ключём и значением символ двоеточие ":" пример:
setAttribute("{Имя атрибута}", "{Значение атрибута}"[, 0|1])
4) style - стиль css элемента , использование подобно предыдущему атрибуту, также в блоке задаются значения, стилей CSS доступных для данного элемента. Пример:
Пример использования функции:
Описание функции вы ни где не найдёте, так как функция самописная, она удобна в тех случаях когда необходимо создание множества элементов DOM на странице, с присвоением различных атрибутов. Так как использование родных для Javascript методов createElement и setAttribute, влечёт за собой множество строк лишнего текста.
Код самой функции:
- Код:
function createElement(pr,name, attrs, style) { var parent = document.getElementById(pr); var elem = document.createElement(name); if (attrs) { for (key in attrs) {
if (key == 'class') { elem.className = attrs[key]; } else if (key == 'id') { elem.id = attrs[key]; } else { elem.setAttribute(key, attrs[key]); }}} if (style) { for (key in style) {elem.style[key] = style[key];}} parent.appendChild(elem);}
Как видим сердцем функции является родной метод Javascript: createElement("{Тег}")
параметры
1) pr - id родительского элемента, внутри которого помещается создаваемый нами
2) name - тип элемента a, div,table...
3) attrs - атрибуты элемента, любые, применяемые к данному элементу html (выравнивание, класс, айди, события и т.д. кроме стилей css их помещаем в следующий атрибут ). Прописываем их в блоке {} через запятую, ключ и значение заключаем в кавычки, разделитель между ключём и значением символ двоеточие ":" пример:
- Код:
{'class': 'myPanelForSmile', 'id': 'myPanelIdn','align':'center', 'onclick': "insert_smile('chat_text', ':( ', 'smiles_popup'); return false;"}
setAttribute("{Имя атрибута}", "{Значение атрибута}"[, 0|1])
4) style - стиль css элемента , использование подобно предыдущему атрибуту, также в блоке задаются значения, стилей CSS доступных для данного элемента. Пример:
- Код:
{'width': '390px', 'height': '30px'}
Пример использования функции:
- Код:
createElement('BroChatSmiles','div', {'class': 'myPanelForMsg', 'id': 'MsgPanelId','align':'left'}, {'width': '300px', 'height': '40px'});
*CRAZY**BRAVO*- Сообщения : 28
Дата регистрации : 2012-03-13
Возраст : 77
:: Наша Смотришка :: АнтиГлюки :: Таблетки
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения