+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: Streams - Drag & Drop Reihenfolge speichern? (/showthread.php?tid=58363)
Streams - Drag & Drop Reihenfolge speichern? - PureSkills - 08.01.2016 12:00
Heey,
ich habe ein kleines Script, das 12 Streams auf einer Seite zeigt.
Diese kann man via Drag & Drop anordnen/sortieren.
Die Streams werden aber immer in der selben Reihenfolge geladen, wenn z.B. der Browser/Flash nicht mehr reagiert und die Seite neu geladen werden muss, muss man die Streams wieder neu anordnen..
Nun suche ich nach einer möglichkeit, die zuletzt gewählte Reihenfolge zuspeichern..
Die HTML Seite besteht nur aus dem head bereich, dann dem <body> dann direkt <ul> und die 12 streams jeweils als <li>.
Code:
<li class="panel panel-info">
<div class="panel-heading">Stream 1</div>
<div class="panel-body"><iframe src="http://link.link/" frameborder="0" allowfullscreen></iframe></div>
</li>
das verschieben mache ich hiermit
Code:
<script type="text/javascript">
jQuery(function($) {
var panelList = $('#draggablePanelList');
panelList.sortable({
// Only make the .panel-heading child elements support dragging.
// Omit this to make then entire <li>...</li> draggable.
handle: '.panel-heading',
update: function() {
$('.panel', panelList).each(function(index, elem) {
var $listItem = $(elem),
newIndex = $listItem.index();
// Persist the new indices.
});
}
});
});
</script>
Wäre für kleine Lösungsansätze dankbar 