-
Posts
19 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Rix
-
-
alexandr_v-vich, а других способов нету? в фотошопе можно это как нибудь сделать?
-
Вот снова актуален, как получить мне нужные координаты, есть карта в PNG, как ее перегнать в файл paths.js
-
Вставить плавающий див поверх области рисования?
Я думал об этом, но это немного не правильный подход, должен же быть более верный способ решить эту проблему)
-
Высчитывать размер области при ресайзе окна? Нельзя задать 100% ширину и высоту?
ответ:
а если указываю всю страницу, он все накрывает собой и ничего не дает тыкнуть)
-
разобрался с 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. но что то не пойму почему он не работает
походу где то что то забыл и туплю)
-
Я что то парюсь, не могу ни как понять как можно сделать драг-дроп на объект и получить свойства объекта на который я переношу.
в общем сделал 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 сделать.Скажи а можно рисуя линию так:
<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 и при этом создать связь?
У кого какие идеи?
-
На события AJAX`a success (успешная загрузка) повесить функцию с таким кодом -
$("#select").uniform();
где - #select - айди вставленного селекта.
Либо так:
$("#conteiner select").uniform();
где - #conteiner - айди блока в который вставили селект.
делал ничего не помогло, решил вопрос др. способом.
Кому интересно и кому надо вот 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>';-
1
-
-
Спс, вот я сделал вот так...
Страница где идет выборка страны и города
<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'ом был, просто дело в том что список городов очень большой и страница при этом долго открывается. если есть какая нибуть возможность подгрузить список городов, не останавливая процесс загрузки страницы было бы здорово
http://ruseller.com/jqueryshpora.php
там найдите нужный эвент и будет вам пример
Извиняюсь за тупость, но чето не догоняю того что вы написали, если можно пример привести кусочком кода...
Заранее благодарю...
-
Спасибо, а можно как нибуть примером. я а то вот только начал изучать 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">Заранее благодарю...
Интерактивная карта
in JavaScript
Posted
нету(