PDA

Просмотр полной версии : [php_js] GD2+jQuery

qW1zer
22.05.2010, 18:26
Вот недавно появилась мысль и возник вопрос!А реально ли сделать определение координат для расположения текста или картинки,при работе с 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
А пути решения такой задачи есть?В принципе php в данной задаче почти и не нужен,в основном то вся соль в jq,а вот тут я уже в ступоре

<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
Огромное спасибо!