Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.
Seiten: 1
#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
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
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
Seiten: 1