Rendezés (sortable)
Dobozok mozgatása, úgy hogy azok helye kicserélődjön. Ezzel a megoldással van elkészítve az iGoogle, ahol a megjelenített ablakokat lehet személyre szabottan elrendezni, ahogy tetszik.
A szükséges állományok: sortable.css, ui.sortable.js.
Használata
Készítsünk egy listát, melynek az id-je legyen myList. A li tageknek adjunk címkéket. A css-ben célszerű beállítani az ul-nek a list-style: none tulajdonságot.
Forráskód
HTML
A head-ben hívjuk meg a szükséges fájlokat!
<script type="text/javascript" src="js/ui.sortable.js"></script>
<link rel="stylesheet" href="css/sortable.css" type="text/css" media="screen" />A body-ban a következő kódrész szükséges.
<ul id="myList">
<li>Első</li>
<li>Második</li>
<li>Harmadik</li>
<li>Negyedik</li>
<li>Ötödik</li>
</ul>CSS
ul {
list-style: none;
}
li {
background: #0F67A1;
color: #FFFFFF;
width: 150px;
margin: 5px;
padding: 3px;
}Példa
- Első
- Második
- Harmadik
- Negyedik
- Ötödik