Регайтесь под своим ником и укажите ссылку на профиль в аккаунте

Join the forum, it's quick and easy

Регайтесь под своим ником и укажите ссылку на профиль в аккаунте
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.
Онлайн радио #radiobells_script_hash
Вход

Забыли пароль?

Новости Украины

Использование функции createElement() в AddSmiles

Участников: 2

Перейти вниз

Использование функции createElement() в AddSmiles Empty Использование функции createElement() в AddSmiles

Сообщение автор Интоксикация мозга Вс Янв 27, 2013 6:15 pm

Привет всем!
Где можно найти описание функции createElement()?
Особенно интересует 3 аргумент.

Интоксикация мозга

Сообщения : 2
Дата регистрации : 2013-01-27

Вернуться к началу Перейти вниз

Использование функции createElement() в AddSmiles Empty Re: Использование функции createElement() в AddSmiles

Сообщение автор *CRAZY**BRAVO* Вт Янв 29, 2013 3:55 am

Привет!

Описание функции вы ни где не найдёте, так как функция самописная, она удобна в тех случаях когда необходимо создание множества элементов 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'}
Устанавливается через методы одноимённого объекта style.

Пример использования функции:
Код:
createElement('BroChatSmiles','div', {'class': 'myPanelForMsg', 'id': 'MsgPanelId','align':'left'}, {'width': '300px',  'height': '40px'});



*CRAZY**BRAVO*
*CRAZY**BRAVO*

Сообщения : 28
Дата регистрации : 2012-03-13
Возраст : 77

Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения