Kommentar-Eingabe verstecken (jQuery u.a)

Datum: 30.11.08 | Facebook | Google+ | Twitter | Trackback     

Bei den Beiträgen soll das Kommentar-Eingabefeld erst durch einen Klick auf dem Button “Infos hinzufügen” oder Titel geöffnet werden.

Lösung mit Button:

Um den Kommentarbereich zu “verstecken” habe ich bisher ein kleines Script in die comments.php eingebunden:

<script type="text/javascript" language="javascript">function showForm(obj){
obj.style.display = 'none';
var ele = document.getElementById('rumwallform');
if (ele){
ele.style.display = 'block';}
}
</script>

Der Kommentarbereich wird dann mittels eines Buttons geöffnet:

<div id="rumwallbtn">
<input type="image" src='http://foto.funkygog.de/images/Button/Button-Infos.png' alt="Info hinzufügen" onclick="showForm(this);" value="<?php _e('Comment'); ?>" class="styled"/>
</div>
<div id="rumwallform" style="display: none;">

Lösung mit Accordion-Effekt:

Habe jetzt den Kommentar-Bereich mittels eines Accordion-Scripts “versteckt”
Infos und Anleitung siehe:

Simple-Slide Panel:

Eine schöne Umsetzung gibt es auch hier zu sehen:

Hier wird ein Simple Slide Panel (Demo) vorgestellt mit Hinweisen zum Einbau.
Hört sich einfach an, aber ich habe es leider nicht hinbekommen.
Die einzelnen Schritte anzeigen

weitere Möglichkeiten:


  1. intoxi

    Hallo,
    ich versuche gerade das selbe zulösen und bekomme es auch nicht hin :(
    Wie hast du es denn derzeit gelöst?

  2. funkygog

    Hallo Intoxi,

    verwende inzwischen ein Accordion-Script. Habe diesen Beitrag ergänzt. Die Anleitung findest Du oben als Link.
    Schönen Gruß

  3. Rashguards

    HEy dank für den Tipp mit der Kommentareingabe!
    Viele Grüße

Einen Kommentar hinterlassen

*=erforderliche Angaben

Auch möglich: Abo ohne Kommentar.

Innerhalb der Kategorie: WordPress-Tipps

RSS Feed abonnieren home! mail me!