Archiv

Autor Archiv

HTML Tabellenspalten per JavaScript ausblenden

30. September 2009 Jan Keine Kommentare

In letzter Zeit hatte ich sehr viel in der Schule zu tun und musste jeden Abend lernen. Ebenso genoss ich die letzten Sommertage mit meiner Freundin ;-) . So blieb leider nur sehr wenig Zeit für meinen Blog. :?

Das Backend meines selbstgeschriebenen Statistikscripts für computerjan.de habe ich durch eine kleine JS-Funktion erweitern können, die ich euch gleich mal “vorstellen” möchte.

Und zwar:

Einzelne Tabellenzellen lassen sich per JavaScript durch Zuweisung der HTML-Eigenschaft display: none relativ leicht ausblenden. Mit ganzen Spalten siehts da schon anderst aus. Also machte ich mich ein bisschen auf selfhtml schlau und kam dann zu diesem Ergebnis:

function spalteAus (colIndex, tableID, headlineID) {
  var table = document.getElementById(tableID);
  for (var r = 0; r < table.rows.length; r++) {
	table.rows[r].cells[colIndex].style.display = "none";
 }  
  document.getElementById(headlineID).style.display = "none";
}
function spalteEin (colIndex, tableID, headlineID) {
  var table = document.getElementById(tableID);
  for (var r = 0; r < table.rows.length; r++) {
	table.rows[r].cells[colIndex].style.display = '';
  }
   document.getElementById(headlineID).style.display = '';
}

Eure Tabelle und Kopfzeile muss eine eindeutige ID bekommen.
Beispiel:

<table id="maintable">
		<tr>
			<th>&Uuml;berschrift 1</th>
			<th>&Uuml;berschrift 2</th>
			<th id="col">&Uuml;berschrift 3</th>
			<th>&Uuml;berschrift 4</th>
			<th>&Uuml;berschrift 5</th>
		</tr>
		<tr>
			<td>2009-09-30</td>
			<td>01:22:42</td>
			<td>Mozilla/5.0 (compatible; Yahoo! Slurp/3.0)</td>
			<td>74.6.8.94</td>
			<td>/pages/photoshopkunst.html</td>
		</tr>
		<tr>
			<td>2009-09-30</td>
			<td>01:23:10</td>
			<td>Mozilla/5.0 (compatible; Yahoo! Slurp/3.0)</td>
			<td>74.6.8.94</td>
			<td>/pages/bildergalerie.html</td>
		</tr>
</table>

Die Useragents sind gekürzt und dienen nur als Beispiel !

Zur Anwendung könnt ihr die Funktion mit folgenden Parametern aufrufen:

<button type="button" onclick="spalteAus(2, 'maintable', 'col');">Ausblenden</button>
<button type="button" onclick="spalteEin(2, 'maintable', 'col');">Einblenden</button>

Parameter 1 ist eine Ganzzahl, die die Spalte angibt, die ausgeblendet werden soll (es wird bei 0 angefangen zu zählen :D !)
Parameter 2 ist ein String, der die ID der kompletten Tabelle enthält.
Mit dem dritten Parameter wird der Mini-Funktion die ID der Kopfzeile als String übergeben.

P.S.
Nicht wundern, das es in nächster Zeit so wenige Beiträge gibt… Schule geht bei mir erst mal vor :-)

KategorienJavascript Tags: , ,

Nützliches Wordpress-Cheatsheet

18. September 2009 Jan Keine Kommentare

Ein weiteres WP-Cheatsheet ist von Ekin Ertaç schon vor ein paar Monaten veröffentlicht worden. Heute bin ich durch den Blog vonwordpress-deutschland.org auf den “Spickzettel” gestoßen.

Zu finden im Blog von Ekin:
http://ekinertac.com/?p=259

KategorienWordpress Tags: ,

Neues Template – Minirelaunch

11. September 2009 Jan 1 Kommentar

Wie ich schon vor dem letzten Relaunch angekündigt habe, war das alte Template nur eine Übergangsversion. Heute Punkt 18 Uhr geht das neue Template alias iNove auf webwork-blog online.

In den nächsten Tagen werden von mir noch Feinheiten ausgebügelt es wird kleinen Übersetzungsfehlern oder XHTML-Kompatibilität  geschleift und noch ein Banner designt, sodass das Theme auch auf längere Zeit noch für mich interessant ist ;)

KategorienAllgemein Tags: ,

Die schönsten Pools der Welt

8. September 2009 Jan Keine Kommentare

Mal was anderes als Webwork ;) :
Sowas muss man einfach mal gesehen haben. t-online hat vor ein paar Tagen diesen Artikel hier veröffentlicht:

http://reisen.t-online.de/swimmingpools-die-schoensten-pools-der-welt/id_14929566/index

Dazu eine schöne Bilderserie mit den schönsten Pools auf Erden.

KategorienAllgemein Tags:

Neue Programmiercommunity im Netz: codekicker.de

7. September 2009 Jan Keine Kommentare

Heute früh las ich bei heise Devloper, das eine neue Programmiercommunity ihre Pforten geöffnet hat. Auf codekicker.de werden alle möglichen Programmier -, Auszeichnungs- oder Skriptsprachen in einem Forum von einer netten Community mit Experten und Anfängern heiß diskutiert. Jeder darf Fragen stellen und auch selbst welche beantworten.
So wie eigentlich in jeder Community… :)

KategorienAllgemein Tags: