Javascripts

Bei Javascripts sollte immer beachtet werden, dass es auch Leute gibt, die kein Javascript haben. Darum sollte vor allem für Textinhalte immer eine Alternative angeboten werden. Das macht man am besten, wenn man einen Link im <noscript>-Tag setzt. Für einige der hier aufgeführten Scripts gibt es auch PHP-Alternativen. Das hat den Vorteil, dass die Texte Bestandteil der Seite sind. In der Trawler SPD-Edition sind schon einigen als Seitenelemente eingerichtet. Sie können auch als Artikel verwernden werden.

Websozi-Material

websozis.info TV-Tipp (siehe auch PHP-Schnipsel)

Mehr unter services.sozi.info

<script type="text/javascript" src="http://websozis.sozi.info/?tvtipps=1&amp;js=1&amp;limit=5&amp;img=1">
</script>
<noscript>
<a href="http://websozis.sozi.info/?tvtipps=1&amp;js=1&amp;limit=5&amp;img=1">Websozi-TV-Tipps</a>
</noscript>

Anmerkungen

Quelle: weboszis.info.

websozi.info Ticker

<script src="http://spdnet.sozi.info/rss_reader2.php?js=1&limit=4" type="text/javascript">
</script> 
<noscript>
<a href="http://info.websozis.de">WebSozis Nachrichtenticker</a>
</noscript>

Anmerkungen

Mit den Parametern limit kannst Du die Anzahl der Anrisstexte festlegen. Für Trawler- oder WebsoziCMS-Anwender gibt es Alternativen zur Einbindung. Mehr dazu im Forum.
Quelle: info.weboszis.de.

websozis Webseite des Monats

<script type="text/javascript" src="http://wsdm.websozis.de/beste.js"></script> 
<noscript><a href="http://www.websozis.de/index.php?seite=55">Webseite des Monats</a></noscript>

Anmerkungen

Dieses Script zeigt die aktuelle Seite an, die von den Websozis zur Seite des Monats gekürt wurde.

Barrierefreiheit und CSS

Netsape 4.x CSS

<script type="text/javascript"> 
<!-- if (navigator.appName == "Netscape" && parseInt(navigator.appVersion) < 5) 
document.write('<link rel="stylesheet" type="text/css" href="style_nn4.css" />'); 
// --> 
</script>

Anmerkungen

Netsape 4.x stellt CSS nur dar, wenn Javascript angeschaltet ist. Darum ist die Verwendung von Javascript hier bedenkenlos. Es muss eine CSS-Datei für Netscape 4.x vorhanden sein.

Targets vermeiden: stattdessen Javascript

Anstelle von

<a href="http://adresse.de" target="_blank">Text</a>

kann auch

<a href="http://adresse.de" onclick="javascript:window.open(this.href); return false;"> Text </a>

verwendet werden. Die Seiten werden nur mit Javascript in einem neuen Fenster geöffnet, Screenreader sind davon nicht betroffen.

Hinweis:

WebsoziCMS-Anwender schreiben <a href="http://adresse.de" class="extern">Link</a>.

Andere

Zufallsbilder mit Javascript

// *********************************************** 
// AUTHOR: WWW.CGISCRIPT.NET, LLC 
// URL: http://www.cgiscript.net 
// Use the script, just leave this message intact. 
// Download your FREE CGI/Perl Scripts today! 
// ( http://www.cgiscript.net/scripts.htm ) 
// *********************************************** 
function image() { }; 
image = new image(); number = 0; 
// 
imageimage[number++] = "<img src='images/bild1.jpg' width='145' height='208' border='0' alt='Bild1' title='Bild1' />" 
image[number++] = "<img src='images/bild2.jpg' width='145' height='198' border='0' alt='Bild2' title='Bild2' />" 
image[number++] = "<img src='images/bild3.jpg' width='145' height='220' border='0' alt='Bild3' title='Bild3' />" 
image[number++] = "<img src='images/bild4.jpg' width='145' height='102' border='0' alt='Bild4' title='Bild4' />" 
// keep adding items here... 
increment = Math.floor(Math.random() * number); 
document.write(image[increment]);

Einbindung

<script src="randomimg.js" type="text/javascript"></script>

Anmerkungen

keine

Bilder mit der Maus bewegen

<script type="text/javascript"> 
<!-- Begin 
function resizeImage(evt,name){ 
newX=evt.x newY=evt.y 
eval("document."+name+".width=newX") 
eval("document."+name+".height=newY") 
} 
// End --> 
</script>
</head> 

<body> 
<p>
<img src="valid-xhtml10.gif" width="88" height="31" name="image1" ondrag="resizeImage(event,'image1')" alt="" /></p>
</body>

Harald Kampen

Textversion