Got the above working with slightly different code. Also realized my
non flash content had to be displayed then my flash content would be
displayed only if flash was present.
My code is below. I do not recommend this method since I will have
duplicate information on my site and it may interfere with the SEO
rankings.
In my header I have this -->
<script type="text/javascript">
$(document).ready(function(){
$.ajaxSettings.cache = false; //This is for IE.
// uncomment the alert to actually see the content go from
non flash to flash.
//alert('Once clicked you will see the flash version of the
site!')
$('#flashHere').flash(null, null, function (htmlOptions){
$.get('my_flash.html',{},function(data){
$('.hello').html(data);
});
});
}); // END DOCUMENT READY
</script>
my_flash.html is a page with all my flash stuff on it that will remove
my content in the div with an ID of flashHere found in the body of my
site
In my body I have the following div -->
<div id="flashHere" class="entry hello">
I am non flash content and I am seen by all!<br>
Once flash is noticed my flash replace stuff
goes here!
Not a bad idea. Too bad I am not very smart and
did not realize
this sooner.
</div>
Hope this helps out other people.
John
