Rix

нету(

alexandr_v-vich, а других способов нету? в фотошопе можно это как нибудь сделать?

Вот снова актуален, как получить мне нужные координаты, есть карта в PNG, как ее перегнать в файл paths.js

Я думал об этом, но это немного не правильный подход, должен же быть более верный способ решить эту проблему)

ответ:

разобрался с Raphael но, там такая фишка что с начало нужно создать область для рисования, а что если у меня размер страницы динамический... и немного не удобно его так использовать, а если указываю всю страницу, он все накрывает собой и ничего не дает тыкнуть) как быть? Если конечно не сделать страницу статикой, и четко его вставлять между блоками. но это помоему чуть не очень, а сама библиотека суперская спс) http://us.ua/655319/ - хелп ми) поправил немного Js код, но сейчас вижу проблему с определением координат объекта, как тут быть? $(document).ready(function(){ var x1,y1,x2,y2; var paper = Raphael(200, 0, 200, 200); $( ".field.isok" ).draggable({ helper: "clone", stop: function(event, ui) { x1 = event.target.offsetLeft; y1 = event.target.offsetTop; // alert(fnShowProps(event.target, "event.target")); } }).droppable({ drop: function( event, ui ) { //$(this).text($(ui.draggable.context).text()); x2 = $(ui.draggable.context).offset().left; y2 = $(ui.draggable.context).offset().top; //alert(fnShowProps(ui.offset, "ui.offset")); $("#log").append(x1 + " x " + y1 + " : " + x2 + " x " + y2 + "<br/>"); var path = paper.path("M" + x1 + "," + y1 + " L"+ x2 + "," + y2); } }); });

нашел плагин по работе SVG. но что то не пойму почему он не работает Jquery SVG походу где то что то забыл и туплю)

Я что то парюсь, не могу ни как понять как можно сделать драг-дроп на объект и получить свойства объекта на который я переношу. в общем сделал 2 блока с полями, кинул JQ и использовал "draggable". И при событии "stop", я получаю свойства, перерыл каждый метод и свойства ничего не нашел, как можно сделать, и по моему я не в ту сторону пошел. Выклал то что есть, посмотрите что сюда можно добавить чтобы получить нужный мне объект. Ссыль Вроде сделал шаг, нашел способ получить объект на который я кидаю другой объект)))) па-албанский чуть чуть объясни) script.js ... $( ".field" ).draggable({ helper: "clone", stop: function(event, ui) { //alert(fnShowProps(event.currentTarget.head , "event.currentTarget")); //alert($.trim($(event.parentNode).text())); } }).droppable({ drop: function( event, ui ) { $(this).text($(ui.draggable.context).text()); //alert(fnShowProps(ui.draggable.context, "ui.draggable")); } }); ... Возникла проблема, с SVG <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" y1="0" x2="100" y2="100" style="stroke:rgb(255,0,0);stroke-width:2" /> </svg> пишу этот код, он его вставляет как то не по понятиям, в общем картинка все покажет хотя как я понимаю он должен как то иначе отрисоваться, да?

интересно SVG ни когда не использовал, но я посмотрел в принципе то что надо, теперь как бы это красиво объединить со всем остальным ) Скажи а можно рисуя линию так: <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" /> </svg> задавать ей точки динамические, то есть если я нарисую линию и перемещу блок линия останется. а блок уже в другом месте, хотелось бы узнать можно ли привязывать к объекту линию?

Да, все ок) я рад что это выяснили Но теперь бы хотелось перейти все же к заданию. Я по бывал на нескольких форумах, и многие начинали подобную тему, но как я понял ни кто не смог это сделать, либо просто не отписали Тема меня заинтересовала, и она на мой взгляд очень интересная и полезна, может пригодится Я хочу ее задействовать в отчетной системе, для простых пользователей, которые не знаю SQL и т.д. чтобы было "тупо" и просто соединил, выбрал, и нажал сформировать и все Сейчас к сожалению нет прототипа, но сейчас начинаю потихоньку писать, но попробую объяснить наглядно. В первом посте, я выложил скрипт программы Navicat. Примерно такой же интерфейс я бы хотел написать только веб. по поводу дропа, видишь там соединения в виде линий между полями. они создаются путем переноса одного поля к другому. ( надеюсь понятно изъяснился (: )

А давайте говорить более конструктивно, а насчет идеи, идею я изложил, у меня был вопрос "а вот как сделать Drag&Drop и при этом создать связь?", если не знаете и у вас нет ИДЕЙ как это реализовать, тогда лучше ничего не пиши! З.Ы извиняюсь за грубость, просто порой подобные "троли" добивают, показывая свою не сущность

Привет всем! В общем появилась такая идея мысль написать UI web-интерфейс по составлению SQL запросов. Примерная идея такая: 1. Используя средства PHP создаем JS массив с именами таблиц и полей 2. Используя полученный массив строится отдельные таблички для каждой таблицы. 3. Затем используя Drag&Drop или др. способов делаются объединение таблиц по указанным ключам и тип соединения (JOIN, LEFT JOIN, и т.д. думаю меня поняли (: ), выделяются галочками поля, которые будут использоваться в запросе и т.д. Что то типа как тут Сам я думаю тут надо использовать JQuery, Сделать отдельные блоки с полями и галочками это фигня) а вот как сделать Drag&Drop и при этом создать связь? У кого какие идеи?

делал ничего не помогло, решил вопрос др. способом. Кому интересно и кому надо вот city.php принемает запросы то есть ID Страны <?php header('Content-type: text/html; charset=UTF-8'); if (!defined("_NWE")) die (""); global $mysql_link; $id =$_GET['country_id']; If (!is_numeric($id)) die("<span id=\"error\">Ошибка запроса</div>"); $sql = "SELECT city_id, name FROM `i_city` WHERE country_id = ".$id." ORDER BY name ASC"; $sql_query = mysql_query($sql, $mysql_link); $rows = array(); while($r = mysql_fetch_array($sql_query)) { $rows[] = array( 'id' => $r['city_id'], 'name' => $r['name'] ); } print json_encode($rows); // функция json_encode есть только PHP 5.2 и выше ?> Вот JS (jquery.json.js) код который обрабатывает запрос: function ajaxSelect(id) { var element = document.getElementById(id) var onLoaded = function(data) { var i=1 for(var key in data) { var label = data[key] element.options[i++] = new Option(label.name, label.id) } } var onLoadError = function(error) { var msg = "Ошибка "+error.errcode if (error.message) msg = msg + ' :'+error.message alert(msg) } var showLoading = function(on) { element.disabled = on } var onSuccess = function(data) { if (!data.errcode) { onLoaded(data) showLoading(false) } else { showLoading(false) onLoadError(data) } } var onAjaxError = function(xhr, status){ showLoading(false) var errinfo = { errcode: status } if (xhr.status != 200) { // может быть статус 200, а ошибка // из-за некорректного JSON errinfo.message = xhr.statusText } else { errinfo.message = 'Некорректные данные с сервера' } onLoadError(errinfo) } return { load: function(url) { showLoading(true) while (element.firstChild) { element.removeChild(element.firstChild) } element.options[0] = new Option("Выберите город", -1) setTimeout( function(){element.options[0].selected=true;}, 1 ); element.options[0].disabled=true; $.ajax({ url: url, dataType: "json", success: onSuccess, error: onAjaxError, cache: false }) } } } На самой странице где будет проводится выборка стран и городов прописываем мужду тегами <head></head> <script type="text/javascript"> $(document).ready(function() { var select = ajaxSelect("u_city"); document.getElementById(\'u_country_sel\').onchange = function() {select.load(\'http://xxxxxx.xx/city.php?country_id=\'+this.options[this.selectedIndex].value)} }); </script> Ну соответственно добавляем элементы select в ваш HTML код <tr><td><b>Страна / Город: </b></td><td> '.$country_list.' <select name="u_city" style="width:200px;" id="u_city"><option value="-1" select disabled>Выберите город</option></select></td><tr> В $country_list генерируется список стран, этот список не большой в отличии от городов по этому его можно подгрузить сразу без JS $sql = "SELECT * FROM i_country ORDER BY name ASC"; $mq = mysql_query($sql, $mysql_link); $country_list = '<select name="u_country" id="u_country_sel" style="width:195px;">'."\n"; while ($p = mysql_fetch_array($mq)) { $country_list .= '<option value="'.$p[country_id].'">'.$p[name].'</option>'."\n"; } $country_list .= '</select>';

Спс, вот я сделал вот так... Страница где идет выборка страны и города <tr><td><b>Страна / Город: </b></td><td> '.$country_list.' <span id="city_place"><select name="u_city" style="width:200px;"></select></span></td><tr> сюда $country_list забивается вот это: $sql = "SELECT * FROM i_country ORDER BY name ASC"; $mq = mysql_query($sql, $mysql_link); $country_list = '<select name="u_country" style="width:195px;" onchange="jsDataLoad(\'http://xxxxx.xx/?gm=city&country_id=\'+this.options[this.selectedIndex].value, \'city_place\');">'."\n"; while ($p = mysql_fetch_array($mq)) { $country_list .= '<option value="'.$p[country_id].'">'.$p[name].'</option>'."\n"; } $country_list .= '</select>'; Выполняется запрос по адресу http://xxxxx.xx/?gm=city&country_id=1234 Страница возвращает <select id="select" name="u_city" style="width:198px;"> <option value="278090">Айзенштадт</option> <option value="278094">Амштеттен</option> ... </select> и это вставляется в <span id="city_place">сюда</span> и работает как часики Но теперь вот проблема в следующем я использую библиотеку Uniform для стилизации формы и компонентов HTML при первой загрузки страницы выглядит все как надо, а вот подгружаемый Select выглядит как стандартный и выглядит не очень что можно сделать в этом случаи?

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