XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Javascript & Ajax (http://xhtmlforum.de/forumdisplay.php?f=83)
-   -   per jquery flash entfernen und html anzeigen lassen (http://xhtmlforum.de/showthread.php?t=59693)

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
{
    
padding0;
    
margin0;
    
font-size0.75em;
    
font-familyVerdanaGenevaArialHelveticasans-serif;
    
line-height1.5em;
    
background-color#1a1a1a;
    
color:white;
}

#htmlVersion{
    
displayblock;
    
width150px;
    
height30px;
    
background-color#ffae00;
}

#pageContainer{
    
width400px;
    
background-colorHighlight;
    
background-imageurl(../images/bg.jpg);



ich hoffe ihr könnt mir da weitehelfen, was da falsch läuft ;)


mfg,
destroy90210

Scheppertreiber 02.01.2010 14:05

Zitat:

#pageContainer {
visibility:hidden;
}
:mrgreen:

destroy90210 02.01.2010 18:15

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

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 ;)


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:54 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023