Weiterlesen-Button

  • Hallo.

    Mag sein, dass ich's bisher übersehen habe - gibt es einen "Weiterlesen"-Button/Link? Also dass nur ein Teil eines Textes angezeigt wird und der Rest auf Klick aufklappt/eingeblendet wird?

    Oder kann man das elegant anders lösen?

    Uwe

  • ...ja ich hätte da etwas, die sogenannte akkordeon funktion

    http://docs.jquery.com/UI/Accordion#demo


    in den quelltextartikel einfügen

    anpassen siehe im code deine überschrift, dein text

    gruss

    wolfgang

  • Den oben abgebildeten Code bitte so nicht in einen Artikel einfügen. Der enthält einen Aufruf zu jQuery, das bereits in allen Layouts enthalten ist und zudem enthält er noch den kompletten HTML <body> etc. der ja auch bereits in der Seite vorhanden ist.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • aha stefan gut zu wissen, kannst du uns schreiben wie man ihn verändern sollte, dass es zeta konform ist... er fuktioniert zwar in dieser form aber es wäre natürlich besser wenn man mit deiner hilfe ungeahnte probleme aus dem weg geht....

    gruss

    wolfgang

  • Sorry, aber das würde den Rahmen hier sprengen und käme einem HTML/Javascript Kurs gleich.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Stefan.

    Vielleicht kannst Du ja - anstatt hier einen Kurs zu geben - die Funktion einfach gleich mit einbauen... Entweder mit einem zweigeteilten Artikelfenster (Vorspann, Text) oder durch Einfügen eines Tags "Weiterlesen" im Textfenster. Für euch Spezialisten ist das doch eher ein "Klacks"...

    Viele Grüße und schönes Wochenende - Uwe

  • Hm Stefan, nicht wirklich zufriedenstellend, wenn ich da an so manche konversation
    (und niveau) eurerseits mit den usern sebastian schiller oder austriche2006
    denke, verstehe ich das nicht….

    ….jut uwe, dann wagen wir uns mal daran....

    uwe, du gehst auf den den zeta verzeichnisbaum und klickst mit der rechten maustaste auf mein projektname ->eigenschaften-> attribute->alle und wählst dann mit doppelklick „additional meta“ (das ist nichts anderes als wenn man in einem ganz normalen html editor etwas in den headbereich schreibt, also zwischen <head>blablabla</html>

    Hier fügst du den nachfolgenden code ein…(das sagt dem browser er soll
    die nachfolgenden dinge aufrufen7bearbeiten)


    Den letzten brauchst du nicht einfügen, der ist ja wie Stefan schreibt schon bei zeta vorhanden und liegt unter


    …..media/Scripting/ServerSideScripting/jQuery/jquery-1.5.1.min.js ...in deinem verzeichnis auf dem web server


    Das müsste also auch ohne funktionieren , probiere es einfach aus, wenn
    nicht, dann lässte ihn halt drin, funktioniert ja….

    Dann fügst du ebenfalls dort die nachfolgende scriptanweisung ein


    Und jetzt schließt du das ganze mit
    ok

    Nun in zeta einen quelltextartikel aufrufen

    Dort fügst den nachfolgenden funktionsaufruf
    ein

    Code
    <DIV id=accordion>	<H3><A href="#">deine überschrift</A></H3>	<DIV>	<P>	<P style="MARGIN-RIGHT: 0px" dir=ltr align=left ><FONT color=#666666>dein text</FONT></P>	<P></P>	</DIV></DIV>

    Diesen rummel hier löscht du einfach raus

    Code
    </head><body style="font-size:62.5%;">


    Den BLOCKQUOTE (einrückanweisung) ebenfalls, das war etwas für mein projekt, hatte ich übersehen ebenfalls zu löschen

    so das war es schon uwe....

    das sollte so eigentlich funktionieren, probiere es einfach mal aus (aber
    kurz mal vorher dein projekt sichern!)

    achso, was ich noch vergessen habe, der code oben passt genau für deine
    anfrage, original im beispiel hat er ja 4 rubriken/überschriften,
    ich habe ihn damals für mich so abgewandelt, so dass er eben genau nur eine überschrift hat
    und der textbereich auch geschlossen ist..original ist eine überschrift mit text immer offen…ach ja, und wenn du auf einer seite
    mehr als ein akkordeon verwendest, dann muss man die einzeln benennenj, ich hatte
    das ebenfalls damals ausprobiert, ich meine wenn man accordion1, accordion2 etc.
    schreibt dann klappte das ….
    so, ich hoffe das klappt auch bei dir, kannst ja mal berichten...

    gruss
    wolfgang

    2 Mal editiert, zuletzt von toni (26. September 2012 um 08:07)

  • Vielen Dank Wolfgang, für alle Ihre Informationen, die mich etwas überfordern.

    Habe unter Attribute den oben erwähnten Code eingegeben und nun erscheint auf meinem Layout, ganz oben:

    href="http://ajax.googleapis.com/ajax/libs/jque…e/jquery-ui.css" rel="stylesheet" type="text/css"/>

    Gehe ich zurück auf Attribute, additional_meta ist das Feld leer.

    Wie lösche ich diese Fehlermeldung wieder?

    Vielen Dank im Voraus.

  • moin sunday010,
    hm, keine ahnung was du da gemacht hast, wenn du es so mit additional meta gemacht hast wie oben beschrieben, dann muss der eintrag im head drin stehen und in dem attribute auch löschbar sein, fakt ist er steht jetzt drin und ist nicht löschbar....könnte aber auch sein das durch eine aktualisierung alles wieder normal angezeigt wird.....ggf. für alle fälle hatte ich ja geschrieben sicherheitskopie machen! ansonsten müsste der eintrag ja in der default.html stehen, dort kann man ihn auch löschen, aber auch hier sicherheitskopie machen....

    ok, wenn er auf der seite angezeigt wird dann stimmt etwas mit code nicht, ah, ich habe es gefunden, das folgendef ehlt
    "<link"

    ohne anführungszeichen

    wurde versehentlich wohl nicht mit rein kopiert, werde es gleich ergänzen, im ursprungscode steht es noch drin...

    bis denne
    wolfgang

  • Danke, doch ich ging auf die sichere Seite und holte das letzte Backup ab.
    Ein paar kleine Ergänzungen und sie sieht aus wie neu.

  • Lieber Stefan,

    diese Sache mit Wolfgangs »Akkordeon« ist zwar ganz nett, aber für Seiten, die sich dauernd ändern (z.B. bei »Aktuelles«-Seiten eines Anbieters), ist das eher unzweckmäßig. Normalerweise löse ich portalähnliche Seiten eher mit Joomla, wo das alles kein Problem ist, aber mit dem Zeta-P wollte ich eigentlich weg von diesen komplexen Installationen, Datenbank etcpp. Klappt ja auch ganz gut soweit.

    Nur: Neben der schon anderswo angesprochenen Captcha-Frage st diese »Weiterlesen«-Funktion schon ein nicht unwichtiges Feature. Es wäre wirklich schön, wenn das auf der ToDo-Liste weit nach vorne gerückt werden könnte... Für Script- und Code-Kenner ist das ja letztlich auch kein großer Akt.

    Muss ja nicht gleich eine zwei-Fenster-Lösung sein wir im Kalendermodul; über die »Einfügen«-Box einfach an der gewünschten Stelle ein Tag einfügen, der dann den Weiterlesen-Link aufruft, würde ja reichen.

    Zurzeit muss ich mich einer Site damit behelfen, dass ich neben dem Anreißer-Beitrag, der über das Menü aufgerufen wird, eine zweite Seite als Langfassung erstelle, die dann im Menü »nicht sichtbar« definiert ist und die mit dem »Weiterlesen«-Link dann aufgerufen wird.

    Ist leider etwas aufwendig, wenn das ganze dann auch noch mit Fotos und einer Zeitsteuerung versehen ist.

    Ansonsten kann ich immer wieder nur schwärmen: ZetaProducer ist eine eine tolle Anwendung für kleine bis mittlere Seiten, auf mit professionellem Anspruch. Für relativ statische Seiten sowieso.

    Viele Grüße - Uwe

  • Hallo Uwe,

    nur mal um zu verstehen, was Du dir da so vorstellst.

    Stell Di mal einen erweiterten "Einspaltiger Text" Artikelstil vor, der ein 2. Textfeld (für erweiterten Text) und ein 3. Textfeld für das "weiterlesen" label enthält:

    Man würde in das normale Textfeld dann nur den Anreißer eingeben, ins 2. Textfeld den erweiterten Text und ins 3. Textfeld, den Text, den man als "weiterlesen" link dargestellt haben möchte.

    Öffnet man eine Seite mit einem solchen Artikel, sieht man initial nur das das Bild, falls im Artikel eines angegeben wurde und den Anreißertext. Unter dem Anreißertext steht ein link zum weiterlesen (Titel des Link je nach Eingabe in Feld 3).
    Klickt man den Link, wird der Text aus Feld 2 als neuer Absatz direkt unter dem Anreißertext dargestellt.

    Würde das so in etwa Deinen bzw. Euren Vorstellungen entsprechen?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Stefan.

    Ja, genau das wäre mein Wunsch. Wobei es im Edit-Modus kein zweites Feld sein müsste, sondern es würde mir ein »Tag« zum Einfügen reichen. So, wie man beispielsweise »Spaltenumbruch« einfügt.

    Beim ersten Aufruf wird der Text bis zu dem Tag angezeigt (inklusive ggf eines eingefügten Bildes), der Weiterlesen-Link (Button je nach Layout?) wird automatisch angezeigt, wenn das Tag gesetzt ist.

    Ein Klick auf den Link/Button zeigt dann den ganzen Beitrag an. Also die erste Anzeige plus den Rest des Beitrags. Wäre mir persönlich jetzt die wichtigste Neuerung, da man die Formulargeschichte bei Bedarf ja zurzeit und vorübergehend noch mit dem von Jochen hier schon mehrfach erwähnten DAForms gestalten könnte, wenn man es denn braucht.

    Die Lösung mit dem Einfügen-Tag erscheint mir sogar noch die Praxisgerechteste zu sein. Das Formular bleibt übersichtlich und einfach, und vielleicht könnte der Tag ja auch mit anderen Beitragsarten funktionieren, ohne dass man die Eingabemasken groß ändern müsste.

    Oder ihr baut die Funktion »zweispaltiger Text« so um, dass sie nicht zwei Spalten anzeigt, sondern eben das Weiterlesen. Insgesamt erscheint mit die Tag-Lösung allerdings immer noch praktischer und alltagstauglicher - so als reines Bauchgefühl... Müsste doch auch leichter umzusetzen sein?

    Aber jetzt schon Danke, dass Ihr das in Erwägung zieht!

    Uwe

  • Hallo Uwe,

    ich glaube ich verstehe Dich nicht ganz. Der "Spaltenumbruch" ist ja kein TAG, dass innerhalb eines Artikels eingefügt werden kann, sondern ebenfalls ein Artikel.

    Ich denke wir müssen das über ein 2. und 3. Textfeld machen, sonst müssten wir ein spezielles quasi HTML TAG vereinbaren, das man mitten im Text platziert. Das ist für normale user zu kompliziert und wo würde man den Text für den "Weiterlesen" Link konfigurieren, falls man ihn z.B. "Mehr" nennen will (ok, über Attribute würde das gehen)?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Stefan,

    vielleicht habe ich mich mit »Tag« zu laienhaft ausgedrückt. Gemeint hatte ich eine Einfügung so, wie man einen »Spaltenumbruch« einfügt – damit meinte ich nicht den technischen Hintergrund, sondern die Bedienung.

    Ich stelle mir vor, dass man einen Beitrag ganz normal verfasst und man dann an der Stelle, wo der Weiterlesen-Umbruch stattfinden soll, den Cursor platziert, oben ein Icon anklickt, und fertig. Bin ich halt aus Joomla so gewohnt - da gibt es einen solchen Button; klick man den, wird eine rote Linie eingefügt, die einmal optisch die Weiterlesen-Grenze anzeigt (im Editor) und das ganze dann halt auch auslöst.

    Es geht aber, wenn es besser ins ZP-System passt, natürlich auch eine Zwei-Fenster-Lösung... Schließlich sind wir als Windoser den Umgang mit Fenstern gewohnt 8-)

    Wichtig wäre mir eher, dass es möglichst schnell umgesetzt wird ;)

    Schönen Wochenstart - Uwe

  • Hallo Stefan.

    Gibt es eigentlich in dieser Sache (Weiterlesen-Button) Fortschritte? Ich muss auf einer Site demnächst das ganze Jahresprogramm 2013 einpflegen, und da wäre so eine feste Funktion schon prima...
    Zurzeit behelfe ich mich damit, unverlinkte Seiten mit der Vollversion anzulegen, die dann auf der Seite mit dem Anriss mit Klick auf "Weiterlesen" geladen werden.
    Geht, ist aber seeeeehr umständlich. Vor allem die Verwaltung - und wehe, es kommen mal größere Korrekturen.

    Herzliche Grüße - Uwe

  • ...und das dann bitte pro Artikel/Beitrag. So dass auch mehrere solcher Artikel auf einer Seite stehen können. Schick! - ich freue mich.

  • Ja logo. Ist ein neuer Artikelstil, der 2 Textfelder beinhaltet. Eines für den Anreißer-Text und ein zweites für den Text, der nach klick auf "Mehr…" erscheint. Über Optionen lässt sich dann auch noch der Text definieren, der für den "Mehr…" Link angezeigt werden soll (so kann man z.B. auch "Weiterlesen…" anzeigen lassen).

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!