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? хотя бы дать начало, как вбить элементы в этот комбо бокс

Вариант с Select'ом был, просто дело в том что список городов очень большой и страница при этом долго открывается. если есть какая нибуть возможность подгрузить список городов, не останавливая процесс загрузки страницы было бы здорово Извиняюсь за тупость, но чето не догоняю того что вы написали, если можно пример привести кусочком кода... Заранее благодарю...

Спасибо, а можно как нибуть примером. я а то вот только начал изучать jQuery

Переписал не много код: JS <script type="text/javascript"> $(document).ready(function(){ $("#city").autocomplete("http://xxxxxxxx.xxx/?gm=city"); });</script> данная страница по $_GET['q'] запросу возвращает данные в формате while ($p = mysql_fetch_array($sql_query)) { $city_list .= $p[name].'|'.$p[city_id]."\n"; } Получается так: Город|Id_города Когда ввожу данные в поле отображается город и все правильно, но как сделать так чтобы ID города записал куда нибуть в др. скрытое поле hidden например: <input type="hidden" value="Id_города"> Плиз, очень надо... Помогите

Все доброго времени суток! Возможно данная тема уже не раз звучала, но все же для не которых людей как я она еще не решена и не изведана В общем дело вот в чем, хочу сделать страницу регистрации как на сайте Mail.ru, а именно поле для заполнение "Город". Где пользователь вводит свой город, и выполняется поиск, дописывается страна, регион к введенному городу. Теперь мне нужно при нажатии кнопки регистрации отправился ID города (и если можно страны и региона). База с данными и ID имеется. На данный момент сделал следующее <script>$(document).ready(function(){ var data = "Железногорск Beckum Dagu Girona Joensuu ....".split(" "); $("#city").autocomplete(data);}); </script> <input type="text" name="u_city" style="width:400px;" class="text" id="city"> Заранее благодарю...