Witajcie, na wstępie chciałbym powiedzieć, że nie lubie/nie umiem/nie uczę się JS'a. Generalnie zajmuję się php'em który idzie mi całkiem dobrze(chyba?).
Teraz mam problem, ponieważ chcę, aby admin z panelu administratora mojej strony, mógł cieszyć się nie tylko dodawaniem nowych linków do menu głównego, ale także zmienianiem ich kolejności. Żeby uatrakcyjnić mu tą czynność postanowiłem wykonać to za pomocą drag n' dropa :-)
Wszystko ładnie, do póki nie przyszło mi napisać coś w JSie(OMG, OMG, OMG, OMG, OMFG!).
Php ładnie wygenerował mi takie coś:
<script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="ui.sortable.js"></script> <script type="text/javascript"> $(function() {
$("#sortable").sortable({
});
$("#sortable").disableSelection();
});
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
<td colspan='10' align='center'> <h2>Rekordy z bazy danych(linki menu glowne):
</h2> <td><b>Tekst:
</b></td><td><a href='add_menu.php'>Dodaj
</a></td> <!-- Tu generuje PHP -->
<li style='background-color: #ddffb0; border: solid 1px #000000; margin: 5px;width: 400px; height:25px' id='recordsArray_1'>Drag here
<span><a href='http://localhost/webs/index.php?mode=read&address=test'>TEST
</a> <a href='add_news.php?mode=edit&id=1'>Edytuj
</a> <a href='add_news.php?mode=delete&id=1'>Usun
</a></span></li>
<li style='background-color: #ddffb0; border: solid 1px #000000; margin: 5px;width: 400px; height:25px' id='recordsArray_2'>Drag here
<span><a href='http://localhost/webs/index.php?mode=read&address=mati'>MATI
</a> <a href='add_news.php?mode=edit&id=2'>Edytuj
</a> <a href='add_news.php?mode=delete&id=2'>Usun
</a></span></li <!-- Koniec generowania PHP -->
No i wynik jest taki, że funkcja sortable NIE DZIAŁA(OMG!).
Robiłem już na prawdę wszystko, sprawdzałem, czy ma dostęp do biblioteki jquery - ma.
Sprawdzałem czy ma dostęp do id za pomocą css - ma.
Pomóżcie, co robię źle!?
Ten post edytował Mapcio 20.06.2011, 13:35:58