PDA

Volledige versie bekijken : flash - publish html - met tebel centreren


seba28976
%Europe/Berlin %583 %2007, 15:00
Ik heb mijn flashsite gepucliceerd met 75% waarde. Deze html heb ik aangepast dat er een tabel in staat zodoende hij mijn flash altijd centreerd. In Firefox is dit ook zo maar in IE7 is hij wel horizontaal gecntreerd maar niet vertikaal. Wat gaat er toch weer mis met IE7.
Dit is de code

<!-- saved from url=(0013)about:internet -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>X²O Sanitair</title>
<script language="javascript"> AC_FL_RunContent = 0; </script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Revision of Flash required
var requiredRevision = 0;
// -----------------------------------------------------------------------------
// -->
</script>
<script language="VBScript" type="text/vbscript">
<!-- // Visual basic helper required to detect Flash Player ActiveX control version information
Function VBGetSwfVer(i)
on error resume next
Dim swControl, swVersion
swVersion = 0
set swControl = CreateObject("ShockwaveFlash.ShockwaveFlash." + CStr(i))
if (IsObject(swControl)) then
swVersion = swControl.GetVariable("$version")
end if
VBGetSwfVer = swVersion
End Function
// -->
</script>
<script language="JavaScript1.1" type="text/javascript">
<!--
// Detect Client Browser type
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
// JavaScript helper required to detect Flash Player PlugIn version information
function JSGetSwfVer(i){
// NS/Opera version >= 3 check for Flash plugin in plugin array
var flashVer = -1;
if (navigator.plugins != null && navigator.plugins.length > 0) {
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
var descArray = flashDescription.split(" ");
var tempArrayMajor = descArray[2].split(".");
var versionMajor = tempArrayMajor[0];
var versionMinor = tempArrayMajor[1];
if ( descArray[3] != "" ) {
tempArrayMinor = descArray[3].split("r");
} else {
tempArrayMinor = descArray[4].split("r");
}
var versionRevision = tempArrayMinor[1] > 0 ? tempArrayMinor[1] : 0;
var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
}
}
// MSN/WebTV 2.6 supports Flash 4
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
// WebTV 2.5 supports Flash 3
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
// older WebTV supports Flash 2
else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
return flashVer;
}
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
reqVer = parseFloat(reqMajorVer + "." + reqRevision);
// loop backwards through the versions until we find the newest version
for (i=25;i>0;i--) {
if (isIE && isWin && !isOpera) {
versionStr = VBGetSwfVer(i);
} else {
versionStr = JSGetSwfVer(i);
}
if (versionStr == -1 ) {
return false;
} else if (versionStr != 0) {
if(isIE && isWin && !isOpera) {
tempArray = versionStr.split(" ");
tempString = tempArray[1];
versionArray = tempString .split(",");
} else {
versionArray = versionStr.split(".");
}
var versionMajor = versionArray[0];
var versionMinor = versionArray[1];
var versionRevision = versionArray[2];
var versionString = versionMajor + "." + versionRevision; // 7.0r24 == 7.24
var versionNum = parseFloat(versionString);
// is the major.revision >= requested major.revision AND the minor version >= requested minor
if (versionMajor > reqMajorVer) {
return true;
} else if (versionMajor == reqMajorVer) {
if (versionMinor > reqMinorVer)
return true;
else if (versionMinor == reqMinorVer) {
if (versionRevision >= reqRevision)
return true;
}
}
return false;
}
}
}
// -->
</script>
</head>
<body bgcolor="#ffffff" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<TABLE WIDTH="100%" HEIGHT="100%" BORDER="0">
<TR ALIGN=CENTER>
<TD ALIGN=CENTER>
<!--url's used in the movie-->
<!--text used in the movie-->
<!--
Folder
Adv
-->
<script language="JavaScript" type="text/javascript">
<!--
var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
if(hasRightVersion) { // if we've detected an acceptable version
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js. In Flash, run \"Apply Active Content Update\" in the Commands menu to copy AC_RunActiveContent.js to the HTML output folder.");
} else {
// embed the flash movie
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '85%',
'height', '85%',
'src', 'website',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'website',
'bgcolor', '#ffffff',
'name', 'website',
'menu', 'true',
'allowScriptAccess','sameDomain',
'movie', 'website',
'salign', ''
); //end AC code
}
} else { // flash is too old or we can't detect the plugin
var alternateContent = 'Deze site maakt gebruik van Macromedia Flash Player.'
+ 'Uw versie is niet recent of correct. Download de niewe versie van de site van Adobe.'
+ '<a href=http://www.macromedia.com/go/getflash/>Get Flash</a>';
document.write(alternateContent); // insert non-flash content
}
// -->
</script>
<noscript>
Uw Flash Speler is niet correct of geschikt. Download nu de nieuwe versie via de site van Adobe
<a href="http://www.macromedia.com/go/getflash/">Get Flash</a>
</noscript>
</TD></TR></TABLE>
</body>
</html>


Dank U.. Het zal waarschijnlijk weer 2 keer niets zijn maar zie het niet...

Scytale333
%Europe/Berlin %592 %2007, 15:12
er is niks mis met ie7 lol.

Hier is al een thread over:

http://www.flashfocus.nl/forum/showthread.php?t=31100&highlight=flash+centreren

seba28976
%Europe/Berlin %659 %2007, 16:49
begrijp ik wel maar ik wil het script gebruiken dat ik nu heb. Er is met deze overigens niets mis mee behalve dat IE7 hem verkeerd leest. Heb ik reeds met andere dingen ook voor gehad. Firefox is daar soepeler in. Indien iemand die wat kent van HTML mij zou kunnen helpen zou ik hem/haar dank baarzijn. Dus in Firefox werkt hij perfect maar in IE7 centreert hij niet vertikaal.
(p.s. de site voorwat ik het gebruik is http://www.x2o.be)
Sebastien

Scytale333
%Europe/Berlin %674 %2007, 17:10
Ik zou in plaats van een tabel een divider gebruiken. Daar plaats je dan jouw eigen script in

<div id="Container">
jouw flash script
</div

Deze kan je makkelijk met een id opmaken in je head:

<style type="text/css">
#Container {
position: absolute;
width: 800px;
height: 600px;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -300px;
}</style>
</head>

margin left moet je width/2 doen zelfde voor height en top

seba28976
%Europe/Berlin %411 %2007, 10:53
Aangezien ik een leek ben en zeker in HTML mag ik je vragen dit even concreet te integreren in de bovenstaande html van mij.. Ik weet wel ong. wat je bedoelt meer ik snap niet waar ik het moet plaatsen? Eveneens is het ook wel de beoeling dat de verhouding die ik heb aangegevn zijnde 85% mag hij vergroten ook blijft.
Sebastien

Scytale333
%Europe/Berlin %458 %2007, 12:00
Ik weet nog niet veel van de prcenten enzo in DIVS

Misschien dat iemand anders nog een oplossing weet

seba28976
%Europe/Berlin %495 %2007, 12:53
Ik heb intussen al alle mogelijkheden die ik heb geizen hier op dees forum getest. Incl. deze met div maar dan centreert hij niet correct. Het oorspr. script is nog altijd het best en werkt perfect onder FF. Maar wie kan en ziet de fout waarom het in IE7 niet correct werkt?
Dank U
sebastien

Laiverd
%Europe/Berlin %756 %2007, 19:09
We zien nergens dat je die div toepast; dan schiet het dus niet op. Een table op 100% hoogte zetten zal in elk geval niet crossbrowser goed werken. Er zijn meerdere posts over deze manier van horizontaal en verticaal centreren: zoek die anders even op. Dit is nl. gewoon de beste oplossing.

Ik weet dus niet hoe je het hetbt geprobeerd met een div, maar ik zou zeker ook een een documenttype gaan toepassen: googlen dus waarschijnlijk. Je voorkeur zou uit moeten gaan xhtml transitional. Betekent wel dat je dan nog wat kleine aanpassingen moet doen om het valid te krijgen.

John

seba28976
%Europe/Berlin %377 %2007, 10:04
Hiermee is duidelijk dat jullie blijkbaar wel weten over wat jullie praten ;). Ik aan de andere kant niet. Ik google wel even voor documenttype maar ik vermoed dit al te hebben getest. Dat is toch met die IDOC enz.. bovenaan?
Ik maak even een vb met div en post terug...

Laiverd
%Europe/Berlin %396 %2007, 10:30
doe eens een view source van deze pagina: helemaal bovenaan vind je de doc type declaratie.

Over het belang van doctypes: http://alistapart.com/stories/doctype/

John

seba28976
%Europe/Berlin %418 %2007, 11:02
Mijn overgrote dank aan jullie allen voor de tips.. Ik heb die swfobject gevonden.. aangepast en werkt nu perfect in beide platforms. TOPIC CLOSED