per jquery flash entfernen und html anzeigen lassen

destroy90210 · #1 (**permalink**) 02.01.2010, 13:54

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

Scheppertreiber · #2 (**permalink**) 02.01.2010, 14:05

Zitat:

#pageContainer {
visibility:hidden;
}

destroy90210 · #3 (**permalink**) 02.01.2010, 18:15

ui ui ui wie habe ich das nur übesehn können

aber anscheinend setzt das swfobject, wenn vorher flash erkannt worden ist, den alternatiov container von selbst auf invisible...

aber danke vielmals manchmal ist man einfach zu blind

eifnach

PHP-Code:


			
function rdy()
{
         $('#pageContainer').css({visibility: 'visible'});
}

hinzufügen dann gehts

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten	mazzo	CSS	10	05.04.2012 18:32
Per .htaccess Script.php ausführen, aber Index.php anzeigen...	Ares	Serveradministration und serverseitige Scripte	7	21.02.2008 15:33
Edit HTML per JavaScript?	E\|H	Javascript & Ajax	12	22.12.2007 00:41
HTML in einer Datenbank per PHP bearbeiten	trequ	Serveradministration und serverseitige Scripte	3	17.07.2007 11:43
Per PHP Seitenteile includen - als PHP, HTML oder anderes?	jottlieb	Serveradministration und serverseitige Scripte	9	24.01.2006 15:46