views:

332

answers:

2

How can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this.

Here is a snippet of my code:

    <script type="text/javascript" language="Javascript" src="jquery.1.4.2.js"></script>
    <script type="text/javascript" language="Javascript" src="jquery.swfobject.1-0-9.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

            $("#contentflash").flash({
                swf: "myswf.swf",               
                width: "100%",
                height: "100%",
                params: {
                    wmode: "opaque"
                }
            });

        });             
    </script>
</head>
<body>
<div id="contentflash"></div>
A: 

See this example. The content of the box is only replaced if flash is enabled. This doesn't remove the "go install flash" message, though.

Simon Brown
+2  A: 

Try placing some content in the

<div id="contentflash"></div>

Like

<div id="contentflash">No flash here man !</div>

This

$("#contentflash").flash 

replaces the id #contentflash being targeted.

Here is an example for completeness.

phwd
Adding content within the div did the trick. Thank you!
Deca