ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Создание нескольких объектов
13 сообщений из 13, страница 1 из 1
Создание нескольких объектов
    #39143601
Fazatron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Fazatron
Гость
Живое демо https://jsfiddle.net/tc7ehtp9/
Код: html
1.
<div id="echo"></div>


Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
document.addEventListener("click", function(e) {
	var bullet = {
		one: 1,
		two: 'forward',
		html: '<div id="bullet" style="top:'+e.clientY+'px; left:'+e.clientX+'px;"></div>'
	};
	
    document.getElementById('echo').innerHTML = bullet.html;
});


Вопрос: как при каждом клике создавать новый объект а не пересоздавать текущий с новым месторасположением? (все предыдущие созданные объекты остаются на экране)
...
Рейтинг: 0 / 0
08.01.2016, 20:21
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143623
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
.appendChild()

класс .bullet {... }
...
Рейтинг: 0 / 0
08.01.2016, 21:03
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143627
Fazatron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Fazatron
Гость
Сделал так:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
document.addEventListener("click", function(e) {
	var div = document.createElement('div');
	div.idName = 'bullet';
    div.style = 'top:'+e.clientY+'px; left:'+e.clientX+'px;';
    div.innerHTML = '';

	document.body.appendChild(div);
});


Добавляются простые < div >< /div > без id и без стилей, как правильно внутренности div'a прописать?
...
Рейтинг: 0 / 0
08.01.2016, 21:25
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143676
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
Код: javascript
1.
2.
3.
div.className = 'bullet';
div.style.top = e.clientY+'px';
div.style.left = e.clientX+'px';


нужно почитать книгу для начинающих, иначе на каждый чих придётся на форуме вопрос задавать
...
Рейтинг: 0 / 0
08.01.2016, 23:26
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143677
Fazatron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Fazatron
Гость
авториначе на каждый чих придётся на форуме вопрос задавать
Толку-то, ваш ответ не верный, я нашёл правильное решение...
...
Рейтинг: 0 / 0
08.01.2016, 23:28
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143678
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
это такое оригинальное тролление?
...
Рейтинг: 0 / 0
08.01.2016, 23:30
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143734
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
бухалтер фантоцциэто такое оригинальное тролление?я вот тоже третий день уже определиться не могу, троллинг это или инфернальная тупость. склоняюсь ко второму.
...
Рейтинг: 0 / 0
09.01.2016, 11:02
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143739
Gwa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gwa
Участник
Fazatronавториначе на каждый чих придётся на форуме вопрос задавать
Толку-то, ваш ответ не верный, я нашёл правильное решение...
Вам правильно советуют использовать class, а не id
...
Рейтинг: 0 / 0
09.01.2016, 11:16
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143776
Fazatron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Fazatron
Гость
class не кроссбраузерный и для его получения там ещё одну функцию надо наворачивать, говорю сделал всё с id
...
Рейтинг: 0 / 0
09.01.2016, 13:49
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143781
Gwa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gwa
Участник
Fazatronclass не кроссбраузерный и для его получения там ещё одну функцию надо наворачивать, говорю сделал всё с id
Кто Вам сказал такую чушь?
Вы, если уж используете id, хотя бы задавали уникальные id для каждого нового объекта..
...
Рейтинг: 0 / 0
09.01.2016, 14:10
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143804
Фотография Тshаmil
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Тshаmil
Участник
Fazatronclass не кроссбраузерный и для его получения там ещё одну функцию надо наворачивать, говорю сделал всё с id
id это глобальный атрибут который должен быть уникальным для всего документа http://www.w3.org/TR/html-markup/global-attributes.html#common.attrs.id
автор id = ID
A unique identifier for the element.
There must not be multiple elements in a document that have the same id value.

по поводу того что class это не кросбраузерный атрибут, это даже комментировать не буду..

html5 позволяет создавать собственные атрибуты, которые должны начинаться с префикса data-:
http://www.w3.org/html/wg/drafts/html/master/single-page.html#embedding-custom-non-visible-data-with-the-data-*-attributes

очень удобно, потому что вешать на различные элементы, например классы, для того что бы их использовать в качестве селекторов, не правильно с религиозной точки зрения, глупо использовать класс для элементов для которых не собираешься прописывать никаких стилей, например:
Код: html
1.
2.
<div class="someclass"></div>
<span class="someclass"></span>


если ты действительно не собираешься для этих классов прописывать стили, а будешь их использовать только в js в качестве селекторов, то в html5 лучше написать так:
Код: html
1.
2.
<div data-element="some-element"></div>
<span data-element="some-element"></span>



затем в jquery можно получить эти элементы:
Код: javascript
1.
$('[data-element]').each(function(){ ... });


или без js
Код: javascript
1.
document.querySelectorAll('[data-element]')
...
Рейтинг: 0 / 0
09.01.2016, 16:14
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143805
Фотография Тshаmil
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Тshаmil
Участник
пардон, конкретный набор элементов нужно выбирать так:
в jquery:
Код: javascript
1.
$('[data-element="some-element"]').each(function(){ ... });



или без jsjquery
Код: javascript
1.
document.querySelectorAll('[data-element="some-element"]')
...
Рейтинг: 0 / 0
09.01.2016, 16:18
| Ответить | Цитировать | Написать  
Создание нескольких объектов
    #39143835
Fazatron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Fazatron
Гость
авторid это глобальный атрибут который должен быть уникальным для всего документа
Я переделал, теперь они уникальные

авторhtml5 позволяет создавать собственные атрибуты, которые должны начинаться с префикса data-:
Благодарю, почитаю, воспользуюсь. jQuey не интересует...
...
Рейтинг: 0 / 0
09.01.2016, 17:39
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Создание нескольких объектов
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]