Проверите новичка в програмировании
 

Начал изучать HTML в сентябре прошлого года, со специалистами ещё не
общался. Хотел бы чтобы посмотрели мои пробные страницы с скриптом.
Вдохновляет внучка. Хочется делать что нибудь для детей.
Предлагаю обсудить мои три страницы. На первой странице ёжик вращает головой. Вращалку не обсуждать это взял готовый код Джери.
Вторая и третья полностью моё. Пользуюсь только блокнотом и должны легко вмести со скриптом сохранится на ваших компьютерах.
На последней пазлы из страниц мультфильмов, сейчас там 14 мультов.
Считаю что увеличивая библиотеку мне не придётся трогать коды. Только
добавлять папки с рисунками и ссылками.
1.http://kaz1954xxc22.ucoz.ru/naste/nastenke.html
2.http://kaz1954xxc22.ucoz.ru/moi_js/sirA.html
3.http://kaz1954xxc22.ucoz.ru/prov/pazl_mylt.html

clecar,
Нун ток вначале показать фильм по сборке Демки, дабы не писать кучу пояснений ибо пока привыкнешь к свойствам и реакции движка перемещений - убивает половину времени по скорости сборки,
я про http://kaz1954xxc22.ucoz.ru/prov/pazl_mylt.html

Да просто надо объяснение будет изначально написать всё работает по клику левой кнопки мыши подцепляется к курсору и так же отцепляется, меняет форму как во второй. А фильм для такой мелочи? Спасибо за комментарий! Меня интересует правильность моего подхода в написании скрипта.

В таких инрушках, по перетаскиванию частей, обычно перетаскиваемая часть меняется местами с заменяемой частью...
А у тебя они оказываются в одной клетке... :(

Лучше использовать именно "перетаскивание", дети это нормально понимают, нежели клик и последующее перемещение...

А у меня с перетаскиванием проблема, не получается. Может подскажите как это делать. Браузер Комета Винд. 7 onmousedown, как будто занято.Обработка не получается. Во флешь нормально.
А насчёт замены не понял, зачем? И с чем менять, в файле HTML даже адрес ложный.

Так по ссылке смотри - там все расписано. ;)

Вот я тащу голову лисы к ее телу, а там уже есть голова свиньи... Голову лисы ставлю, а голова свиньи там же остается.
А могла бы сама переместиться в свободную ячейку. ;)

Лучше использовать именно "перетаскивание", дети это нормально понимают, нежели клик и последующее перемещение...

Да до Drag я ущё не дорос. Прошёл по ссылке "перетаскивание", в демо версии у меня всё работает, буду изучать.

KSA Спасибо, с головами тоже переделаю.:)

Да как мне повезло, что я не знал этого ДРАГА. Вроде перетаскивание то работает, мои обработчики событий тоже. А jQuery, ЧТО конфликтует с этим ДРАГОМ. Никак не получается вращалка. Да и вообще впечатление что в статье переписана просто программа браузера и как то отключает его реакцию на перетаскивание. Это вроде не должно быть так громоздко.
А как найти не могу. Может подскажите. Прошу извинить старика в падающего в детство в 60 пет вздумал изучать программирование.

Извиняюсь ошибка была у меня, за вращалось так даже ещё и забавней не за картинками а за мышкой теперь ёжик следит.

Преодолел следующую ступеньку, научился или почти научился перетаскивать. Мусору ещё полно но кое что уже прорисовалось. Спасибо автору статьи Drag and drob
http://kaz1954xxc22.ucoz.ru/naste/nsdron/nasted.html
Это моя неочищенная работа, зато не по клику а нажиму.

http://kaz1954xxc22.ucoz.ru/raskraska/raskraska.html
Вот такая у меня проблема начал делать раскраску с помощью библиотеки Raphae и всё бы неплохо осталось только дизайн страницы и заполнить библиотеку из загадок раскрасок. Но обнаружил что страница то не сохраняется и при необходимости промежуточный результат раскраски не сохранить. Может это как то решаемо.

Если нет сервера и расспознавания пользователя, остаются только:
- локальное хранилище
- куки

О, они еще и мяукают и рычат :D
Можно еще упростить задачу, сделать перетаскивание на кратное число пикселей. Чтоб картинки сразу точно вставали =)

Конечно нужно. :yes:

Игра с картинками. На экран можно загрузить, любое количество картинок с вашего компьютера любых форматов включая гиф анимацию. Таскать их, устанавливать стиль, слой, поворачивать, менять размер. Можно сохранить на свой компьютер на любой стадии. Сделал пользуясь только блокнотом. Вес около 120 килобайт
http://kaz1954xxc22.ucoz.ru/IGRA/sirA.html

http://kaz1954xxc22.ucoz.ru/IGRA/1/kartinkia.html
Продолжаю играть с картинками.

<html>
<head>
<title>vr</title><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<script>function вращай() {var ф=document.all;
var n=ф.zs.innerHTML;(ф.zs.innerHTML)++;
if ((ф.zs.innerHTML)==360){ (ф.zs.innerHTML)=0;}
ф.v2.style.WebkitTransform="rotate("+n+"deg)";
ф.v2.style.MozTransform="rotate("+n+"deg)";
ф.v3.src=ф.v2.src;ф.v3.style.WebkitTransform="r otate("+(-n)+"deg)";
ф.v3.src=ф.v2.src;ф.v3.style.MozTransform="rota te("+(-n)+"deg)";
}</script>
</head>
<body onload="document.onmousemove=вращай";>
<img id="v2" src="2.jpg" style="position:absolute; top:200; left:200;z-index:1";/>
<img id="v3" src="" style="position:absolute; top:200; left:300;z-index:1";/>
<lox id="zs">0</lox>
</body>
</html>
Вопрос в таком духе если писать код, работает только на моём компе?

Пробелы в rotate уберите. непонятно как они туда попали?

http://learn.javascript.ru/play/7YJEX
Опробовал в песочнице. Поднесите курсор к картинке.

http://kaz1954xxc22.ucoz.ru/IGRA/23/kartinkia.html
эта страница вероятно работает только в хроме. Кризис проект не прорисовывается.

После летнего отдыха на природе, сел к компьютеру. Решился купить домен. Пока сложил так. Что посоветуете? http://clecar.ru/

купить домен *созвучный* тематике сайта.:)

Сайта как такового ещё нет. Мне в этом году исполняется 61 год образования особого нет Школа 10 классов и ДОСАФ водитель. Увлечение HTML и ява скрипт от безделья. Clecar мой логин на многих форумах на многих сайтах. clecar.ru уже мой домен, умереть всегда успеем что посоветуете?

Да не, если это игрушка, и так сойдет. А вообще, обычно названия подбираются в соответствии с тематикой, чтобы пользователь мог запомнить названия. Для вашего, что-нибудь типа funny-games.ru, нпр.