:: Forum 9.x ›

#1: Barrierefreies Web... Autor: Katerrobin,

Verfasst am: 16.11.2008 00:31
----
und ein kleiner Einbau dafür in DF sehr glücklich

Es geht darum, per Link, per Mouseklick die Schriftgrösse zu ändern, ob sinnvoll oder nicht, darüber will ich nicht diskutieren.
Es geht um den Einbau der switch.js und den Einbau in DF.

Die switch.js muss ins Hauptverzeichnis geladen sein (darf auch in jeden anderen Verzeichnis sein.

Ich war faul, die Domain wird sie eh nie mehr ändern:

Folgende Zeilen in der header.html eintragen(je nach Theme)

Array:

{S_HEADER_TAGS}
<link rel="stylesheet" type="text/css" href="{THEME_PATH}/style/style.css" title="A" media="screen, projection"/>
<link rel="stylesheet" href="{THEME_PATH}/style/style1.css" type="text/css" title="A+" media="screen, projection" />
<link rel="stylesheet" href="{THEME_PATH}/style/style2.css" type="text/css" title="A++" media="screen, projection" />

<script type="text/javascript" src="http://www.angehoerige.bdo-ev.net/switch.js"></script>

Die erste Zeile gibt den Code an wo eingetragen wird. Es muss alles im head stehen.

Die Links, Buttons etc. (Ich habe sie auch in Head eingebaut (CMS-Seite die auch sehr oft von alten Leuten besucht wird)

Folgender Code dafür:

Array:

<p align="center"><font size="2"><b>Schriftart</b></font><br>
		<class="bm"><b><font size="2">
		<a href="javascript:setStyle('A')">Normal</a></font><br><font size="4"> <a href="javascript:setStyle('A+')">Gross</a></font><br><font size="5"> <a href="javascript:setStyle('A++')">Sehr gross</a></font></b></p></td>
    </tr>

Das ganze lässt sich natürlich beliebig mit Bildern etc. verbinden.
Netterweise wird dieser Austausch der CSS Datei von der gesamten Internetseite akzeptiert, bis auf die speziellen CSS-Dateien, Coppermine und Cpgmm.

Einfach mal zu sehen unter angehoerige.bdo-ev.net

Viel Spass.

#2: Nachtrag: Autor: Katerrobin,

Verfasst am: 16.11.2008 12:55
----
cool

Um die Änderung des Stylesheets dauerhaft per Cookie zu speichern muss der Code noch ein wenig ergänzt werden.
Ich habe inzwischen auch die angezeigten Texte in A A+ und A++ geändert.

Hier der ergänzte Code in der header.html:

Array:

<a href="javascript:setStyle('A'),setStyleCookie()" class="selected"><span class="screenreader">
	A</span></a></font><font size="4">&nbsp; <a href="javascript:setStyle('A+'),setStyleCookie()" class="selected"><span class="screenreader">
	A+</span></a></font><font size="5">&nbsp; <a href="javascript:setStyle('A++'),setStyleCookie()" class="selected"><span class="screenreader">
	A++</span></a></font></b></td></tr>

Im Prinzip lässt sich damit ein Grossteil des gesamten Stylsheets austauschen, nur weiss ich nicht ob man dieses dann sieht in Form des Neuladens der Seite.
Bei der Schrift ist es meinerseits schon gewünscht das der Anwender es sieht, das sich die Schrift für "ihn" ändert und dieses auch beim nächsten Besuch so bleibt.

Noch eine Info, bis zu einen Fontsize von 16px bleibt die Seite lesbar.

-> Templates und Design

Alle Zeitangaben sind in GMT + 1 Stunden

Seite 1 von 1