2008年12月16日火曜日

JavaScriptのcodeでも試しに表示してみる。

そーや、コード周りがどう表示されるか知らないので、ちょいちょい見てみる。 アメーバでやっていた頃は色々と(自動的に空白が挿入されたりと、)酷い表示されて散々だった記憶がある。 とりあえずは表示出来るのを確認して、おかしな空白も入らない事を確認。 しかしながら、ブログの幅を超えると酷いのでスタイルシートで幅指定して、overflowを自動に設定することでスライドさせられるように変更。このくらいはしないと駄目かな。
/***** GoogleAnalytics用のトラッキングコード埋め込み用js *****/
/* スクリプトタグの埋め込み。 */
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
var head = document.getElementsByTagName("head");
if(head){
 /* headが取得出来た場合 */
 var element = document.createElement('script');
 element.src = gaJsHost+ "google-analytics.com/ga.js";
 element.type= "text/javascript";
 head[0].appendChild(element)
}else{
 /* headが取得出来なかった場合。仕方ないのでdocument.writeします。 */
 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' ? type='text/javascript'%3E%3C/script%3E"));
}
/* GoogleAnalyticsにあったスクリプト */
function startAnalytics() {
 try{
 //IDを元に_getTracker起動。ID(**-*******-*)は各自の物に置き換えてください。
 var pageTracker = _gat._getTracker("**-*******-*");
 pageTracker._initData();
 pageTracker._trackPageview();
}catch(e){}
}

/* onloadとして実行予約 */
if (window.addEventListener) {
 window.addEventListener('load', startAnalytics, false);
}else if (window.attachEvent) {
 window.attachEvent('onload', startAnalytics);
} 
どう表示されるのだろうか? 結果。 	を使ってもタブ文字は半角スペースに置き換えられるってことが判った。 面倒なりけり…。