Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   [php_js] GD2+jQuery (https://forum.antichat.xyz/showthread.php?t=205942)

qW1zer 22.05.2010 18:26

[php_js] GD2+jQuery
 
Вот недавно появилась мысль и возник вопрос!А реально ли сделать определение координат для расположения текста или картинки,при работе с GD2.
Примерно так:
Страница с формой настроек,там текст,размер шрифта и прочее и там же что-то типа поля как у Color Picker
там выбираешь расположение того самого текста и отправляешь уже все это на обработчик,вот хотел бы спросить у вас,реально ли это?
Вот пример того самого поля:
http://www.colorpicker.com/

m0Hze 22.05.2010 18:32

Почему нельзя? Можно =)

qW1zer 22.05.2010 18:49

А пути решения такой задачи есть?В принципе php в данной задаче почти и не нужен,в основном то вся соль в jq,а вот тут я уже в ступоре

m0Hze 22.05.2010 19:07

Цитата:

Сообщение от qW1zer
А пути решения такой задачи есть?В принципе php в данной задаче почти и не нужен,в основном то вся соль в jq,а вот тут я уже в ступоре

Код HTML:

<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>example-one</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://www.linkexchanger.su/examples_2009/ui_draggable/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://www.linkexchanger.su/examples_2009/ui_draggable/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<style type="text/css">
  #draggable { width: 10px; height: 10px;}
</style>
<script type="text/javascript">
$(function(){
  $("#draggable").draggable({
          cursor: "move",
    containment: "parent",
          stop: function(event, ui) {
            alert("Cords : " + event.type +
                  "\n\ntop: " + ui.offset.top +
                  " px\nleft: " + ui.offset.left +
                  " px");
          }
  });
});
</script>
</head>
<body>
<div style="background-color: blue; width: 500px; height: 500px;;" id="area">
<div  id="draggable" style="background-image: url(http://www.colorpicker.com/images/color-codes/circle-selected-black.gif);">
</div>
</div>
</body>
</html>

Получишь координаты от верхней границы и левого края, далее в php на основе этих координат размещай что хочешь.

qW1zer 22.05.2010 19:11

Огромное спасибо!


Время: 02:45