Om nah hoo pez nyeetz, Kai345!
Vielleicht magst du uns unterstützen, wie du es auch bei der kontrastreichen Ansicht schon getan hast?
function toggleThreads(newState) {
$('.thread-start > ul > li > ul').css('display', newState ? '' : 'none');
$('#threadstoggle').text('alle Threads ' + (newState ? 'zu' : 'auf') + 'klappen');
$('.thread-start > ul > li > img').attr('src', 'http://src.selfhtml.org/forum/ordner_' + (newState ? 'auf' : 'zu') + '.png');
return newState;
}
function toggleThread() {
var $ul = $(this).siblings('ul');
$ul.css('display', $ul.css('display') == 'none' ? '' : 'none');
$(this).attr('src', 'http://src.selfhtml.org/forum/ordner_' + ($ul.css('display') == 'none' ? 'zu' : 'auf') + '.png');
}
var threads_sorted = 'neue oben';
// Datum des jüngsten Postings ermitteln und in Attribut data-date ablegen
var gotDates = false;
function getDates() {
$('.thread-start').each(function () {
$(this).attr('data-date', Math.max.apply(Math, $(this).find('span.date').map(function () {
var parts = $(this).text().match(/(\d\d).(\d\d).(\d\d\d\d), (\d\d):(\d\d)/);
return '' + parts[3] + parts[2] + parts[1] + parts[4] + parts[5];
})));
});
gotDates = true;
}
function compareIdAsc(a,b) {
return a.id > b.id ? 1 : -1;
};
function compareIdDesc(a,b) {
return a.id < b.id ? 1 : -1;
};
function comparePosting(a,b) {
return a.getAttribute('data-date') < b.getAttribute('data-date') ? 1 : -1;
};
function sortThreadsAsc() {
$('.thread-start').sort(compareIdAsc).appendTo('#root');
threads_sorted = 'neue unten';
}
function sortThreadsDesc() {
$('.thread-start').sort(compareIdDesc).appendTo('#root');
threads_sorted = 'neue oben';
}
function sortThreadsPosting() {
if (!gotDates)
getDates();
$('.thread-start').sort(comparePosting).appendTo('#root');
threads_sorted = 'jüngste Antwort oben';
}
function localStorageSupported() {
try {
return 'localStorage' in window && window['localStorage'] !== null;
} catch (e) {
return false;
}
}
function showCurrentThreadValuesToSave() {
$('#threadvalues').text('(Threads: ' + (threads_open ? 'auf' : 'zu') + 'geklappt, Sortierung: ' + threads_sorted + ')');
}
function showDone(where) {
var $where = $(where);
var pos = $where.position();
$('#saveValueDone').css({
top: (pos.top + $where.height()) + 'px',
left: pos.left + 'px'
}).fadeIn(300).delay(2000).fadeOut(300);
}
$(document).ready(function(){
$('.interesting .link-thread-zuklappen').parent().addClass('ausgeklappt'); //Interessant-Markierung
$('#aktuellenachrichten').after('<ul id="baumfunktionen" style="list-style-type: none; padding-left: 1em;"><li><a id="threadstoggle" class="switch">alle Threads zuklappen</a> (einzelne Threads können über deren Ordnersymbol auf-/zugeklappt werden)</li><li>Threads sortieren nach: <a id="sortDesc" class="switch">neue oben</a>, <a id="sortAsc" class="switch">neue unten</a>, <a id="sortPosting" class="switch">jüngste Antwort oben</a></li></ul>');
// auf- und zuklappen
$('#threadstoggle').click(function () {
threads_open = toggleThreads(!threads_open);
showCurrentThreadValuesToSave();
});
$('.thread-start > ul > li > img').css('cursor', 'pointer');
$('.thread-start > ul > li > img').click(toggleThread);
// Sortieren
$('#sortDesc').click(function () {
sortThreadsDesc();
showCurrentThreadValuesToSave();
});
$('#sortAsc').click(function () {
sortThreadsAsc();
showCurrentThreadValuesToSave();
});
$('#sortPosting').click(function () {
sortThreadsPosting();
showCurrentThreadValuesToSave();
});
Matthias
--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Schweiß und Schweißroboter.
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Schweiß und Schweißroboter.