Делай то, что видишь

Любой треп, каким-либо боком касающийся Интернет технологий...

Модератор: EGORR

Re: Делай то, что видишь

Сообщение alexpts » 12 мар 2010, 21:45

я так и не понял, что вам не понятно как делать

не понятно как в jQuery сделать связь визуальную как на картинке между таблицами (один ко множество и др). В том числе как ее потом заставить обновляться при перетаскивании блока, т.к. они у нас перетаскиваемые судя по картинке должны быть. Плюс чтобы связи не перекрывали другие блоки, т.е. какая-то логика по обходу блоков. Край менее желательный вариант сделать перпендикуляры, и чтобы у они они фоном были с меньшим z-index
Wordpress глазами пользователя
Аватар пользователя
alexpts
 
Сообщений: 69
Зарегистрирован: 19 янв 2010, 21:00
Откуда: Пенза

Re: Делай то, что видишь

Сообщение Nekromancer » 12 мар 2010, 23:44

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


Вообще то, это просто связь так показана.. Например у юзера с id 20 такие то настройки и такие то посты.. к этому посту столько то коментов о таких то юзеров..
и так далее.. перетаскиваться ничего не должно :D
это вообще скорее для сервера.. но можно на клиенте для понта навигацию такую сделать ))
Web is the future ...
Аватар пользователя
Nekromancer
Модератор
 
Сообщений: 419
Зарегистрирован: 19 янв 2010, 15:06
Откуда: Молдова

Re: Делай то, что видишь

Сообщение alexpts » 13 мар 2010, 00:24

Это просто задание для повышения опыта. Просто читая кодекс увидел картинку, решил, что для jQuery хороший пример для реализации. Перетаскивания действительно на картинке не отображены, но я думаю возможность перетаскивать блок имеет место существовать. С этим усложнением вопросов не возникнет ни у кого в плане реализации. А вот со связями сел, нет мыслей, видимо не только у меня.


Из нагугленного пока только - http://thejit.org/
Wordpress глазами пользователя
Аватар пользователя
alexpts
 
Сообщений: 69
Зарегистрирован: 19 янв 2010, 21:00
Откуда: Пенза

Re: Делай то, что видишь

Сообщение Nekromancer » 13 мар 2010, 11:42

Ну блоки перетаскиваются)) строки в блоках нет))
Ладно, сейчас покажу как сделать связь )
Web is the future ...
Аватар пользователя
Nekromancer
Модератор
 
Сообщений: 419
Зарегистрирован: 19 янв 2010, 15:06
Откуда: Молдова

Re: Делай то, что видишь

Сообщение alexpts » 13 мар 2010, 13:31

Ждем )
Wordpress глазами пользователя
Аватар пользователя
alexpts
 
Сообщений: 69
Зарегистрирован: 19 янв 2010, 21:00
Откуда: Пенза

Re: Делай то, что видишь

Сообщение Nekromancer » 13 мар 2010, 15:47

Наверно так, если такая связь )) А какая другая может быть.. хз..
Код: выделить все
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  <style type="text/css">
body, html {height: 100%; width: 100%; padding: 0; margin: 0;  overflow: auto;}
</style>
<script type="text/javascript">
//глобальные переменные типо..
var $BLOG = 0;
var $GUIDE = 0;
var User = function(data){
   User[$GUIDE] = {
      user_login: data.login,
      user_pass: data.password,
      user_email: data.email,
      user_url: '/?id='+$GUIDE,
      user_registred: (new Date).getTime(),
      user_actiovation_key: genKey(20),
      user_status: 0,
      user_display_name: data.nickname
   };
   User.Indexes[data.login] = User[$GUIDE];
   Option[$BLOG][$GUIDE] = {};
   setDefaultOptions:{
      new Option($BLOG, $GUIDE, 'avatar', {
         value: '/avatar.php?user='+$GUIDE,
         auto: true
      })
   }
   $GUIDE++
};
User.Indexes = {};


var Post = function(data){
   
};
function Option(blog, user, option, data){
   var userOptions = Option[blog][user];
   userOptions[option] = {
      option_value: data.value,
      autoload: data.auto
   }
   var indexOptions = Option.Indexes[option];
   if(!indexOptions) indexOptions = Option.Indexes[option] = [];
   indexOptions.push(User[user]);
};
Option.Indexes = {};
Option[$BLOG] = {};

new User({
login: 'Nekromancer',
password: 'somepass',
email: 'nekr.fabula@gmail.com',
nickname: 'NekR'
});
new User({
login: 'Vasea',
password: 'vasealutshevseh',
email: 'vasea@tolikovasi.com',
nickname: 'Vasile'
});
function genKey(size){      
   var randInt = function(min, max){
      return Math.floor(Math.random() * (max - min + 1)) + min;
   }
   for (var i = size||15, generate = [], charInt = [65, 97]; i!=0; i--){
      generate.push(String.fromCharCode(randInt(0, 25)+charInt[randInt(0, 1)]));
   }
   return generate.join('')
}
</script>
<script type="text/javascript">
//dump
$(function(){
for (var i = 0; i<$GUIDE; i++){
   var user = $('body').append('<div class="user" id="user_'+i+'"><h1 class="user_title">Пользователь</h1></div>');
   $.each(User[i], function(key, value){
      user.append('<span class="user_value"><b>'+key+': </b>'+value+'</span><br>');
      
   });
   var options = user.append('<h2 class="options">Опции</h2>'),
   option = Option[$BLOG][i];
   $.each(option, function(key, value){
      options.append('<h3 class="user_option_name">'+key+': </h3')
      var values = options.append('<ul>');
      $.each(value, function(name, val){
         values.append('<li><b>'+name+': </b>'+val+'</li>')
      });
   });
}
})

</script>
</head>
<body>

</body>
</html>
Web is the future ...
Аватар пользователя
Nekromancer
Модератор
 
Сообщений: 419
Зарегистрирован: 19 янв 2010, 15:06
Откуда: Молдова

Re: Делай то, что видишь

Сообщение m4v23 » 13 мар 2010, 17:20

Я неправ, или это MySql Workbench?
Простое надо делать просто.
Сложное надо делать простым.
Аватар пользователя
m4v23
 
Сообщений: 59
Зарегистрирован: 29 янв 2010, 12:08
Откуда: Новосибирск

Re: Делай то, что видишь

Сообщение Nekromancer » 13 мар 2010, 17:29

Если вопрос адресован мне :? , то нет :D
Web is the future ...
Аватар пользователя
Nekromancer
Модератор
 
Сообщений: 419
Зарегистрирован: 19 янв 2010, 15:06
Откуда: Молдова

Re: Делай то, что видишь

Сообщение m4v23 » 13 мар 2010, 17:31

Нет, просто сам часто пользуюсь -- весьма полезная вещь. И блоки в ней точно также выглядят.
Простое надо делать просто.
Сложное надо делать простым.
Аватар пользователя
m4v23
 
Сообщений: 59
Зарегистрирован: 29 янв 2010, 12:08
Откуда: Новосибирск

Re: Делай то, что видишь

Сообщение alexpts » 12 янв 2011, 20:06

Всем привет, давно меня не было )

Все таки сделал такую штуку ) - Визуализация БД. Там есть наглядный пример )
Wordpress глазами пользователя
Аватар пользователя
alexpts
 
Сообщений: 69
Зарегистрирован: 19 янв 2010, 21:00
Откуда: Пенза

Пред.След.

Вернуться в Курилка

Кто сейчас на форуме

Сейчас этот форум просматривают: Google [Bot] и гости: 2