Hallo
Da ich den changelanguage auch als "schein" Select einbinden wollte und die vorher beschriebene Anleitung nicht zu 2.10 kompatibel ist habe ich nun die HTML5 Templates so angepasst das es funktioniert.
Die Funktion basiert auch auf der
Fx.Slide von Mootools.
Vielleicht kann es sonst jemand auch gebrauchen und darum hier eine kurze Anleitung.
1. mod_changelanguage.html5 mit folgenden Code ersetzen
HTML-Code:
<!-- indexer::stop -->
<nav 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; ?>
<ul>
<li><a id="v_toggle" class="lang{{iflng::en}}En{{iflng}}{{iflng::de}}De{{iflng}}" href="#">{{iflng::en}}English{{iflng}}{{iflng::de}}Deutsch{{iflng}}</a>
<?php echo $this->items; ?>
</li>
</ul>
</nav>
<!-- indexer::continue -->
2. Neues Template nav_default.html5 erstellen und umbennen in z.B nav_language.html5
HTML-Code:
<ul id="languageSelect" class="<?php echo $this->level; ?>">
<?php foreach ($this->items as $item): ?>
<?php if ($item['isActive']): ?>
<li class="active<?php if ($item['class']): ?> <?php echo $item['class']; ?><?php endif; ?>"><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
<?php else: ?>
<li<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?>><a href="<?php echo $item['href']; ?>" title="<?php echo $item['pageTitle'] ? $item['pageTitle'] : $item['title']; ?>"<?php if ($item['class']): ?> class="<?php echo $item['class']; ?>"<?php endif; ?><?php if ($item['accesskey'] != ''): ?> accesskey="<?php echo $item['accesskey']; ?>"<?php endif; ?><?php if ($item['tabindex']): ?> tabindex="<?php echo $item['tabindex']; ?>"<?php endif; ?><?php if ($item['nofollow']): ?> rel="nofollow"<?php endif; ?><?php echo $item['target']; ?>><?php echo $item['link']; ?></a><?php echo $item['subitems']; ?></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
Richtiges Template nav_language.html5 im changelanguage Modul auswählen.
3. und das Javascript
Code:
/* Language Select */
window.addEvent('domready', function() {
var myVerticalSlide = new Fx.Slide('languageSelect');
myVerticalSlide.hide();
$('v_toggle').addEvent('click', function(event){
event.stop();
myVerticalSlide.toggle();
});
});
Und zum Schluss noch die Styles per CSS definieren. Z.B. habe ich die Länderflaggen als Backgound Image über die Klassen .langDe usw. integriert.
Danke noch an die Schreiber vorher für die vorarbeit.
Grüsse
Joël