<?xml version="1.0" encoding="utf-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Kommentare zu: Zebratabellen mit Javascript</title>
	<atom:link href="http://javascript.jstruebig.de/javascript/75/feed" rel="self" type="application/rss+xml" />
	<link>http://javascript.jstruebig.de/javascript/75</link>
	<description>Javascript-Blog mit Skripten, Beispielen, Lösungen und FAQ</description>
	<lastBuildDate>Fri, 03 Sep 2010 11:28:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Von: Struppi</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-20119</link>
		<dc:creator>Struppi</dc:creator>
		<pubDate>Tue, 01 Jun 2010 06:00:05 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-20119</guid>
		<description>Weiß ich nicht, ich kann leider nicht hellsehen.</description>
		<content:encoded><![CDATA[<p>Weiß ich nicht, ich kann leider nicht hellsehen.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Lennart</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-20118</link>
		<dc:creator>Lennart</dc:creator>
		<pubDate>Tue, 01 Jun 2010 05:47:32 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-20118</guid>
		<description>Jep habe ich. Nun funktioniert es auch. Musste da ein paar sachen ändern. Allerdings habe ich noch ein Problem:
Wenn ich die Tabelle per Prototype aus einer anderen Datei lade funktionieren weder sortierung noch zebra. 
Wie kann ich das ändern??</description>
		<content:encoded><![CDATA[<p>Jep habe ich. Nun funktioniert es auch. Musste da ein paar sachen ändern. Allerdings habe ich noch ein Problem:<br />
Wenn ich die Tabelle per Prototype aus einer anderen Datei lade funktionieren weder sortierung noch zebra.<br />
Wie kann ich das ändern??</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Struppi</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-20117</link>
		<dc:creator>Struppi</dc:creator>
		<pubDate>Fri, 28 May 2010 10:32:22 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-20117</guid>
		<description>Hast du tatsächlich das Skript von &lt;a href=&quot;http://javascript.jstruebig.de/js/sort_table.js&quot; rel=&quot;nofollow&quot;&gt;hier&lt;/a&gt;? Weil das funktioniert bei mir ohne Probleme mit dem Zebrasript.

Es gibt aber eine ältere Version, die fehlerhaft war.</description>
		<content:encoded><![CDATA[<p>Hast du tatsächlich das Skript von <a href="http://javascript.jstruebig.de/js/sort_table.js" rel="nofollow">hier</a>? Weil das funktioniert bei mir ohne Probleme mit dem Zebrasript.</p>
<p>Es gibt aber eine ältere Version, die fehlerhaft war.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Lennart</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-20113</link>
		<dc:creator>Lennart</dc:creator>
		<pubDate>Wed, 26 May 2010 13:56:08 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-20113</guid>
		<description>Moin 

Hab da mal eine frage: Bei mir ist das Problem das es nicht gut mit der sortierung arbeitet. 
Manchmal sind dann 2 gleichfarbige rows untereinander wenn ich sortiert habe!
Wie kann ich das machen das er die Zebra Funktion beim anklicken der Sortierung neu macht?
Aber danke! 
Super funktionen hier!</description>
		<content:encoded><![CDATA[<p>Moin </p>
<p>Hab da mal eine frage: Bei mir ist das Problem das es nicht gut mit der sortierung arbeitet.<br />
Manchmal sind dann 2 gleichfarbige rows untereinander wenn ich sortiert habe!<br />
Wie kann ich das machen das er die Zebra Funktion beim anklicken der Sortierung neu macht?<br />
Aber danke!<br />
Super funktionen hier!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Struppi</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19995</link>
		<dc:creator>Struppi</dc:creator>
		<pubDate>Thu, 17 Dec 2009 07:26:41 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19995</guid>
		<description>Ohne Kenntniss wie diese Klapptabelle arbeitet läßt sich das nicht sagen. Du müßtest aber so oder so das Skript individuell anpassen.</description>
		<content:encoded><![CDATA[<p>Ohne Kenntniss wie diese Klapptabelle arbeitet läßt sich das nicht sagen. Du müßtest aber so oder so das Skript individuell anpassen.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: tipi</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19994</link>
		<dc:creator>tipi</dc:creator>
		<pubDate>Wed, 16 Dec 2009 18:25:50 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19994</guid>
		<description>Hallo!

Vielleicht hast Du einen guten Vorschlag:
Wie könnte ich denn am geschicktesten die Zebratabelle auf eine Klapptabelle (ist nicht Deine - sorry) anwenden, dass von den dargestellten rows nur die sichtbaren (wenn eingeklappt) regelmäßig gestreift sind?

lg tipi</description>
		<content:encoded><![CDATA[<p>Hallo!</p>
<p>Vielleicht hast Du einen guten Vorschlag:<br />
Wie könnte ich denn am geschicktesten die Zebratabelle auf eine Klapptabelle (ist nicht Deine - sorry) anwenden, dass von den dargestellten rows nur die sichtbaren (wenn eingeklappt) regelmäßig gestreift sind?</p>
<p>lg tipi</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Struppi</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19993</link>
		<dc:creator>Struppi</dc:creator>
		<pubDate>Mon, 14 Dec 2009 10:47:11 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19993</guid>
		<description>Du musst die init Funktion aufrufen, z.b. onload oder im HTML Code vor dem schliessendem body-Tag</description>
		<content:encoded><![CDATA[<p>Du musst die init Funktion aufrufen, z.b. onload oder im HTML Code vor dem schliessendem body-Tag</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Pede</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19991</link>
		<dc:creator>Pede</dc:creator>
		<pubDate>Fri, 11 Dec 2009 13:41:55 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19991</guid>
		<description>Ich bekomme dein Script leider nicht zum Laufen.

In einer einfachen Seite (HTML 4 Strict) habe ich eine wohlgeformte Tabelle mit Head, Foot und Body. Im head dieses Dokuments verweise ich auf
 


Die css-Datei enthält nur unten stehenden Code, die zebratabelle.js dein Script.
.odd {
    background-color: red;
}

Hast du einen Tipp?

Danke
Pede</description>
		<content:encoded><![CDATA[<p>Ich bekomme dein Script leider nicht zum Laufen.</p>
<p>In einer einfachen Seite (HTML 4 Strict) habe ich eine wohlgeformte Tabelle mit Head, Foot und Body. Im head dieses Dokuments verweise ich auf</p>
<p>Die css-Datei enthält nur unten stehenden Code, die zebratabelle.js dein Script.<br />
.odd {<br />
    background-color: red;<br />
}</p>
<p>Hast du einen Tipp?</p>
<p>Danke<br />
Pede</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Flor1an</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19927</link>
		<dc:creator>Flor1an</dc:creator>
		<pubDate>Wed, 23 Sep 2009 13:12:56 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19927</guid>
		<description>Ach so, vielen Dank.

Einen schönen Tag wünsch ich noch, und vielen Dank nochmal für die Hilfe. :)

Gruß
Florian</description>
		<content:encoded><![CDATA[<p>Ach so, vielen Dank.</p>
<p>Einen schönen Tag wünsch ich noch, und vielen Dank nochmal für die Hilfe. <img src='http://javascript.jstruebig.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Gruß<br />
Florian</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Struppi</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19926</link>
		<dc:creator>Struppi</dc:creator>
		<pubDate>Wed, 23 Sep 2009 13:09:48 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19926</guid>
		<description>spalte ist ein Platzuhalter oder ein Variabel, du kannst da entweder schreiben:
var spalte = 5;

oder direkt anstatt spalte die Nummer eingeben:
SortTable.init().forEach( function(el) {el.sort(5); });</description>
		<content:encoded><![CDATA[<p>spalte ist ein Platzuhalter oder ein Variabel, du kannst da entweder schreiben:<br />
var spalte = 5;</p>
<p>oder direkt anstatt spalte die Nummer eingeben:<br />
SortTable.init().forEach( function(el) {el.sort(5); });</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Flor1an</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19925</link>
		<dc:creator>Flor1an</dc:creator>
		<pubDate>Wed, 23 Sep 2009 13:03:40 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19925</guid>
		<description>Danke schonmal das Du dir die Zeit nimmst und meine Fragen beantwortet hast. 

Asche über mein Haupt, schon wieder hab&#039; ich Spalte geschrieben. :(

Eine letzte Frage hätte ich noch: wie gebe ich an welche Spalte vorsortiert wird? Sorry für die Laeinhafte Frage, PHP ist für mich einfacher zu verstehen als Javascript.</description>
		<content:encoded><![CDATA[<p>Danke schonmal das Du dir die Zeit nimmst und meine Fragen beantwortet hast. </p>
<p>Asche über mein Haupt, schon wieder hab' ich Spalte geschrieben. <img src='http://javascript.jstruebig.de/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p>Eine letzte Frage hätte ich noch: wie gebe ich an welche Spalte vorsortiert wird? Sorry für die Laeinhafte Frage, PHP ist für mich einfacher zu verstehen als Javascript.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Struppi</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19924</link>
		<dc:creator>Struppi</dc:creator>
		<pubDate>Wed, 23 Sep 2009 12:45:03 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19924</guid>
		<description>Du musst einfach, die init() Funktion erweitern:

SortTable.init().forEach( function(el) {el.sort(spalte); });

Wobei der IE &lt;7 kein forEach() kennt, das muss dann nachgerüstet werden. Die Spalte kriegt kein Zebramuster, aber die Reihen schon.</description>
		<content:encoded><![CDATA[<p>Du musst einfach, die init() Funktion erweitern:</p>
<p>SortTable.init().forEach( function(el) {el.sort(spalte); });</p>
<p>Wobei der IE &lt;7 kein forEach() kennt, das muss dann nachgerüstet werden. Die Spalte kriegt kein Zebramuster, aber die Reihen schon.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Flor1an</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19923</link>
		<dc:creator>Flor1an</dc:creator>
		<pubDate>Wed, 23 Sep 2009 12:25:42 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19923</guid>
		<description>Vielen Dank, 

jetzt funktioniert es. Ich musste zu deinem Code allerdings noch ein:
	  
else if (document.getElementById(id).className == &#039;odd&#039;) {
		  document.getElementById(id).className = &#039;selected&#039;;
		  }

einfügen, damit auch die schon gestreiften reihen beim anklicken der Checkbox markiert werden. Sonst sind sie immer in der Zebrafarbe geblieben.

Eine Frage hätte ich da noch - ich hoffe das ins ok wenn ich sie hier stelle. Du hast ja eine Funktion eingebaut die eine Spalte (diesmal meine ich auch eine Spalte, danke für die Korrektur :-)) beim laden einer Seite vorsortiert. Einmal verstehe ich diese nicht, und zum anderen würde es mich interessieren ob die vorsortierte Spalte auch gestreift wird sofern man das Zebrascript verwendet.

Gruß
Florian</description>
		<content:encoded><![CDATA[<p>Vielen Dank, </p>
<p>jetzt funktioniert es. Ich musste zu deinem Code allerdings noch ein:</p>
<p>else if (document.getElementById(id).className == 'odd') {<br />
		  document.getElementById(id).className = 'selected';<br />
		  }</p>
<p>einfügen, damit auch die schon gestreiften reihen beim anklicken der Checkbox markiert werden. Sonst sind sie immer in der Zebrafarbe geblieben.</p>
<p>Eine Frage hätte ich da noch - ich hoffe das ins ok wenn ich sie hier stelle. Du hast ja eine Funktion eingebaut die eine Spalte (diesmal meine ich auch eine Spalte, danke für die Korrektur <img src='http://javascript.jstruebig.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> ) beim laden einer Seite vorsortiert. Einmal verstehe ich diese nicht, und zum anderen würde es mich interessieren ob die vorsortierte Spalte auch gestreift wird sofern man das Zebrascript verwendet.</p>
<p>Gruß<br />
Florian</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Struppi</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19922</link>
		<dc:creator>Struppi</dc:creator>
		<pubDate>Wed, 23 Sep 2009 07:16:04 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19922</guid>
		<description>Du meinst die Reihe, nicht Spalte. 
Das sollte eigentlich kein Problem sein. Bzw. musst du evtl. dein Skript ändern und zwar so, dass die Klassenbezeichnung hinzugefügt wird.

document.getElementById(id).className += ’ selected’;</description>
		<content:encoded><![CDATA[<p>Du meinst die Reihe, nicht Spalte.<br />
Das sollte eigentlich kein Problem sein. Bzw. musst du evtl. dein Skript ändern und zwar so, dass die Klassenbezeichnung hinzugefügt wird.</p>
<p>document.getElementById(id).className += ’ selected’;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Von: Flor1an</title>
		<link>http://javascript.jstruebig.de/javascript/75/comment-page-1#comment-19921</link>
		<dc:creator>Flor1an</dc:creator>
		<pubDate>Tue, 22 Sep 2009 22:40:43 +0000</pubDate>
		<guid isPermaLink="false">http://javascript.jstruebig.de/javascript/75/#comment-19921</guid>
		<description>Hallo Struppi,

ich benutze bei einer meiner Tabellen sowohl dein Skript zum sortieren der Tabelle, als auch das Zebra-Skript. Funktionieren beide einwandfrei und sind schnell wie Schmidts Katze. :) Nun zu meinem Problem: ich habe in jeder Tabellenzeile eine Checkbox mit der man die jeweilige Spalte auswählt (alles zwischen tr und /tr, nicht das ich mich schlecht ausdrücke).

Dafür habe ich mir ein kleines Javascipt geschrieben welches mir die Spalte einfärbt. Der Aufbau davon ist folgender:

[CODE]
function SetColor(id){
   if (document.getElementById(id).className == &#039;unselected&#039;) {
   document.getElementById(id).className = &#039;selected&#039;;
   }
else {
   document.getElementById(id).className = &#039;unselected&#039;;
   }
}
[/CODE]

Das Problem dabei ist das dein Zebrascript auch die Klasse der ausgewählten Felder ändert. Da ich gestern erst mit Javascript angefangen habe war es mir bisher nicht möglich dein Script so zu ändern das es nicht mehr passiert. Wie muss ich da rangehen um das zu schaffen?

Gruß
Flor1an</description>
		<content:encoded><![CDATA[<p>Hallo Struppi,</p>
<p>ich benutze bei einer meiner Tabellen sowohl dein Skript zum sortieren der Tabelle, als auch das Zebra-Skript. Funktionieren beide einwandfrei und sind schnell wie Schmidts Katze. <img src='http://javascript.jstruebig.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Nun zu meinem Problem: ich habe in jeder Tabellenzeile eine Checkbox mit der man die jeweilige Spalte auswählt (alles zwischen tr und /tr, nicht das ich mich schlecht ausdrücke).</p>
<p>Dafür habe ich mir ein kleines Javascipt geschrieben welches mir die Spalte einfärbt. Der Aufbau davon ist folgender:</p>
<p>[CODE]<br />
function SetColor(id){<br />
   if (document.getElementById(id).className == 'unselected') {<br />
   document.getElementById(id).className = 'selected';<br />
   }<br />
else {<br />
   document.getElementById(id).className = 'unselected';<br />
   }<br />
}<br />
[/CODE]</p>
<p>Das Problem dabei ist das dein Zebrascript auch die Klasse der ausgewählten Felder ändert. Da ich gestern erst mit Javascript angefangen habe war es mir bisher nicht möglich dein Script so zu ändern das es nicht mehr passiert. Wie muss ich da rangehen um das zu schaffen?</p>
<p>Gruß<br />
Flor1an</p>
]]></content:encoded>
	</item>
</channel>
</rss>
