Klapptext in Wordpress möglich?

  • Hi Leute.

    Ich hoffe, ich bin hier richtig.

    Ich habe per SuFu nach Klapptext gesucht und leider nichts gefunden. Nun, warum? Ich suche halt ein Klapptext-Plugin für Wordpress, welches mir entsprechnende Klapptext-Funktionen wie z.B. auf der Seite von http://www.mymTw.de zu sehen ist.

    Gibt es sowas für WP? Wenn nein, kann man es anders lösen? Gibts dazu irgendwelchen Code?

    Wäre nett, helfende Replies lesen zu können und bedanke mich schonmal im Voraus dafür.

    MfG Robert

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ganz genau das mein ich. Ich weiß, es gibt den <more>-Tag aber ich finde es so schöner. Ich denke mal, daß da ein Javascript hintersteckt. Leider bin ich nicht der Coder-Gott und habe davon keine Ahnung, wie man sowas einbinden bzw. seinen Code entsprechend anpassen sollte.

    Da wäre ein entsprechendes Plugin doch super.

    Einmal editiert, zuletzt von r99t (15. Juni 2006 um 12:45)

  • Probier mal das PLugin Simple Spoiler
    Das hat zwar kein Plus-Zeichen davor, sondern ein kleines Dreieck dahinter.
    Funktioniert ganz aber vorzüglich. Schau hier.

    kstenqnen
    ----------
    http://www.koch-werkstatt.de - Wo es so lecker ist!

    ----------
    [size=8] "Golf und Sex sind so etwa die einzigen Sachen, die Spass machen, selbst wenn man nicht wahnsinnig gut darin ist." Jimmy Demaret[/SIZE]
    [size=8]Für mich gehört auch das Rumbasteln am Blog dazu.[/SIZE]

  • Super. Simple Spoiler kann man sicher so anpassen, das man das Dreieck mit den entsprechenden Grafiken versehen und nach vorn verschieben kann.

    Eine Frage noch dazu: Wie bekomme ich mein Blog Javascript-fähig?

  • Jeder Blog ist JavaScriptfähig! Das Problem liegt bei dir evtl. im Browser / FireWall. In guten Browsern (opera / firefox / usw) kann man JS ausschalten. Da es ja auch eine Gefahr darstellen kann. Wenn du alles richtig eingebunden hast, und es geht nicht, prüfen mal deine FireWall und deinen Browser.

    kinjin

  • Okay, das Plugin funktioniert. Ich möchte die s-spoiler.php aber so abändern, daß statt der Pfeile, ▼ und ▲ meine Klapptest-Grafiken angezeigt werden.

    Das sind diese:

    http://www.r99t.de/images/plus.png

    http://www.r99t.de/images/minus.png

    Ich habe es mit HTML-Code probiert, also mit <img src=" ">

    Aber da bekam ich ein Parse-Fehler.

    Das ist aus der Original-Datei:

    Code
    // show and hide text
    $spoiler_show_text = ($m[1] ? $m[1]." ▼" : "Show ▼");
    $spoiler_hide_text = ($m[2] ? $m[2]." ▲" : "Hide ▲");


    So hab ich es versucht:

    Code
    // show and hide text
    $spoiler_show_text = ($m[1] ? $m[1]." ▼" : "Klapptext <img src="www.r99t.de/images/plus.png">");
    $spoiler_hide_text = ($m[2] ? $m[2]." ▲" : "Klapptext <img src="www.r99t.de/images/minus.png">");


    Das haut aber offensichtilich so nicht ganz hin. Jemand einen Tip oder sogar eine Lösung?

    Edit: Das ist der Error, den ich bekomme:

    Parse error: parse error, unexpected T_STRING in /srv/www/web1/html/wp/wp-content/plugins/s-spoiler.php on line 72

    Einmal editiert, zuletzt von r99t (23. Juni 2006 um 13:56)

  • Ein bisschen getrickst:

    Code
    // show and hide text
    $spoiler_show_text = ($m[1] ? $m[1]." ?" : "Klapptext &lt;img src=www.r99t.de/images/plus.png&gt;");
    $spoiler_hide_text = ($m[2] ? $m[2]." ?" : "Klapptext &lt;img src=www.r99t.de/images/minus.png&gt;");


    also die Anführungszeichen um den Dateinamen weg und die < > maskiert.

    in der letzten Zeile dann wieder zurückverwandelt:

    Code
    return "<a href=\"javascript:void(null);\" onclick=\"s_toggleDisplay(document.getElementById('".$rand."'), this, '$spoiler_show_text', '$spoiler_hide_text');\">" 
      . str_replace(array('&lt;','&gt;'),array('<','>'),$spoiler_show_text) . "</a>\n<div id='$rand' style='display:none;'>\n".
        $m[3]."\n</div>";


    Getestet mit Firefox und Internet Explorer. Vielleicht geht's auch eleganter...

  • So werden bei mir nicht die Grafiken angezeigt. Vielleicht weil die "" fehlen.

    Siehe http://www.r99t.de/wp/?p=139

    Edit: ich habe nun folgendes probiert (leider wieder erfolglos):

    Code
    // show and hide text
      $spoiler_show_text = ($m[1] ? $m[1]." ▼" : "Klapptext &lt;img src=\"www.r99t.de/images/plus.png\"&gt;");
      $spoiler_hide_text = ($m[2] ? $m[2]." ▲" : "Klapptext &lt;img src=\"www.r99t.de/images/minus.png\"&gt;");

    Edit: Okay, mit einem http:// davor klappt es soweit, allerdings ist nun das Problem, daß ich immer erst einmal auf den Link klicken muss, damit die Grafiken angezeigt werden. Das ist doof :/

    Einmal editiert, zuletzt von r99t (23. Juni 2006 um 14:47)

  • [FONT=monospace]Du hast den zweiten Teil vergessen:

    [/FONT]

    Code
    return "<a href=\"javascript:void(null);\" onclick=\"s_toggleDisplay(document.getElementById('".$rand."'), this, '$spoiler_show_text', '$spoiler_hide_text');\">" 
      . str_replace(array('&lt;','&gt;'),array('<','>'),$spoiler_show_text) . "</a>\n<div id='$rand' style='display:none;'>\n".
        $m[3]."\n</div>";

    [FONT=monospace]


    Das

    [/FONT]

    Code
    str_replace(array('&lt;','&gt;'),array('<','>'),$spoiler_show_text)

    [FONT=monospace]


    sorgt dafür, dass das Bild auch am Anfang richtig angezeigt wird.
    [/FONT]

  • Vielleicht habe ich da einen Fehler gemacht. Ich zippe Dir mal meine php-Datei. Vielleicht bist Du so freundlich und berichtigst sie mir.

    //Edit: Hier ist die Datei. Ich habe sicherlich einen Fehler im 2.Teil.

    http://www.r99t.de/s-spoiler.rar

    Danke im Voraus.

    Einmal editiert, zuletzt von r99t (23. Juni 2006 um 15:06)

Jetzt mitmachen!

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