Probleme mit RealUrl und jQuery Tabs

Mittwoch, 14.12.2011 16:40

Bei der Arbeit mit jQuery Tabs in Verbindung mit RealUrl tauchte das Phänomen auf, dass im aktiven Tabinhalt die Seite selbst dargestellt wurde. Dies setzte sich endlos fort, bis der Browser voll lief. Nach einiger Recherche wurde klar, dass sich RealUrl und jQuery Tabs nur bedingt vertragen.

Hier nun die Lösung:

Direkt vor dem Initialisieren der Tabs mittels

$('.tabsContainer').tabs();

müssen die Link-href´s per jQuery überschrieben werden:

$(".tabsContainer > ul a").attr("href", function() {
if ($(this).attr("href").indexOf("#") > -1) { return "#" + $
(this).attr("href").split("#")[1]; } else { $(this).attr("href"); }
});

Thema: TYPO3 | Kommentare (2) | Autor:

Datum der tt_news als Grafik darstellen

Montag, 21.11.2011 19:13

Möchte man das Datum in der Latest-, List- oder/und Single-Ansicht der tt_news als Grafik darstellen, so ist etwas TypoScript-Arbeit nötig. Mit folgendem Schnipsel (am Beispiel Latest-Ansicht) ist dies aber kein (größeres) Problem.

plugin.tt_news {
	displayLatest {
		date_stdWrap.strftime >
		date_stdWrap.cObject = IMAGE
		date_stdWrap.cObject.titleText.field = title
		date_stdWrap.cObject.altText.field = title
		date_stdWrap.cObject.file = GIFBUILDER
		date_stdWrap.cObject.file {
			# Groesse der zu erzeugenden Grafik
			XY = 49, 49
			# Format der Grafik
			format = jpg
			# Qualitaet der Grafik
			quality = 95
			# Daten fuer die Hintergrundgrafik
			10 = IMAGE
			# Pfad zum Hintergrundbild - hier ist der Pfad in einer Konstanten gespeichert
			10.file = {$filepaths.images}news-latest-date.jpg
			# Daten fuer den Tag
			20 = TEXT
			# Das Datumsfeld der tt_news verwenden
			20.text.field = datetime
			# Aus dem Datumsfeld wird nur der Tag verwendent
			20.text.date = d
			# Pfad zur Schriftart (ttf) - hier ist der Pfad in einer Konstanten gespeichert
			20.fontFile = {$filepaths.fonts}arial.ttf
			# Schriftgroesse
			20.fontSize = 18
			# Schriftfarbe
			20.fontColor = #ffffff
			# Abstand (links, oben)
			20.offset = 0, 25
			# Schrift formatieren
			20.antiAlias = 1
			20.niceText = 1
			# Ausrichtung des Datums
			20.align = center
			# Daten fuer Monat und Jahr
			# aus den Einstellungen vom Tag erben
			30 < .20
			# Monat als dreibuchstabige Abkürzung und zweistelliges Jahr
			30.text.date = M.y
			# Schriftgroesse
			30.fontSize = 9
			# Abstand (links, oben)
			30.offset = 0, 40
		}
	}
}

Thema: Extensions, TYPO3, TypoScript | Kommentare (0) | Autor:

TYPO3 Internetagentur Dresden