PCで見たときとiphoneやipadで見たときに、一部分だけ変えたい、というときがよくある。

多いのは、flashを使ってるときとか。
iphoneとipadではflashが読めないので、その部分だけ違うものに差し替えたい。

useragentでやっちゃうのが便利かなーと思ってます。

<script>
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1)  {
document.write("<link rel=stylesheet href=css/sumaho.css type=text/css />");
document.close();
}
</script> 


iphoneかipadのときに、sumaho.cssを読み込ませてますよ、と。


んで、HTMLには、こう書いておく

<div class="pcmuke">
<object 〜 フラッシュ>
</div> 
<div class="iphonemuke">
<img src="">
</div> 


.iphonemukeは、あらかじめてdisplay:none;しておく。


んで、sumaho.cssにはこう書く

.pcmuke{display:none;}
.iphonemuke{display:block;}


これで、一部分だけ切り替えられる!