destroy90210 |
02.01.2010 13:54 |
per jquery flash entfernen und html anzeigen lassen
hi,
ich habe eine flashseite gebastelt und dazu noch eine vollwertige html seite. nun will ich leuten die gleich das flash geladen bekommen, weil sie flash installiert haben, auch die möglichkeit geben sich die html seite anzusehen
das ganze habe ich mal so versucht das ich den flash object tag entferne und mittels jquery den html inhalt dynamisch nachlade, das funktioiniert auch nur leider zeigt er den inhalt nicht an.... wenn ich im firebug nachschaue sehe ich das die html seite aber wirklich reingeladen worden ist
hier zu betrachten
meine html seite sieht so aus, hier ist auch der ganze alternative content drinnen für google und leute die kein flash haben, die bekommen gleich die alternative seite zu sehen aus der index.html heraus
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>htmlversion</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link href="css/main.css" rel="stylesheet" media="all" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.getScript("js/getHtmlVersion.js");
});
</script>
<script src="js/swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
var flashvars = {
};
var params = {
menu: "false",
scale: "noScale",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "#1A1A1A"
};
var attributes = {
id:"lala"
};
swfobject.embedSWF("flash.swf", "pageContainer", "100%", "100%", "10.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
<style>
html, body { height:100%; }
body { margin:0; }
</style>
</head>
<body>
<div id="htmlVersion">hier klicken für html</div>
<div id="pageContainer">
<h1>ÜBERSCHRIFT H1</h1>
<p>Lorem ipsum dolor sit amet,<br /><br />
consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis,
sem. Nulla consequat massa quis enim. Donec pede justo, frin
</p>
</div>
</body>
</html>
die htmlseite wo nur html drinnen ist und die ich später lade ist ident bis auf das ganze flash...
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test</title>
<link href="css/main.css" rel="stylesheet" media="all" type="text/css" />
</head>
<body>
<div id="htmlVersion">hier klicken für html</div>
<div id="pageContainer">
<h1>ÜBERSCHRIFT H1</h1>
<p>Lorem ipsum dolor sit amet,<br /><br />
consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis,
sem. Nulla consequat massa quis enim. Donec pede justo, frin
</p>
</div>
</body>
</html>
mein javascript wo ich nur den pageContainer aus der htmlseite lade und in die index einfüge
PHP-Code:
$('#htmlVersion').click(function () {
$('#lala').remove();
$('body').load("htmlVersion.html #pageContainer","", rdy)
return false;
});
function rdy()
{
alert("html eingefügt");
}
und das css falls da auch was sein könnte...
PHP-Code:
body
{
padding: 0;
margin: 0;
font-size: 0.75em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.5em;
background-color: #1a1a1a;
color:white;
}
#htmlVersion{
display: block;
width: 150px;
height: 30px;
background-color: #ffae00;
}
#pageContainer{
width: 400px;
background-color: Highlight;
background-image: url(../images/bg.jpg);
}
ich hoffe ihr könnt mir da weitehelfen, was da falsch läuft ;)
mfg,
destroy90210
|