Ich habe eine Art Intro in Flash. Wenn das fertig geladen ist, kann man dort auswählen, auf welche Seite man gehen möchte (Start, Kontakt, usw.)

Ist es möglich, dass beim Aufruf des Intros abgefragt wird, ob der Browser Flash unterstützt und wenn nicht, dass dann automatisiert eine andere Html-Seite aufgerufen wird?

danke

vierzehn

Du könntest am Anfang deiner Seite den Besucher auswählen lassen, ob er lieber Flash will oder HTML!

Leser

Das würde schon so funktionieren. Wäre aber nicht das, was ich will. Einfach weil es zu umständlich ist und sich sowieso keiner das Intro anschauen würde.

desolator

Code:

<script language=JavaScript1.1>
<![CDATA[
var MM_contentVersion = 6;
var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0;
if ( plugin ) {
		var words = navigator.plugins["Shockwave Flash"].description.split(" ");
	    for (var i = 0; i < words.length; ++i)
	    {
		if (isNaN(parseInt(words[i])))
		continue;
		var MM_PluginVersion = words[i]; 
	    }
	var MM_FlashCanPlay = MM_PluginVersion >= MM_contentVersion;
}
else if (navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0 
   && (navigator.appVersion.indexOf("Win") != -1)) {
	document.write('<scr' + 'ipt language=VBScript\> \n');
	document.write('on error resume next \n');
	document.write('MM_FlashCanPlay = ( IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & MM_contentVersion)))\n');
	document.write('</scr' + 'ipt\> \n');
}
if ( MM_FlashCanPlay ) {
	window.location.replace("http://www.deinedomain.de/flash.htm");
} else{
	window.location.replace("http://www.deinedomain.de/noflash.htm");
}
]]>
</script>

Ansonsten hier.

aNtiCHrist

Zitat:

Einfach weil [...] sich sowieso keiner das Intro anschauen würde.

Damit stellst du doch selbst den Nutzen des Intros für deine Bewucher in Frage. Die Konsequenz daraus sollte das Weglassen sein ...

Der Ansatz von desolator weist leider einen nicht unerheblichen Mangel auf: Ohne JS ist der Besucher völlig verloren, selbst mit einem Flashplayer. Sinnvoller erscheint mir alternativer Inhalt zu dem Flashfilm, der aus die Umstände hinweist. Dort kannst du dann ggf. auch per JS deine Umleitung einbauen.

So sollte sich das deutlich barriereärmer gestalten:

HTML-Code:

<object type="application/x-shockwave-flash" data="movie.swf" width="400" height="300">
  <param name="movie" value="movie.swf" />
  <p>Ihr Browser kann keine Flash-Inhalte wiedergeben, Sie können aber die <a href="html/">HTML-Version der Website</a> nutzen.</p>
  <script type="text/javascript"><!--//--><![CDATA[//><!--
    window.location.href="html/";
  //--><!]]></script>
</object>

Noch besser wäre es natürlich, wenn der Besucher so eine blöde Meldung niemals zu Gesicht bekommen würde, z. B. indem man gleich UFO nutzt und somit die Flashspielerei optional macht und sonst gleich eine vernünftige Seite anzeigt.

Leser

Danke für die Antworten.
UFO funktioniert super.
Nur dummerweise ist der Film jetzt nicht mehr in der Mitte (center) plaziert, sondern immer links. Ich habe es schon mit Tabellen probiert, hat aber auch nichts geholfen.
Hat jemand eine Idee

HTML-Code:

  <head>
    <title>Unobtrusive Flash Objects (UFO) | Sample page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script type="text/javascript" src="ufo.js"></script>
    <script type="text/javascript">
    var FO = { movie:"flash/main_F7.swf", width:"766", height:"780", majorversion:"8", quality:"hight", menu:"false", build:"0"};
    UFO.create(FO, "ufoDemo");
    </script>
  </head>
  <body>
    <div id="ufoDemo">
      <p>Replacement content</p>
    </div>
  </body>
</html>

aNtiCHrist

UFO lässt aus mir unbekannten Gründen keine Inlineformatierungen zu. Entweder du nutzt die vefügbare id-Eigenschaft des Objekts und definierst in CSS einen passenden Selektor oder aber du erweiterst das Scipt um die Möglichkeit. Ändere dazu in Zeile 9 des Scripts folgendermaßen ab:

Code:

	optAtt: ["id", "name", "style"],

Nun kannst du dem Objekt eine style-Eigenschaft zuweisen, beispielsweise so:

Code:

var FO = { movie:"flash/main_F7.swf", width:"766", height:"780", majorversion:"8", build:"0", style:"text-align:center;"};

Leser

Das Ändern des Scripts und der Datei hat nichts gebracht (auch mit der Beispieldatei nicht):

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>Unobtrusive Flash Objects (UFO) | Sample page</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="ufo.js"></script>
		<script type="text/javascript">
		var FO = { movie:"test8.swf", width:"300", height:"120", majorversion:"8", build:"0", xi:"true", style:"text-align:center;"};
		UFO.create(FO, "ufoDemo");
		</script>
	</head>
	<body>
		<div id="ufoDemo">
			<p>Replacement content</p>
			<p><a href="http://www.macromedia.com/go/getflashplayer"><img src="http://www.macromedia.com/images/shared/download_buttons/get_flash_player.gif" alt="Get macromedia Flash Player" style="border: none;" /></a></p>
		</div>
	</body>
</html>

Fällt dir noch was ein?

Oder kannst du das etwas genauer beschreiben:

Zitat:

Zitat von aNtiCHrist

du nutzt die vefügbare id-Eigenschaft des Objekts und definierst in CSS einen passenden Selektor

aNtiCHrist

Zitat:

Das Ändern des Scripts und der Datei hat nichts gebracht (auch mit der Beispieldatei nicht):

Ich habe das zwar nicht getestet, aber ich sehe keinen Grund, warum das nicht funktionieren sollte. Ein Testcase wäre sicherlich hilfreich.

Das mit der ID sind doch CSS-Grundlagen:

Code:

var FO = { movie:"flash/main_F7.swf", width:"766", height:"780", majorversion:"8", build:"0", id:"example"};

Code:

#example{text-align:center;}

Leser

Danke, aber mit

Code:

#ausrichtung{text-align:center;}

hat es nicht funktioniert.

Ich habe dann

Code:

		#ausrichtung {
				position:absolute;
				width:766px;
				height:780px;
				left:50%;
				top:0%;
				margin-left:-383px;
				margin-top:-0px;
				}

benutzt. Dann hat's geklappt.

Anzeige

Anmelden

Weitere Tipps