Thema: JCE Editor, eigene CSS Klassen für Tabellen (odd/even)

Vielleicht mal noch eine zusätzliche Frage. Wie kann ich denn für alle Tabellen die ich einfüge schon gewisse Styles vorgeben? Problem ist, packe ich sowas wie

Code:

.tr {
border: 1px solid black;
}

In meine template.css dann gilt das natürlich für alle Tabellenzeilen. Also auch für den restlichen Content, den Joomla 1.5 ja leider immer noch in Tabellenform anlegt.

Also ich habe das Problem gelöst.

Was habe ich gemacht. Erst mal kann der JCE leider nicht das was ich eigentlich haben will. Denn ich will, dass die entsprechenden CSS Klassen bereits beim erstellen der Tabelle eingefügt werden. Entsprechend habe ich als erstes die table.js angepasst

Code:

for (var y=0; y<rows; y++) {
		//html += "<tr>";
		//Give all odd and even rows the appropriate css class
		modulo = (y+1) % 2
		if (modulo != 0)
			html += "<tr class=\"tr-odd\">";
		else
			html += "<tr class=\"tr-even\">";

		for (var x=0; x<cols; x++) {
			if (!tinymce.isIE)
				html += '<td><br data-mce-bogus="1"/></td>';
			else
				html += '<td></td>';
		}

		html += "</tr>";
	}

Ich habe in die for schleife einen Mechanismus über den Modulo Operator eingebaut. Dementsprechend werden die Zeilen bereits mit einer Klasse versehen.
Jetzt kommt diese Reihenfolge natürlich durcheinander wenn ich Zeilen einfüge oder lösche. Dazu habe ich in die editor_plugin.js eine neue Feunktion eingebaut.

Code:

function updateRowsClass() {
			//var rows = table.rows;
			var rows = table.getElementsByTagName("tr");
			//console.log("rows.length", rows.length);
			for (var i=0; i<rows.length; i++) {
				modulo = (i+1) % 2
				if (modulo != 0) {
					//console.log("odd rows[",i ,"] ", rows[i]);
					dom.setAttrib(rows[i], 'class', "tr-odd");
					//updateRowAfterInsDel(rows[i], ".tr-odd");
				} else {
					//console.log("even rows[",i ,"] ", rows[i]);
					dom.setAttrib(rows[i], 'class', "tr-even");
					//updateRowAfterInsDel(rows[i], ".tr-even");
				}
			}
		};

Die wird jetzt immer aufgerufen wenn an den Zeilen etwas geändert wird. Funktioniert bisher einwandfrei. Jetzt entschlacke ich noch die Dialoge und am Schluss gibt es auf der ganzen Seite noch 4 unterschiedliche Tabellenlayouts
Allerdings dürfte der Aufwand mit Tabellenzellen noch deutlich größer werden...

Grüße

Ja gute Frage Wobei hier ein Update des JCE wohl eher das Problem wäre. Ich muss mal herausfinden ob ich das als Override ins Template Verzeichnis kopieren kann.

Hallo saedelaere,

der code ist ja super! Hab den ersten Codeteil schon in table.js eingefügt und funktioniert! Leider hab ich es nicht geschafft die richtige Stelle für updateRowsClass() zu finden. Wo füge ich das richtig ein?

Danke schon mal!