Bewertung: 0 / 5

Stern inaktivStern inaktivStern inaktivStern inaktivStern inaktiv
 

In einer Joomla! installation sollen bei allen Modulen die einen "Module Class Suffix" gesetzt haben ein gleichnamiger Anker angelegt werden um bequem auf der Seite navigieren zu können ohne lästiges Scrollen. Von Haus aus liefert Joomla diese Möglichkeit nicht. Dazu muss also die "modules.php" (joomla/templates/system/html/modules.php) angepasst werden.

/*
* xhtml (divs and font headder tags)
*/
function modChrome_xhtml($module, &$params, &$attribs)
{
if (!empty ($module->content)) : ?>
<div class="moduletable">
<?php if ($module->showtitle != 0) : ?>
<h3><?php echo $module->title; ?></h3>
<?php endif; ?>
<?php echo $module->content; ?>
</div>
<?php endif;
}

Besondes interessant die Zeilen 66 bis85 da im Template ausschließlich <jdoc:include type="modules" name="user" style="xhtml" /> verwendet wurde.

Im ersten Schritt fügen wir eine Variable und eine Abfrage hinzu die sich darum kümmert den gespeicherten Wert des moduleclass_sfx auszulesen und auf eine Variable "sfx" zu speichern.

 

function modChrome_xhtml($module, &$params, &$attribs)
{
$sfx = $params->get('moduleclass_sfx');
....

Im nächsten Schritt wird eine Abfrage eingefügt welche den Wert prüft. Wenn ein Suffix gesetzt ist, wird der Code ausgegeben, wenn nicht dann bleibt alles beim alten.

<?php if ($sfx != NULL) : ?>
<a name="anchor_< ?php echo htmlspecialchars($params->get('moduleclass_sfx')); ? >"
id="anchor_< ?php echo htmlspecialchars($params->get('moduleclass_sfx')); ? >" class="ohne"></a>
<?php endif; ?>

Somit haben wir alles beisammen. In diesem Beispiel muss die ID des Ankers gleich seinem Namen sein. Grund ist das verwendete MooTools-Script (http://davidwalsh.name/smooth-scroll) welches nur darauf reagiert.

Um diesen Smooth Scroll Effekt nun zu installieren muss im <head></head> noch folgendes stehen

<!-- MOOTOOLS & CONTENT SLIDER -->
<script type="text/javascript" src="/templates//javascript/mootools-smoothscroll.js"></script>
<script type="text/javascript">
window.addEvent('domready',function() { new SmoothScroll({ duration: 1800 }); });
</script>

Wenn man nun irgendwo im Text einen Hyperlink setzt der auf einen der Anker greift, scrollt das bild gemächlich zum angegebenen Punkt.

<a href="#gesetzterSuffixName">ZUM ANKER</a>

Der Fortschritt daran ist das nun dynamisch die Anker verteilt werden und kein Quelltext angefasst werden muss. Es genügt ein Hyperlink im Text und schon Scrollt das Bild zum Modul welches den entsprechenden Suffix besitzt.

Smooth-Scroll mit jQuery - http://www.elmastudio.de/webdesign/smooth-scroll-elegantes-scrollen-mit-jquery/

Smooth-Scroll mit MooTools - http://davidwalsh.name/mootools-fx-smoothscroll

Joomla 3.7 wurde veröffentlicht

Joomla 37 Update

Am 25. April wurde die neuste Version des beliebten CMS Joomla veröffentlicht. Lang erwartet wurden die mehr als 700 Verbesserungen und 1300 Änderungen am System.

Read more

Joomla $nsvilbn Hack

Joomla Wordpress Hacked

Auf ein paar Webseiten unserer Kunden ist ein neuer Hack ähnlich dem base64_decode Hack aufgetaucht. Auch dieser scheint sich über eine eingeschleuste Datei auf dem gesamten Webspace zu verbreiten. In...

Read more

Joomla Update 3.6.1 veröffentlicht

Joomla 3.6.1 Update

Nicht lang nach der Veröffentlichung des großen Updates auf Joomla 3.6 erschien heute das kleine Update auf Joomla 3.6.1. Neben zahlreichen BugFixes schließt es aber auch ein paar Sicherheitslücken.

Read more

Joomla 3.6 kommt mit Neuerungen in Backe…

Joomla 3.6 Update

Das neue Joomla 3.6 wurde heute veröffentlicht und bietet einige neue Features für das Backend. So bringt Joomla einige Verbesserungen für die Verwaltung und User-Experience.

Read more

Joomla 3.5.1 Bugfix veröffentlicht

Joomla Bugfix

Knapp zwei Wochen nach Veröffentlichung der neuen Joomla Version 3.5 erscheint ein Bugfix Release.

Read more

Joomla 3.5 ist verfügbar

Joomla 3.5 Update veröffentlicht

Nun ist es soweit – Joomla 3.5 ist veröffentlicht worden. Eine Revolution ist es nicht, bringt aber doch einige Verbesserungen und neue Features mit. Beim Aktualisieren ist jedoch Vorsicht geboten...

Read more

Updates und Bug fixes für Wordpress 4 un…

Joomla 3 Updates Wordpress 4 Updates

Nachdem im Update-Wahnsinn nun etwas Ruhe eingekehrt ist, möchten wir etwas Licht ins Dunkle bringen – was war da eigentlich los bei Joomla? Update nach Update nach Update?!?

Read more

Update für Wordpress und Joomla veröffen…

Joomla und Wordpress Update veröffentlicht

Joomla 3.4.6 und 3.5 Beta Heute wurde ein wichtiges Sicherheitsupdate für Joomla 3.4 veröffentlicht. Dabei können Angreifer dem System Code unterjubeln und diesen ausführen. Das Joomla-Team stuft den Schwergrad der Lücke...

Read more

Wordpress mehrsprachig nutzen mit Plugin…

Wordpress Mehrsprachig machen

Es gibt verschiedene Gründe warum eine Wordpress-Installation mehrsprachig genutzt werden soll. Eine Frage sollte man sich aber stellen – will ich selbst übersetzen, oder lasse ich das eine Maschine tun?...

Read more