Как сделать иерархическое меню и перемещать по нему объекты?

adw0rd

Сообщения: 22959 Репутация: N Группа: в ухо

26 сентября 2007 г. 15:58

Хотелось бы что-то наподобие, направьте на путь истинный :) гугл не советовать, что-нибудь из личного опыта))

https://smappi.org/ - платформа по созданию API на все случаи жизни
vasa_c

Сообщения: 3131 Репутация: N Группа: в ухо

26 сентября 2007 г. 16:17, спустя 18 минут 20 секунд

Как наставить то без гугла? )
onDragDrop для IE
onMouseDown + onMouseUp для других
adw0rd

Сообщения: 22959 Репутация: N Группа: в ухо

26 сентября 2007 г. 16:18, спустя 1 минуту 21 секунду

Как наставить то без гугла? )
onDragDrop для IE
onMouseDown + onMouseUp для других

сенкс))

https://smappi.org/ - платформа по созданию API на все случаи жизни

Сообщения: 4306 Репутация: N Группа: в ухо

26 сентября 2007 г. 16:31, спустя 13 минут 14 секунд

Вообще, если кто-то думает, что скрипт дерева это не меньше 100 строчек кода, то он сильно заблуждается. Ниже приведен скрипт вполне полнофункционального дерева из двух строк. При желании можно даже в одну впихнуть. Дописать к нему изменеие порядка узлов, думаю тоже труда не составит.


<script type="text/javascript">
function ShowHideTree(id)
{
	var doc = document.getElementById(id);
	doc.style.display = doc.style.display == 'none' ? '' : 'none';
}
</script>

<table border="1">
<tr>
	<td><a href="javascript:ShowHideTree('p0')">+</a></td>
	<td>Узел 0</td>
</tr>
</table>

<div id="p0" style="padding-left:10pх;display:none">
	<table border="1">
	<tr>
		<td><a href="javascript:ShowHideTree('p1')">+</a></td>
		<td>Узел 1</td>
	</tr>
	</table>
	<div id="p1" style="padding-left:10px">
		<table border="1">
		<tr>
			<td><a href="javascript:ShowHideTree('p2')">+</a></td>
			<td>Узел 1 0</td>
		</tr>
		</table>
		<div id="p2" style="padding-left:10px;display:none">
			<table border="1">
			<tr>
				<td><a href="javascript:ShowHideTree('p4')">+</a></td>
				<td>Узел 1 0 0</td>
			</tr>
			</table>
			<div id="p4" style="padding-left:10px">
				итд
			</div>
			<table border="1">
			<tr>
				<td><a href="javascript:ShowHideTree('p5')">+</a></td>
				<td>Узел 1 0 1</td>
			</tr>
			</table>
			<div id="p5" style="padding-left:10px">
				итд
			</div>		
		</div>
		<table border="1">
		<tr>
			<td><a href="javascript:ShowHideTree('p3')">+</a></td>
			<td>Узел 1 1</td>
		</tr>
		</table>
		<div id="p3" style="padding-left:10px;">
			итд
		</div>
	</div>	
</div>

adw0rd

Сообщения: 22959 Репутация: N Группа: в ухо

26 сентября 2007 г. 16:44, спустя 12 минут 59 секунд

Вообще, если кто-то думает, что скрипт дерева это не меньше 100 строчек кода, то он сильно заблуждается. Ниже приведен скрипт вполне полнофункционального дерева из двух строк. При желании можно даже в одну впихнуть. Дописать к нему изменеие порядка узлов, думаю тоже труда не составит.

….

AlexB, это понятно, вопрос в том как объекты перемещать по дереву?

https://smappi.org/ - платформа по созданию API на все случаи жизни
AlexB

Сообщения: 4306 Репутация: N Группа: в ухо

26 сентября 2007 г. 16:55, спустя 10 минут 59 секунд

А что именно вызывает проблемы? Алгоритм обмена содержимым узлов? Работа с DOM в JS? Моделирование Drag'n'drop или контекстного меню? Что? А то вопрос слишком общий.
adw0rd

Сообщения: 22959 Репутация: N Группа: в ухо

26 сентября 2007 г. 17:03, спустя 8 минут 12 секунд

Начнем с того что JavaScript знаю поверхностно… очень…

Но думаю меня интересует больше: Моделирование Drag'n'drop и контекстного меню

https://smappi.org/ - платформа по созданию API на все случаи жизни
adw0rd

Сообщения: 22959 Репутация: N Группа: в ухо

26 сентября 2007 г. 17:12, спустя 8 минут 14 секунд

http://tool-man.org/examples/sorting.html - красотища))

http://www.webreference.com/programming/javascript/mk/column2/ - тоже красотища))

Нашел еще:
http://www.informika.ru/text/inftech/proglang/javascr/vvjava/part12.html
http://www.dhtmlgoodies.com/index.html?whichScript=drag-drop-folder-tree

в принципе уже и сам могу разобраться)) спасибо))

http://www.ajax.org/ > Platform JaveLine > Drag & Drop > ОКУЕТЬ МОЖНО!! Вот так я и хочу

https://smappi.org/ - платформа по созданию API на все случаи жизни

Пожалуйста, авторизуйтесь, чтобы написать комментарий!

Как сделать иерархическое меню и перемещать по нему объекты?

Войти