Gästebuch mit Akkordeon - again...

[Benni]

Hi,

nachdem ich schon so einige Threads darüber gelesen hatte, die Eingabefelder in ein Akkordeon auszulagern und auch ein paar Erfahrungen mit TYPOlight habe, wollte ich mal fragen, ob es jemals ein vollkommenes, korrektes Benutzertutorial dazu gab.

Die ce_comments.tpl sieht bei mir wie folgt aus:

<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if (!$this->protected): ?>

<!-- indexer::stop -->
<div class="form">
   <div class="ce_accordion block" id="gb">
	<div class="toggler"><span class="toggler_first">Gästebucheintrag hinzufügen</span>
	</div>
	<div class="accordion">
	   <div>
		<div class="content">
		   <form action="<?php echo $this->action; ?>" method="post">
			<div class="formbody">
			<input type="hidden" name="FORM_SUBMIT" value="tl_comment" />
			<?php foreach ($this->fields as $objWidget): ?>
			<div class="widget">
<?php echo $objWidget->generateWithError(); ?> <?php echo ($objWidget instanceof FormCaptcha) ? $objWidget->generateQuestion() : $objWidget->generateLabel(); ?><?php if ($objWidget->required): ?><span class="mandatory">*</span><?php endif; ?> 
			</div>
<?php endforeach; ?>
			<div class="submit_container">
			  <input type="submit" class="submit" value="<?php echo $this->submit; ?>" />
			</div>
			</div>
		   </form>
		</div>
	   </div>
	</div>
<!-- indexer::continue -->
<?php endif; ?>

<?php if ($this->headline): ?>

<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<?php foreach ($this->comments as $comment) echo $comment; ?>
<?php echo $this->pagination; ?>
</div>

Aber selbst wenn ich

<span class="toggler_first">Gästebucheintrag hinzufügen</span>

in

Gästebucheintrag hinzufügen

ändere, funktioniert es nicht.
Außerdem hatte ich noch etwas von moo_close_all gelesen - was das war, weiß ich aber nicht.

Gibt's von daher aufgrund der hohen Nachfrage nicht ein 100%ig korrektes Tutorial?

Grüße,

Benni

[Benni]

Anybody?

*push*

[RolandAuer]

Hi Benni!

Ich nehme einmal an, dass der Gliedsatz

... funktioniert es nicht.

in einem Satz deines Postings sich auf das richtige Öffnen und Schließen des Akkordeons bezieht.

Versuch mal folgendes:

<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?><<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>><?php endif; ?>

<?php if (!$this->protected): ?>
    <!-- indexer::stop -->
    <div class="form">
        <?php if ($this->confirm): ?>
            <p class="confirm"><?php echo $this->confirm; ?></p>
        <?php else: ?>
            <div class="ce_accordion block" id="gb">
                <div class="toggler"><span class="toggler_first">Gästebucheintrag hinzufügen</span></div>
                <div class="accordion">
                    <form action="<?php echo $this->action; ?>" method="post">
                        <div class="formbody">
                            <input type="hidden" name="FORM_SUBMIT" value="tl_comment" /><?php echo $this->messages; ?> 
                            <?php foreach ($this->fields as $objWidget): ?>
                                <div class="widget">
                                    <?php echo $objWidget->generateWithError(); ?> <?php echo ($objWidget instanceof FormCaptcha) ? $objWidget->generateQuestion() : $objWidget->generateLabel(); ?>
                                    <?php if ($objWidget->required): ?><span class="mandatory">*</span><?php endif; ?> 
                                </div>
                            <?php endforeach; ?>
                            <div class="submit_container">
                              <input type="submit" class="submit" value="<?php echo $this->submit; ?>" />
                            </div>
                        </div>
                    </form>
                </div>
        <?php endif; ?>
    </div>
    <!-- indexer::continue -->
<?php endif; ?>
<?php foreach ($this->comments as $comment) echo $comment; ?>
<?php echo $this->pagination; ?>
</div>

Sofern du in deiner Seitentemplate irgendwo

<?php echo $this->mootools; ?>

stehen hast, kannst du mit der Option "moo_close_all" im Seitenlayout das Akkordeon standardmäßig geschlossen halten. Ansonsten benötigst du dieses Javascript:

window.addEvent('domready', function()
{
new Accordion($$('div.toggler'), $$('div.accordion'),
{
display: false,
alwaysHide: true,
opacity: false
});
});

So, bin zwar kein Tutorialverfasser, aber ich hoffe du kommst damit trotzdem zurecht.

[Benni]

Hi Roland,

ja, sorry für die ungenaue Angabe, was da nicht funktioniert . Danke erstmal - das sieht sehr ausführlich aus, probiere ich gleich mal.

Grüße,

Benni

[Benni]

Hi Roland,

ja, sorry für die ungenaue Angabe, was da nicht funktioniert . Danke erstmal - das sieht sehr ausführlich aus, probiere ich gleich mal.

Grüße,

Benni

Edit:

Jetzt funktioniert alles, danke nochmal !