Zum Inhalt springen

tt_news Singleansicht in Lightbox ausgeben

Erstellt am 30. April 2009 · 4 Antworten · letzte Antwort am 5. Januar 2012

Tags: tt_news, JavaScript & AJAX, Frage

lil-trick ·

Hallo,

ich hab ne tt_news Liste - wenn ich dort auf einen Newsbeitrag gehe - möchte ich gerne das dieser in einer Lightbox aufgeht (also die Single Ansicht)- also - ist das irgendwie möglich?

einpraegsam.​net ·

Warum nicht - du musst dem Link ja vermutlich nur einen weiteren Paramter zuführen - sollte vermutlich im ts von tt_news machbar sein schätze ich

yahooooo ·

Ich habe kürzlich sowas ähnliches mal für verlinkte Bilder in (Text+)Bild-Elementen gebastelt. Basiert auf jQuery und dem Plugin SimpleModal.

// jqModal-produktdetails.js

$(document).ready(function() {
	// Ladegrafik ausblenden
	$('#loading').css({display:'none'});
	
	// alle Links im Container mit der id #rand 
	$("#rand a").bind("click", function(e){
		//linkziel auslesen und &type=1 dahinter
		var link = $(this).attr("href")+'&type=1';
		
		//Ladegrafik einblenden
		$('#loading').css({display:'block'});
		
		/* Inhalt von der verlinkten Seite lesen und in den Container 
		#modalContent schreiben */
		$("#modalContent").load(link,function(e){
			// anschließend Ladegrafik ausblenden 
			$('#loading').css({display:'none'});
			// Modalfenster darstellen
			$.modal($('#modalContent'));
		});
		// return false nicht vergessen, sonst öffnet sich der Link
		return false;
	});
});

Zur weiteren Erklärung: ich habe per TS einen zusätzlichen Seitentyp (1) angelegt, um ein etwas anderes Layout (abgespeckter) zu bekommen. Der Rest steht als Kommentar im Code. Wichtig: ihr braucht einen Container für die Zwischenspeicherung (hier #modalContent).

Ich denke, dass Ihr das bestimmt entsprechend umschreiben könnt, um das auch mit tt_news zu verwenden. Im Prinzip braucht man ja nichts weiter als einen Temp.-Container einzufügen und die Zeile mit der bind-Funktion anzupassen...
Naja, und natürlich die JS-Dateien reinladen.

Das Ganze hat jedenfalls den Vorteil, dass das auch bei abgeschaltetem JS funktioniert. Dann wird einfach die normale Single-Ansicht gezeigt.

annett ·

Hallo,

hat dafür jemand eine Endlösung? Leider kann ich das selbst nicht zusammenbasteln, würde mich über jegliche Hilfe freuen.

Gruß Annett