Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Небольшой скрипт (https://javascript.ru/forum/misc/50326-nebolshojj-skript.html)

dvd2444 21.09.2014 21:38

Небольшой скрипт
 
Только начал изучать, ява скрипт, необходимо написать небольшой скрип.
Суть его заключается в том что на станице сайта будет окно в которое я перетаскиваю какие либо объекты(точка, круг, не важно) а поле их позиционирования записывались их координаты по х у, что для этого мне необходимо(ответ выучить ява скрипт не принимается я сам понимаю что надо, но нужно хотя бы направление выбрать для выполнения этой задачи)

skrudjmakdak 22.09.2014 08:24

есть задачи для разного уровня. например как в математике: не знаешь умножения, не поймешь и возведение в степень, не знаешь сложение не поймешь и умножения. так и здесь. давайте начнем с основ, вы знайте основы, а именно:
переменные, условия, циклы, массивы, функции.??
http://learn.javascript.ru/first-steps

также вам надо уметь работать с отладкой. пусть не полностью но частично вы должны уметь сами находить ошибки в своем коде:
http://learn.javascript.ru/debugging-chrome

далее вам надо уметь взаимодействовать js с вашим html, т.е. уметь находить нужные теги, присваивать события
http://learn.javascript.ru/searching-elements-dom - поиск html тегов
http://learn.javascript.ru/events-and-interfaces - глава про события, там много всего, начните хотя бы с основ. click, mouseover, mouseout, ...
ну и сама рисовалка - это канвас. это так сказать новое изобретение для веб-разработчиков, поэтому инфы на русском по ней мало, но найти все же можно:
http://habrahabr.ru/post/111308/ - на хабре есть статья

kostyanet 22.09.2014 08:57

Нет в html никаких полей позиционирования. html это текст. Попробуйте в Ворде положить в середину листа фотку - оно самое. Абсолютное позиционирование имеется, но оно такое же относительное как и все остальное в html.

Второе. Вместо того чтобы задавать вопросы в формате ответов на вопросы как сделать какую-то шнягу - задавайте вопросы в формате вопроса как сделать какую-то шнягу.

Ну откуда вы вообще знаете что надо что-то куда-то перетаскивать и какие-то там поля позиционирования куда-то запоминать? Это вы сами придумали? Так вы же не знаете языка программирования. Следовательно все что вы придумали - ничтожно. Рассказывайте что задумали.

skrudjmakdak 22.09.2014 12:50

Цитата:

Сообщение от kostyanet (Сообщение 331689)
Нет в html никаких полей позиционирования. html это текст.

текст который можно позиционировать:
http://ru.html.net/tutorials/css/lesson14.php

Цитата:

Сообщение от kostyanet (Сообщение 331689)
задавайте вопросы в формате вопроса как сделать какую-то шнягу.

был задан конкретный вопрос. как сделать ...

Цитата:

Сообщение от kostyanet (Сообщение 331689)
Ну откуда вы вообще знаете что надо что-то куда-то перетаскивать и какие-то там поля позиционирования куда-то запоминать? Это вы сами придумали? Так вы же не знаете языка программирования. Следовательно все что вы придумали - ничтожно. Рассказывайте что задумали.

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

kostyanet 23.09.2014 11:18

Это за какой 90-й год чудесный туториал? Особенно впечатляет грамотность автора:

Цитата:

Элемент, позиционированный абсолютно, не получает никакого пространства к документе. Это означает, что после позиционирования он не оставляет после себя пустое пространство.

Корабли позиционировали-позиционировали да не выпозиционировали.

Еще раз, нас не учили излагать, поэтому мы не излагаем, а ждем допроса. Это национальная технология. Забуриться со своим тупейшим вариантом и ждать когда начнется допрос в формате а это вам зачем? Как будто нельзя без вариантов задать вопрос как такое вообще делается. Скорее всего оно уже сделано и надо только либу найти.

Например kinetics на канвасе. http://kineticjs.com/

PS С полпоста было понятно что нужен канвас, а не хтмл - иначе о каких кружочках вообще базар, но осилить канвас самостоятельно с нуля в js - это фантастика.

kostyanet 23.09.2014 11:30

А, да, насчет цитаты. Вот как формулируется

Цитата:

In the absolute positioning model, a box is removed from the normal flow
Это про пространство. html это текст, текст это поток, поток это flow.


Цитата:

The thing to remember here is that the values you set for the top, right, bottom and left properties specify the distances from the element’s edges to their corresponding containing block edges. It’s not like in a co-ordinate system where each value is relative to one point of origin. For instance, right:2em means that the right edge of the absolutely positioned box will be 2em from the right edge of the containing block.
Следовательно какой он в ж абсолютный? Ну, пока на паге ничего нет - то относительно body с 0 в полях - похоже. Но как вы сделаете так, чтобы все абсолютные были в теле?

Ссылку забыл, кошерная http://www.w3.org/wiki/CSS_absolute_...ed_positioning


Часовой пояс GMT +3, время: 15:03.