Suche AJAX Liste / Tabelle

florian0 · 27. Juni 2011

Hiho,

da ich JavaScript soeben als allerschlimmste ScriptSprache dieser Welt eingestuft habe, benötige ich nun etwas Unterstützung.

Ich habe eine Liste mit Benutzern (Nickname). Bei einem Klick auf den Eintrag soll quasi ein SubEintrag "aufklappen" und weitere Daten (Registierdatum, Beiträge, Geburtstag, etc.) anzeigen.

Ist jemandem ein frei verwendbares Script dieser Art bekannt? Ich hab bisher nichts entdeckt.

Gruß
florian0

Guardian · 27. Juni 2011

Für sowas immer bei Dynamicdrive schauen.

Das hier sollte z.B. gehen:
http://www.dynamicdrive.com/dy…ex17/animatedcollapse.htm

**ov3rk1ll** · 27. Juni 2011

Javascript ist nicht schlimm.... nur extrem unkoordiniert xD
ich hab dir mal ein kleines script gebastelt:

HTML

<html>
<head>
<script>
function toggleInfo(id){
//infobox suchen
var obj = document.getElementById('userinfo' + id);
// wenn unsichtbar -> sichtbar machen
if(obj.style.display == 'none'){
obj.style.display = '';
}else{
obj.style.display = 'none';
}
}
</script>
</head>
<body>
<a href="#" onclick="toggleInfo('1234')">1234 (Click for Info)</a> <br />
<div id="userinfo1234" style="display:none">
Hier kommen mehr infos
</div>
<a href="#" onclick="toggleInfo('1337')">1337 (Click for Info)</a>
<div id="userinfo1337" style="display:none">
Hier kommen mehr infos zu 1337
</div>
</body>
</html>

Alles anzeigen

hoffe das ist verständlich.

Wenn du wirklich vorhast mehr mit js zu machen dann wirf mal eine Blick auf jQuery. Das ist eine js Bibliothek die dir einiges an Schreibarbeit abnehmen kann.

florian0 · 27. Juni 2011

Hiho,

an Dynamic Drive hab ich garnicht gedacht. Selbst verweise ich immer darauf, aber selbst schauen ...

@Ov3rk!ll: Danke für den Beispiel-Code, Ich bin mir zwar nicht sicher, ob ich wirklich was mit JavaScript zu tun haben möchte werd mir jQuery mal anschauen

Gruß
florian0

Teilen