<div id="tutorialrahmen">
Was wird gemacht?: ...
Zielgruppe: ...
Dauer: ca. xx Minuten
</div>
Auf Basis von Colin Moocks Flashdetection Kit habe ich nun folgendes JavaScript für alle Interessierten zusammengebaut. Im Prinzip ist es einfach nur ein wenig vereinfacht und auf eine Variante (redirect=false) beschränkt.
Das Flash Detection Script funktioniert so, das 3 verschiedene Art von Inhalt angezeigt werden.
- Flash Plugin mit korrekter Version gefunden, Flashcontent wird angezeigt.
- Kein Flash Plugin oder ein zu altes Flash Plugin gefunden, Alternativcontent wird angezeigt
- Keine Javascript im Browser aktiviert, Detection schlägt fehlt. Alternativcontent wird angezeigt.
Das Javascript sieht nun wie folgt aus. In der ersten Zeile könnt ihr mit einer Variable und einem Integerwert die Version des benötigten Flashplugins definieren. Hier ist es auf Version 6 definiert.
Das Javascript kommt am besten zur Übersichtlichkeit in eine externe function.inc.js .
//Javascript
var requiredVersion=6;
var useRedirect=false;
var flash2Installed=false;
var flash3Installed=false;
var flash4Installed=false;
var flash5Installed=false;
var flash6Installed=false;
var flash7Installed=false;
var flash8Installed=false;
var flash9Installed=false;
var maxVersion=9;
var actualVersion=0;
var hasRightVersion=false;
var jsVersion=1.0;
var isIE=(navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin=(navigator.appVersion.toLowerCase( ).indexOf("win") != -1) ? true : false;
jsVersion=1.1;
if(isIE && isWin)
{
document.write('<scr' + 'ipt language=VBScript\> \n');
document.write('on error resume next \n');
document.write('flash2Installed=(IsObjec t(CreateObject("ShockwaveFlash.ShockwaveFlash.2"))) \n');
document.write('flash3Installed=(IsObjec t(CreateObject("ShockwaveFlash.ShockwaveFlash.3"))) \n');
document.write('flash4Installed=(IsObjec t(CreateObject("ShockwaveFlash.ShockwaveFlash.4"))) \n');
document.write('flash5Installed=(IsObjec t(CreateObject("ShockwaveFlash.ShockwaveFlash.5"))) \n');
document.write('flash6Installed=(IsObjec t(CreateObject("ShockwaveFlash.ShockwaveFlash.6"))) \n');
document.write('flash7Installed=(IsObjec t(CreateObject("ShockwaveFlash.ShockwaveFlash.7"))) \n');
document.write('flash8Installed=(IsObjec t(CreateObject("ShockwaveFlash.ShockwaveFlash.8"))) \n');
document.write('flash9Installed=(IsObjec t(CreateObject("ShockwaveFlash.ShockwaveFlash.9"))) \n');
document.write('<\/scr' + 'ipt\> \n');
}
function detectFlash()
{
if (navigator.plugins)
{
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"])
{
var isVersion2=navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
var flashDescription=navigator.plugins["Shockwave Flash" + isVersion2].description;
var flashVersion=parseInt(flashDescription.s ubstring(16));
flash2Installed=flashVersion == 2;
flash3Installed=flashVersion == 3;
flash4Installed=flashVersion == 4;
flash5Installed=flashVersion == 5;
flash6Installed=flashVersion == 6;
flash7Installed=flashVersion == 7;
flash8Installed=flashVersion == 8;
flash9Installed=flashVersion >= 9;
}
}
for (var i=2; i <= maxVersion; i++)
{
if (eval("flash" + i + "Installed") == true) actualVersion=i;
}
if(navigator.userAgent.indexOf("WebTV") != -1) actualVersion=4;
if (actualVersion >= requiredVersion)
{
hasRightVersion=true;
}
else
{
hasRightVersion=false;
}
}
detectFlash();
In die Datei, die dann den Flashcontent bzw. Alternativcontent enthalten soll, kommt folgendes.
In der Variablen oeTags wird der Flashcontent definiert. Ihr könnt dort die Parameter entsprechend eures Contents anpassen.
Die Alternativecontents und deren Stelle sind ersichtlich aus dem Code.
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
<script language="javascript" type="text/javascript" src="function.inc.js"></script>
</head>
<body>
<table width="100%" height="100%">
<tr>
<td align="center" valign="middle">
<table>
<tr>
<td>
<script language="javascript" type="text/javascript">
if(hasRightVersion)
{
var oeTags='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
+ 'width="550" height="400"'
+ 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
+ '<param name="movie" value="main.swf">'
+ '<param name="play" value="true">'
+ '<param name="loop" value="false">'
+ '<param name="quality" value="high">'
+ '<param name="menu" value="false">'
+ '<embed src="main.swf"'
+ 'width="550" height="400"'
+ 'play="true"'
+ 'loop="false"'
+ 'quality="high"'
+ 'menu="false"'
+ 'type="application/x-shockwave-flash"'
+ 'pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash ">'
+ '<\/embed>'
+ '<\/object>';
document.write(oeTags);
}
else
{
var alternateContent='Macromedia Flashplayer required';
document.write(alternateContent);
}
</script>
<noscript>
Javascript 1.0 requied
</noscript>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
- Zur Originalscript von Colin Moock geht es hier :
http://www.moock.org/webdesign/flash/detection/moockfpi/ - Generell sind Colin Moocks Bücher sehr zu empfehlen, schaut doch einfach mal rein und nutzt vielleicht den Macuser.de Amazonlink, falls ihr ein Buch kaufen möchtet. *gg*
- Flash-Tutorials