Es war an der Zeit, auch meine Webseite technisch zu optimieren und die Inhalte sinnvoll zu strukturieren.
Im Rahmen meiner Umstellung auf Joomla 1.5 habe ich mich von meinen Wordpress - Blog verabschiedet. Alle Inhalte samt Kommentierfunktion findet man ab heute auf meiner Webseite in der Rubrik Wissen und Neues
Für alle die den Feed abonnieren, die Feed- URL ist: http://www.der-auftritt.de/wissen.html.
fsfsdf
fsfsdf fsdfsdfsdf dsfsdfsd fsdfsdf dfsdfdfsdf dfsdfsdf fsdfsdf sdfsfsdf fsdfs fdsdf dfds fdfsdfsd fsdfs
fdfdsfs sdffsdfs dfsdfsdfs sfsdf sdfsf fsd fsdfdfs fdsdf sdfdfsds
test
fdfsdf fsdfsd fsdfs sdfsdfs ddfsdf sdfsdfsdf sdfsdfsdf dfsdfs fdsdfsdf sdfdsf fsddsfs fdsdfsdf fdsdfs sdfsdfsd dfdsfsdf sfddfsd df
fsdfsdf fdsdfsdf dfdfs
Complex websites need a reasonable and for all our users traceable structure.We get clearness with a good content structure and a visual partion adapted at the users expectance. And last but not least is the logical link structure very important. Many times people in the Joomla Forum are disussing about the Itemid. The Itemid refers to a menu-item and is unique.
Take a look at the Joomla URL structure:
Beispiel: index.php?option=com_content&view=section&layout=blog&id=3&Itemid=4
Joomla draws a distinction between various views. You can choose them by the different menu views.We have got blogviews(Section/Category) , with articles-teaser and readmore-links.You can set the count of these articles and choose how many of them are displayed as link only. The readmore- links at the blog views point to the right position in our navigation tree already, if we had create an article or category-link in the menu before. If we have a duplicate menu item with the same traget and diffrent itemids , we get a problem. In this case the joomla iternal router gets in trouble. He don’t know which itemid is the right one and he choose this one the link is positioned on.The result is that nothing happens, the menu doesn’t open.
Inside of the menue we found the link “Aktuell” twice. The link target is the same but we have different itemids. Both of them got two child elements ( The same-target) One of the “Aktuell” is unpuplished , but within its child elments not.
The router doesn’t recognize that the child elements not really there and behaved the same as if the links were published.
In this case the router doesn’t work correctly. The navigationtree keep on closing. To change this in beez is no prob.
Actual generated link :
<a class="blogsection" href="<?php echo JRoute::_(’index.php?view=article&id=’.$link->slug); ?>">
<?php echo $link->title; ?></a>
takes us away of the menutree, because he choose the article id as reference.But we need the category.
The function getArticleRoute could help
$test=JRoute::_(ContentHelperRoute::getArticleRoute($link->id, $row->catslug, $row->sectionid));
?>
<li> <a class="blogsection" href="<?php echo $test; ?>"> angies new Link
<?php echo $link->title; ?></a>
Result: The navigation tree is open at the right position.
Actual link:
<a href="<?php echo $item->link; ?>">
<?php echo $this->escape($item->title); ?></a>
with getArticleRoute
<? $test=JRoute::_(ContentHelperRoute::getArticleRoute($item->id, $row->catslug, $row->sectionid));
?>
<br /><a href="<?php echo $test; ?>">
Angies new Link
<?php echo $this->escape($item->title); ?></a>
?>
Same Same :
Replace:
<a href="<?php echo $category->link; ?>" class="category"><?php echo $category->title; ?></a>
with :
<?$test2=JRoute::_(ContentHelperRoute::getCategoryRoute($category->id,$category->slug));?>
<a href="<?php echo $test2;?>" class="category">Angie 2<?php echo $category->title; ?></a>
Conclusion: Joomla rocks .-)
Der Wanderweg entlang der Promade am Lago di Maggiore ist
so ausgebaut, dass Minicomputer blinde Menschen vor möglichen Gefahren warnen.
Im Pflaster des Weges befinden sich Computerchips, die Informationen an einen speziellen Blindenstock senden, dieser wiederum leitet die Information an einen Minicomputer weiter, der blinden Menschen, dann akustisch über Kopfhörer über mögliche Gefahren informiert.
Das neue System heisst: “Sesamonet” und ist noch in der Pilotphase.
Mehr dazu unter: http://voice.jrc.it/sesamonet/proposal_en.htm
Im Rahmen der Vorbereitung meines Vortrags für den niederländischen JoomlaDay bin ich auf die dortigen Webrichtlinen zur Erstellung von öffentlichen Seiten gestossen und war angenehm überrascht.
Die dort verwendeten Guidelines zeichnen sich durch besondere Praxisnähe aus, sind leicht verständich und lassen durch Ihre klare Formulierung, wenig Raum für Fehlinterpretationen.
Auf gummiartige Aussagen, wie sie uns aus der BITV bekannt sind, wird verzichtet.
Besonders interessant ist, dass es nicht nur um Barrierefreitheit allein, sondern auch um das Festlegen allgemeiner Qualitätsstandards geht. Wie immer kann man über einzelne Aspekte diskutieren, aber generell ein Schritt in die richtige Richtung.
Die Richtlinen in englischer Sprache findet Ihr unter:
http://www.webrichtlijnen.nl/english/guidelines/
Holland ist nicht weit. Am 4. und 5. April wird der niederländische Joomla!Day in Utrecht stattfinden.
Viele Vorträge werden in englischer Sprache zu hören sein, so dass sich auch die Anreise aus Deutschland lohnt.
Wenn man sich etwas bemüht, kann man sich durchaus auf der Seite :http://www.joomladag.nl/ über den Programmablauf informieren.
Wilco Jansen, der Delevopment Coordinator, wird über die zukünfige Entwicklung von Joomla sprechen, Louis Landry wird die Funktionalitäten von Mootools erläutern, und somit allen Web 2.0-hungrigen ordentlich Futter geben. Ich selbst werde das Beez-Template eingehender beleuchen.
Also, vielleicht sehen wir uns in Utrecht.
Je nach Anwendungsfall kann eine keines Javascript durchaus hilfreich sein, um die Datumseingabe in Formularen zu erleichtern. Den meisten wird diese Funktionalität von den Websites großer Reiseanbieter bekannt sein.
Im barrierefreien Kontext sind die meisten der angebotenen Skripte nur eingeschränkt zu gebrauchen, da sie in der Regel lediglich auf mouseEvents reagieren und sowohl Tastaturnutzer als auch blinden Menschen unzugänglich sind. Der Unobtrusive Date-Picker Widget Update von frequency-decoder.com bietet jedoch eine Grundlage für eigene Anpassung. Man kann unterschiedliche Darstellungsweisen wählen.
Die für mich attraktivste Variante, ein sich auf click öffnender Kalender wies sich jedoch als semantisch nicht so korrekt aus, wie ich es mir gewünscht hätte. Der Code für den Kalender wird ans Ende des Dom-Baums anfügt und beliebt damit Screenreadernutzern verschlossen. Modifikationen des Scripts ließen jedoch eine Positionierung an der richtigen Stelle zu.
if(!o.staticPos) {
// changed RD
// i need the button and the div around to insert the table
o.createButton();
//document.getElementsByTagName('body')[0].appendChild(o.div);
document.getElementById('fd-but-'+o.id).parentNode.
insertBefore
(o.div,document.getElementById('fd-but-'+o.id).nextSibling)
//document.getElementById(o.id).
parentNode.insertBefore
(o.div,document.getElementById(o.id).nextSibling)
}
Desweiteren war der Link zum Öffnen des Kalendern lediglich mit einem Title aber ohne einen sinnvollen Linktext selbst ausgestattet. Das Kalender-Image war als Hintergrundbild mittles CSS eingefügt. Screenreadernutzer , die Ihre titles ausgeschaltet haben, war deshalb nicht klar, wohin der Link tatsächlich führt. Auch hier konnte das Script entsprechend angepasst werden.
o.createButton = function() {
if(o.staticPos) { return; };
var but;
if(!document.getElementById("fd-but-" + o.id)) {
var inp = o.getElem();
// RD Add a div-element around the a
block = document.createElement('div');
// block.className = "date-picker-control";
block.id = "date-picker-control-" + o.id;
but = document.createElement('a');
but.href = "#";
var span = document.createElement('span');
span.className = (typeof(fdLocale) ==
"object" && options.locale && fdLocale.classes.length > 0) ? fdLocale.classes[0] : "";
span.className = "unsichtbar";
.......
Die meiste Zeit nahm jedoch wie immer der IE 6 in Anspruch. Das Script fügt dort einen IFrame diekt hinter dem Body ein. Um das herauszufinden musste wir erst einmal das hilfreiche Tool DHTML-Spy installieren, das uns auch zur Laufzeit generierten Code im Internet Explorer 6 anzeigt.
Auch hier musste die Positionierung verändert werden, indem wir den entsprechenden Code einfach einige Zeilen weiter unten positionierten.
/*@cc_on
@if(@_jscript_version <= 5.6)
if(!document.getElementById("iePopUpHack")) {
o.iePopUp = document.createElement('iframe');
o.iePopUp.src = "javascript:'‘;”;
o.iePopUp.setAttribute(’className’,'iehack’);
o.iePopUp.scrolling=”no”;
o.iePopUp.frameBorder=”0″;
o.iePopUp.name = o.iePopUp.id = “iePopUpHack”;
document.getElementById(’fd-’+o.id).appendChild(o.iePopUp);
} else {
o.iePopUp = document.getElementById(”iePopUpHack”);
};
@end
@*/
// aus cc_on document.body.appendChild(o.iePopUp);
