Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 22. Mai 2012 12:03

knurf275
hat von CMS/ms gehört
Registriert: 22. Mai 2012
Beiträge: 5

News Zusammenfassung - per Klick zur nächsten ohne Reload der Seite

Hallo zusammen,

folgende Idee würde ich gerne umsetzen, komme aber nicht wirklich weiter: in einem DIV unten auf einer Website soll zunächst die aktuellste Nachricht (aus dem News Modul) als Zusammenfassung stehen.

Dann soll es einen Link geben, so etwas wie "nächste Nachricht", auf welchen man klicken kann und dann wird innerhalb dieses DIVs die Zusammenfassung der nächsten Nachricht angezeigt. Dies nur für aktive News einer festgelegten Kategorie.

Und es soll nicht jedes mal die Seite an sich neu geladen werden... nur das DIV soll sich aktualieren.

Kann mir da zufällig jemand weiterhelfen?

Vielen Dank und Grüße

Offline

#2 22. Mai 2012 12:15

nockenfell
Moderator
Ort: Gontenschwil, Schweiz
Registriert: 09. November 2010
Beiträge: 2.934
Webseite

Re: News Zusammenfassung - per Klick zur nächsten ohne Reload der Seite

Das tönt nach einem Slider.

Bsp: http://css-tricks.com/examples/AnythingSlider/#panel2-5 (wahrscheinlich nicht der beste Slider dazu, aber einfach ein Beispiel)


[dieser Beitrag wurde mit 100% recycled bits geschrieben]
Mein Blog  /   Diverse Links rund um CMS Made Simple
Module: btAdminer, ToolBox

Offline

#3 22. Mai 2012 12:26

antibart
Server-Pate
Registriert: 14. Dezember 2010
Beiträge: 880

Re: News Zusammenfassung - per Klick zur nächsten ohne Reload der Seite

Es gibt einen netten, einfachen Slider für CMSMS, der ohne Modulverwaltung auskommt und automatisch ein passendes News-Template installiert.

http://dev.cmsmadesimple.org/projects/nslide

JQuery muss natürlich installiert sein.

Beitrag geändert von antibart (22. Mai 2012 12:27)

Offline

#4 22. Mai 2012 13:37

knurf275
hat von CMS/ms gehört
Registriert: 22. Mai 2012
Beiträge: 5

Re: News Zusammenfassung - per Klick zur nächsten ohne Reload der Seite

Danke für die schnellen Reaktionen. :-)

Kommen nur beide nicht so ganz hin... habe damit gerade experimentiert.

Und es muss doch auch einfacher gehen.... ein DIV welches per jqeury und Linkklick die nächste Newszusammenfassung zeigt.

Apropo... gibt es überhaupt Variablen dafür? Also um die "nächste" Newszusammenfassung aufzurufen?

Offline

#5 22. Mai 2012 14:09

NaN
Moderator
Ort: Halle (Saale)
Registriert: 09. November 2010
Beiträge: 4.437

Re: News Zusammenfassung - per Klick zur nächsten ohne Reload der Seite

Einfacher?
Du fügst Deine News ganz einfach ins Template ein. Packst sie (über ein spezielles News Zusammenfassungs Template) in eine Liste und die einzelnen Artikel in Listenpunkte (ich hasse das mit diesen Listen zwar wie die Pest, aber die Javascripts wollen das ständig so, als gäbe es im HTML nichts anderes was man dazu nutzen könnte):

[== News-Template ==]
<ul id="news_slide">
{foreach from ... }
<li> Zusammenfassung</li>
{/foreach}
</ul>

Dann fügst Du das AnythingSlider CSS und das Javascript ins Template ein und sagst diesem, dass es die News "sliden" soll:

[== Seiten-Template ==]
<div id="news">
{news summarytemplate="news_slide"}
</div>
{literal}
$('#news_slide').anythingSlider();
{/literal}

Der Rest steht auf der Demoseite von AnythingSlider.
Einfacher gehts nicht.


Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

Offline

#6 22. Mai 2012 14:53

Henk1060
Server-Pate
Registriert: 12. August 2011
Beiträge: 632

Re: News Zusammenfassung - per Klick zur nächsten ohne Reload der Seite

antibart schrieb:

Es gibt einen netten, einfachen Slider für CMSMS, der ohne Modulverwaltung auskommt und automatisch ein passendes News-Template installiert.

http://dev.cmsmadesimple.org/projects/nslide

JQuery muss natürlich installiert sein.

Also diese ding fnde ich toll... die beschreibung hätte besser sein können wink
aber es tut was es soll....

Für mich das richtige....

Offline

#7 22. Mai 2012 15:01

NaN
Moderator
Ort: Halle (Saale)
Registriert: 09. November 2010
Beiträge: 4.437

Re: News Zusammenfassung - per Klick zur nächsten ohne Reload der Seite

Moment ... mir schwant da etwas ... die Rede ist hier doch nicht etwa von AJAX, oder?
Also es soll nur ein Artikel geladen werden und per Klick via Ajax der nächste nachgeladen?

Das könnte funktionieren. Das News-Modul kann die Artikel auf mehrere Seiten verteilen. Wenn man die Anzahl der News-Artikel pro Seite auf 1 beschränkt, dann hat man für jeden weiteren Artikel einen Link. Den kann man dann auch via jQuery.ajax() ansteuern und dann, wenn der nächste Artikel geladen wurde, den Slider selber triggern. Man muss nur den URL Parameter showtemplate=false an den Link dran hängen. (sonst wird die komplette Seite und nicht nur der Artikel angezeigt)

Oder du probierst es mit meinem Plugin AjaxTools (besser die SVN Version).
Da kannst Du den "Next-Link" im Zusammenfassungstemplate mit einem einfachen onClick-Event belegen. Die Funktion, was danach dann mit dem Ergebnis gemacht werden soll, musst Du dazu allerdings selber schreiben. Kannst allerdings auch mit jQuery arbeiten. Musst an jQuery nur die URL des Plugins und als Parameter die URL des News-Moduls nehmen.


Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

Offline

#8 23. Mai 2012 12:09

knurf275
hat von CMS/ms gehört
Registriert: 22. Mai 2012
Beiträge: 5

Re: News Zusammenfassung - per Klick zur nächsten ohne Reload der Seite

Hallo NaN,

genau so ist es angedacht. :-) Also es wird eine News geladen werden und per Klick die nächste. Und dafür soll nicht die ganze Seite neu geladen werden, sondern nur z. B. ein DIV.

Mir fehlt leider das erforderliche technische Verständnis für deine Lösung, aber so kann ich in die Richtung besser rechercheiren. Vielen Dank!

Gruß

Offline