Ik ben bezig met een website die een Flash navigatie bevat, die met javascript tevoorschijn kan worden gehaald. Zie ook [url=http://forum.macosx.nl/viewtopic.php?t=67820]dit draadje[/url]. Dat werkt allemaal perfect in Safari en Opera, maar Camino (en daarmee misschien ook Firefox?) hapt een stuk uit de website door het terug inklappen van de navigatie. Firefox op de pc heeft er overigens helemaal geen last van. Internet explorer wil ik het niet eens over hebben, want die gooit weer van alles door elkaar.
Dit is het idee:
[code:1:56842a8a40]
ingeklapt menu:
|menu|
| |++logo++| |
|______________________ |
| | |t| |
| bgimg2 | bgimg + |a| |
| | oContent |b| |
|||s| |
|___________________________|
uitgeklapt menu:
|menu|
| | | |
|| navigatie | |
| | | |
| bgimg|| |
| | oContent |b| |
|||s| |
|_________________|
bgimg2 en bgimg zijn 2 achtergrond afbeeldingen in de css, die op elkaar aansluiten. de content staat over bgimg heen en de tabs staan naast de content, ook over de bgimg heen.
[/code:1:56842a8a40]
Probleem 2 met camino: Als ik de doctype:
[code:1:56842a8a40]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[/code:1:56842a8a40]
toevoeg wordt de complete stylesheet weg gelaten. Heeft iemand een idee wat er mis gaat? Safari en Opera doen het wederom prima. Op de pc heb ik het niet getest.
Dit is de huidige (gegenereerde) code:
[code:1:56842a8a40]
<html>
<head>
<title></title>
<LINK rel="StyleSheet" href="css.php?ordner=rood&p=Bedrijfsinfo" type="text/css" media="screen">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />";
<SCRIPT LANGUAGE="JavaScript1.2">
<!–
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);
function showNav() {
if(!ns && !ie && !w3) { return };
if (ie) {
navDiv=eval(‘document.all.nav.style’);
} else if(ns) {
navDiv=eval(‘document.layers[“nav”]’);
} else if(w3) {
navDiv=eval(‘document.getElementById(“nav”).style’);
}
if (document.getElementById(“showNavButton”).name == “showNav”) {
document.getElementById(“showNavButton”).name=“hideNav”;
document.getElementById(“showNavButton”).href="#showNav";
if (ie||w3) {
navDiv.visibility="visible";
navDiv.display="inline";
} else {
navDiv.visibility ="show";
navDiv.display="inline";
}
} else {
document.getElementById("showNavButton").name="showNav";
document.getElementById("showNavButton").href="#hideNav";
if (ie||w3) {
navDiv.visibility="hidden";
navDiv.display="none";
} else {
navDiv.visibility ="hide";
navDiv.display="none";
}
}
}
//End–>
</script>
</head>
<body>
<a href="#showNav" name="showNav" id="showNavButton" onClick="showNav()">Menu</a>
<div id="nav" style="visibility: hidden">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="710" height="304" id="test" align="">
<param name="movie" value="navigatie/nav.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="navigatie/nav.swf" quality="high" WIDTH="710" HEIGHT="304" NAME="test" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</div>
<div class="content"><div class="logo"></div></div>
<div class="bgimageTwo"></div>
<div class="bgimage">
<div class="ordnerContent">
<p>tekst</p>
<p>tekst</p>
</div>
<div id="tabs">
<a href="index.php?p=Bedrijfsinfo&amp;t=tab"><img src="images/tabs/bedrijfsinfo-1.gif"></a>
<a href="index.php?p=Bedrijfsinfo&amp;t=tab"><img src="images/tabs/bedrijfsinfo-2.gif"></a>
<a href="index.php?p=Bedrijfsinfo&amp;t=tab"><img src="images/tabs/bedrijfsinfo-3.gif"></a>
<a href="index.php?p=Bedrijfsinfo&amp;t=tab"><img src="images/tabs/bedrijfsinfo-4.gif"></a>
<a href="index.php?p=Bedrijfsinfo&amp;t=tab"><img src="images/tabs/bedrijfsinfo-5.gif"></a>
</div>
</div>
</body>
</html>[/code:1:56842a8a40]