|
22
|
1
|
|
|
2
|
|
|
3 $(document).ready( function() {
|
|
|
4
|
|
|
5 // 1) remove all content
|
|
|
6 $( 'body > *' ).remove();
|
|
|
7
|
|
|
8 // 2) show banner
|
|
|
9 $( "<div>" ).html(
|
|
|
10 "<p>"
|
|
|
11 + "Microsoft's Internet Explorer browser has no built-in vector graphics machinery "
|
|
|
12 + "required for 'loss-free' gradient background themes."
|
|
|
13 + "</p>"
|
|
|
14 + "<p>"
|
|
|
15 + "Please <span style='background: yellow'>upgrade to a better browser</span> "
|
|
|
16 + "such as <a href='http://getfirefox.com'>Firefox</a>, <a href='http://www.opera.com/download'>Opera</a>, "
|
|
|
17 + "<a href='http://google.com/chrome'>Chrome</a>, <a href='http://apple.com/safari/download'>Safari</a> or others "
|
|
|
18 + "with built-in vector graphics machinery and much more. "
|
|
|
19 + "(Learn more or post questions or comments "
|
|
|
20 + "at the <a href='http://slideshow.rubyforge.org'>Slide Show (S9)</a> project site. Thanks!)"
|
|
|
21 + "</p>"
|
|
|
22 )
|
|
|
23 .css( {
|
|
|
24 border: 'red solid thick',
|
|
|
25 padding: '1em',
|
|
|
26 fontFamily: 'sans-serif',
|
|
|
27 fontWeight: 'bold' } )
|
|
|
28 .prependTo( 'body' );
|
|
|
29 }
|
|
|
30 );
|
|
|
31
|
