Premetto che di javascript ne so pochissimo ed è tutto il giorno che tento di far funzionare 'sta cosa...
A questo indirizzo ho trovato il seguente codice.
Vorrei aggiungere elementi all'albero "draggandoceli" sopra. E vorrei poterli eliminare una volta aggiunta.
Qualche anima pia mi darebbe una mano?
Codice PHP:<head>
<link href="http://www.swartzfager.org/blog/nestedListSort.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="http://www.swartzfager.org/blog/jQuery/jquery-1.2.1.js"></script>
<script type="text/javascript" src="http://www.swartzfager.org/blog/jQuery/jquery.ui-1.0/jquery.dimensions.js"></script>
<script type="text/javascript" src="http://www.swartzfager.org/blog/jQuery/jquery.ui-1.0/ui.mouse.js"></script>
<script type="text/javascript" src="http://www.swartzfager.org/blog/jQuery/jquery.ui-1.0/ui.draggable.js"></script>
<script type="text/javascript" src="http://www.swartzfager.org/blog/jQuery/jquery.ui-1.0/ui.droppable.js"></script>
<script type="text/javascript" src="http://www.swartzfager.org/blog/jQuery/jquery.ui-1.0/ui.sortable.js"></script>
<script type="text/javascript" src="http://www.swartzfager.org/blog/nestedListSort.js"></script>
</head>
<body>
<h3>Bookmarks</h3>
<ul id="masterList">
<li id="52" class="record container"><span class="containerTitle">Menu 1</span>
<ul id="UL_52">
<li class="unmovable">
<li id="53" class="record item">[url="#"]link 1[/url]
<li id="54" class="record container" ><span class="containerTitle">Menu 2</span>
<ul id="UL_55">
<li class="unmovable">
<li id="56" class="record item">[url="#"]link 2[/url]
<li id="57" class="record item">[url="#"]link 3[/url]
<li id="58" class="record item">[url="#"]link 3[/url][/list]
<li class="unmovable">[/list]
[/list]
</body>
Rispondi quotando