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

Результаты :
 


Rechercher Расширенный поиск

Последние темы
Декабрь 2017
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031

Календарь Календарь

Вход

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


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

Предыдущая тема Следующая тема Перейти вниз

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

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

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

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

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

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

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

Сообщение автор *CRAZY**BRAVO* в Пн Янв 28, 2013 5:55 pm

Привет!

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



avatar
*CRAZY**BRAVO*

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

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

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

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