<form action="some script">
<input type="image" src="some pic" />
</form>[
как перемещать курсор по картинке
Как можно сделать такое?
Когда на картинке зажимаешь левую кнопку мыши, запоминаются координаты.
Дальше перемещаешь мышь в пределах картинки
Когда отпускаешь левую кнопку мыши в пределах картинки, получаешь снова её координаты?
Если просто
не получется.
Когда нажимаешь на картинке левую кнопку мыши и начинаешь перемещать мышь, курсор становится перечёркнутым кругом и никаких координат верно не возвращает.
Причём сделать это надо кроссбраузерно
Если можно, подробный пример, т. к. в javascript и css я не очень :)
В общем надо сделать вот это, только чтобы курсором можно было по картинке двигать (сорри если тормозит, это стрим)
http://ksicom.homeunix.net:8009/viewer/xxx.html
Зажмите на свободной области левую кнопку мыши проведите опять же по свободной области (на много проведите) и отпустите тоже в свободной области. Картинка должна сместиться. (в IE ещё и картинка почему-то выделяется :( )
Когда на картинке зажимаешь левую кнопку мыши, запоминаются координаты.
Дальше перемещаешь мышь в пределах картинки
Когда отпускаешь левую кнопку мыши в пределах картинки, получаешь снова её координаты?
Если просто
Когда нажимаешь на картинке левую кнопку мыши и начинаешь перемещать мышь, курсор становится перечёркнутым кругом и никаких координат верно не возвращает.
Причём сделать это надо кроссбраузерно
Если можно, подробный пример, т. к. в javascript и css я не очень :)
В общем надо сделать вот это, только чтобы курсором можно было по картинке двигать (сорри если тормозит, это стрим)
http://ksicom.homeunix.net:8009/viewer/xxx.html
Зажмите на свободной области левую кнопку мыши проведите опять же по свободной области (на много проведите) и отпустите тоже в свободной области. Картинка должна сместиться. (в IE ещё и картинка почему-то выделяется :( )
Цитата:
Originally posted by ksicom
Если просто не получется.
Если просто
Pochemu, posle reakzii na eti sobitia, JS funkzia nachinaet zapolniat' massiv koordinatami.
A po okonchanii operatsii vitaskivaet ih iz massiva i delaet to chto tebe nuzhno.
Цитата:
Originally posted by ksicom
Если можно, подробный пример, т. к. в javascript и css я не очень :)
Если можно, подробный пример, т. к. в javascript и css я не очень :)
Eto o4en' grusnu, primer dat' ne mogu, toka mogu posovetovat' eto delo podu4it' :)
Я пока картинку как background сделал. :) Вроде работает как надо :)
Но вопрос остаётся.
Но вопрос остаётся.
Цитата:
Originally posted by ksicom
Я пока картинку как background сделал. :) Вроде работает как надо :)
Но вопрос остаётся.
Я пока картинку как background сделал. :) Вроде работает как надо :)
Но вопрос остаётся.
Hm, a chego rabotaet to? Ia potirkal v IE i FF, i ni4ego ne proishodit :(
Сорри, та ссылка устарела.
Работает как background вот по этой
http://ksicom.homeunix.net:8009/viewer/zzz.html
В FF обязательно надо включить "изменение картинки в настройках JavaScript"
Только там перемещать уже на малые расстояния надо
Работает как background вот по этой
http://ksicom.homeunix.net:8009/viewer/zzz.html
В FF обязательно надо включить "изменение картинки в настройках JavaScript"
Только там перемещать уже на малые расстояния надо
Цитата:
Originally posted by ksicom
Сорри, та ссылка устарела.
Работает как background вот по этой
http://ksicom.homeunix.net:8009/viewer/zzz.html
В FF обязательно надо включить "изменение картинки в настройках JavaScript"
Только там перемещать уже на малые расстояния надо
Сорри, та ссылка устарела.
Работает как background вот по этой
http://ksicom.homeunix.net:8009/viewer/zzz.html
В FF обязательно надо включить "изменение картинки в настройках JavaScript"
Только там перемещать уже на малые расстояния надо
O shas i posmotret' mozhno.
Vishlo simpatichno!
No po moemu slishkom ti tam s kodom zamudril, vse dolzhno bilo viti kuda proshe.
No ne zabivaem anekdot, "esli rabotaet, to nichego ne trogai" ;)
ну кода много т. к.
Цитата:
т. к. в javascript и css я не очень :)
А вообще смысл всех этих потуг, сделать такое же окошко с картой как на maps.google.com :)
А картинка внутри генерится php скриптом, берущем "карту" из БД.
В общем to be continued :)
Цитата:
Originally posted by ksicom
ну кода много т. к.
А вообще смысл всех этих потуг, сделать такое же окошко с картой как на maps.google.com :)
А картинка внутри генерится php скриптом, берущем "карту" из БД.
В общем to be continued :)
ну кода много т. к.
А вообще смысл всех этих потуг, сделать такое же окошко с картой как на maps.google.com :)
А картинка внутри генерится php скриптом, берущем "карту" из БД.
В общем to be continued :)
Eto uzhe ideia interesnaia!
Krome vsego dumau ti znaesh, chto dlia vivoda menu i osnovnogo okna oni tam zauzali AJAX.
Код:
в итоге в браузере ты получишь нечто вроде этого
hxxp://somehost/1.html?[COLOR=red]x=389&y=331[/COLOR]
вот собственно и координаты с которыми можно работать дальше (например я бы сделал так)
млин немного вопрос не так понял :)
это получилось при тыркании на картинке
в твоём случае DHTML тебе в помощь вместе с объектной моделью браузера...
вот здесь почитай полезно будет очень хороший справочник
это получилось при тыркании на картинке
в твоём случае DHTML тебе в помощь вместе с объектной моделью браузера...
вот здесь почитай полезно будет очень хороший справочник
Цитата:
lia vivoda menu i osnovnogo okna oni tam zauzali AJAX
ну до AJAX ещё как до луны :) Сейчас только систему вывода картинки на экран делаю.
Я справки навёл, как в maps.google сделано.
С мышой проблему решил. Там оказалось надо было сделать два слоя. На нижнем картинка, верхний - прозрачный. по верхнему водить спокойно можно, на нижнем картинку менять. Сейчас в другое упёрся.
Надо сделать так, чтобы можно было таблицу с картинками двигать (так кажется на google). Ну и конечно как всегда, в IE работает, в FF - нет :)
вот что пока есть:
http://ksicom.homeunix.net:8009/viewer/zzz6.html
Если есть идеи, как сделать так, чтобы в FF работало, буду премного благодарен
А вообще - самая конечная цель всего этого - GPL карта Москвы, которую можно будет скачать как текстовый файл с SQL запросами и парой скриптов для вывода и редактирования, ибо такой ещё нет :)
Всё, решил задачу с таблицей. Там оказывается надо обязательно "px" к координатам в стиле прибавлять.
т.е. Xcur+"px", Ycur+"px"
т.е. Xcur+"px", Ycur+"px"
Цитата:
Originally posted by ksicom
Всё, решил задачу с таблицей. Там оказывается надо обязательно "px" к координатам в стиле прибавлять.
т.е. Xcur+"px", Ycur+"px"
Всё, решил задачу с таблицей. Там оказывается надо обязательно "px" к координатам в стиле прибавлять.
т.е. Xcur+"px", Ycur+"px"
Voobshe interesno kak iznachal'no eta karta hranitsia v tom zhe google.
veroiatno po kvadratam, a potom eti kvadrati sovmeshautsia, i vidaetsia gotovaia kartinka razmera okoshka. T.e. kvadrati sovmeshautsia esli nahodishsia mezdu 1 i 2 kvadratom naprimer.
Ti hochesh sdelat' chto to local'noe ili cherez inet. esli cherez inet, trafik budet nedetskii :)
через инет
плевать на трафик :) у меня стрим анлимный и корбина скоро будет :)
и тем более это же исходящего до фига будет :)
и к тому же генерятся png файлы с векторной графикой. Поэтому сжатие офигенное => трафик падает :)
А на google сделано с помощью overflow:hidden и огромного плаката, иначе когда двигаешь, видел бы мигания. Сейчас реализую это дело. Когда (и если) сделаю, выложу исходники.
плевать на трафик :) у меня стрим анлимный и корбина скоро будет :)
и тем более это же исходящего до фига будет :)
и к тому же генерятся png файлы с векторной графикой. Поэтому сжатие офигенное => трафик падает :)
А на google сделано с помощью overflow:hidden и огромного плаката, иначе когда двигаешь, видел бы мигания. Сейчас реализую это дело. Когда (и если) сделаю, выложу исходники.
Ну в общем сделал.
Вот что получилось:
http://ksicom.homeunix.net:8009/ksicom/zzz14.html
Двигать медленно и ждать пока прогрузится
Скрипт весь в браузер загружается :), поэтому здесь дублировать не буду :)
Осталась проблема. Не пойму, как сделать, чтобы картинки сначала прогружались а потом показывались.
С onload и visibility чего-то как-то не очень получилось :( Кэширование вроде тоже запретил, но всё равно на месте нового до загрузки старое показывается.
Вот что получилось:
http://ksicom.homeunix.net:8009/ksicom/zzz14.html
Двигать медленно и ждать пока прогрузится
Скрипт весь в браузер загружается :), поэтому здесь дублировать не буду :)
Осталась проблема. Не пойму, как сделать, чтобы картинки сначала прогружались а потом показывались.
С onload и visibility чего-то как-то не очень получилось :( Кэширование вроде тоже запретил, но всё равно на месте нового до загрузки старое показывается.
Цитата:
Originally posted by ksicom
Ну в общем сделал.
Вот что получилось:
http://ksicom.homeunix.net:8009/ksicom/zzz14.html
Двигать медленно и ждать пока прогрузится
Скрипт весь в браузер загружается :), поэтому здесь дублировать не буду :)
Осталась проблема. Не пойму, как сделать, чтобы картинки сначала прогружались а потом показывались.
С onload и visibility чего-то как-то не очень получилось :( Кэширование вроде тоже запретил, но всё равно на месте нового до загрузки старое показывается.
Ну в общем сделал.
Вот что получилось:
http://ksicom.homeunix.net:8009/ksicom/zzz14.html
Двигать медленно и ждать пока прогрузится
Скрипт весь в браузер загружается :), поэтому здесь дублировать не буду :)
Осталась проблема. Не пойму, как сделать, чтобы картинки сначала прогружались а потом показывались.
С onload и visibility чего-то как-то не очень получилось :( Кэширование вроде тоже запретил, но всё равно на месте нового до загрузки старое показывается.
Da ni4ego prikol'no vishlo, tol'ko ne sol'no poniatno chto proishodit :) No eto ne glavnoe =)
Цитата:
Da ni4ego prikol'no vishlo, tol'ko ne sol'no poniatno chto proishodit No eto ne glavnoe =)
Ну я надеюсь, что когда-нибудь там вместо треугольников и полосочек появится карта Москвы сильно отличающаяся от всех имеющихся :)
Мыслить батенька шире надо :D:D
Цитата:
Originally posted by ksicom
Ну я надеюсь, что когда-нибудь там вместо треугольников и полосочек появится карта Москвы сильно отличающаяся от всех имеющихся :)
Мыслить батенька шире надо :D:D
Ну я надеюсь, что когда-нибудь там вместо треугольников и полосочек появится карта Москвы сильно отличающаяся от всех имеющихся :)
Мыслить батенька шире надо :D:D
Vera, nadezhda, lubov, vam toverisch v pomosch!
Kstati otkuda kartu moskvi brat' budesh? ;)
A mozhet sam risuesh?! :D
Скорее всего своими силами плюс человек один присоединился, который умеет из GPS карт в другие форматы конвертировать :)
В том-то весь проект и заключается, чтобы на выходе векторную карту под GPL лицензией сделать :):):)
Зачем? А просто так :) Вот окошко сделал, теперь редактор на JS писать собираюсь :) А дальше упование на общественность и собственные силы и может что-нить и получится :)
Кстати ещё подредактировал окошко, теперь как у взрослых надпись loading показывает :)
http://ksicom.homeunix.net:8009/ksicom/zzz16.html
В том-то весь проект и заключается, чтобы на выходе векторную карту под GPL лицензией сделать :):):)
Зачем? А просто так :) Вот окошко сделал, теперь редактор на JS писать собираюсь :) А дальше упование на общественность и собственные силы и может что-нить и получится :)
Кстати ещё подредактировал окошко, теперь как у взрослых надпись loading показывает :)
http://ksicom.homeunix.net:8009/ksicom/zzz16.html