codeなにがし::codeなにがしに投稿したソースを表示するiGoogleガジェット

codeなにがしに投稿したソースを表示するiGoogleガジェット: hokousya

ソースコードID：　249
登録日時：　2007/08/17 04:09
最終更新日時：　2007/10/10 22:46
アクセス数：　2042
タグ：　 google ガジェット igoogle blog

0 users

説明

コードなにがしに投稿したソースコードを blog などの任意の Web ページに埋め込むための iGoogle ガジェットです。ソースは色分け表示も可能です（IE 除く）。 API を利用した JavaScript ウィジェットを作ったので（関連するなにがし参照）、こちらもそれをベースにしたものに変更しました。

使い方は、以下のページで必要なパラメータを設定し、表示される HTML をページに挿入するだけです。

http://gmodules.com/ig/creator?synd=open&url=http%3A%2F%2...

動作中の例やパラメータの詳細などは、以下のページをご参照ください。

http://webos-goodies.jp/archives/51228303.html

ソースコードしか表示できないけどリビジョンが指定できる旧バージョンはこちら。

http://webos-goodies.jp/archives/51198914.html

ソースコード

履歴表示コピペ用

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="コードなにがし"
               title_url="http://code.nanigac.com/"
               height="200"
               scrolling="false"
               author="WebOS Goodies"
               author_email="support@webos-goodies.jp"
               author_affiliation="WebOS Goodies"
               author_location="Tokyo, Japan"
               author_link="http://webos-goodies.jp/">
  </ModulePrefs>
  <UserPref name="page" display_name="ソースコード ID" datatype="string" required="true"/>
  <UserPref name="lineheight" display_name="行の高さ" datatype="string" default_value="1.3"/>
  <UserPref name="showsource" display_name="ソースの表示" datatype="bool" default_value="1"/>
  <UserPref name="showinfo" display_name="詳細の表示" datatype="bool" default_value="1"/>
  <UserPref name="showcomments" display_name="コメントの表示" datatype="bool" default_value="1"/>
  <UserPref name="showlink" display_name="リンクの表示" datatype="bool" default_value="1"/>
  <UserPref name="colorize" display_name="色分け表示" datatype="bool" default_value="1"/>
  <Content type="html">
    <![CDATA[

<style type="text/css">
  .str { color: #080; font-family: mono-spac; }
  .kwd { color: #008; font-family: mono-spac; }
  .com { color: #800; font-family: mono-spac; }
  .typ { color: #606; font-family: mono-spac; }
  .lit { color: #066; font-family: mono-spac; }
  .pun { color: #660; font-family: mono-spac; }
  .pln { color: #000; font-family: mono-spac; }
  .tag { color: #008; font-family: mono-spac; }
  .atn { color: #606; font-family: mono-spac; }
  .atv { color: #080; font-family: mono-spac; }
  .dec { color: #606; font-family: mono-spac; }

  @media print {
    .str { color: #060; }
    .kwd { color: #006; font-weight: bold; }
    .com { color: #600; font-style: italic; }
    .typ { color: #404; font-weight: bold; }
    .lit { color: #044; }
    .pun { color: #440; }
    .pln { color: #000; }
    .tag { color: #006; font-weight: bold; }
    .atn { color: #404; }
    .atv { color: #060; }
  }

  #wrap {
    font-size: 12px;
    line-height: __UP_lineheight__;
    position: absolute;
    left: 0px; top: 0px; right: 0px; bottom: 0px;
    overflow: hidden;
  }
</style>

<!--[if IE]>
<style type="text/css">
  #wrap {
    position: static;
    width: 100%;
    height: expression(document.body.clientHeight + 'px');
  }
</style>
<script type="text/javascript">var isIE = true;</script>
<![endif]-->

<script type="text/javascript">
  function getCachedUrl(path)
  {
    return _IG_GetCachedUrl('http://webos-goodies.googlecode.com/svn/trunk/products/google-gadgets/codenanigac/' + path);
  }

  document.body.scroll='no';

  var prefs = new _IG_Prefs(__MODULE_ID__);
  document.open();
  if(prefs.getBool('colorize') && !window.isIE)
    document.write('<scr' + 'ipt type="text/javascript" src="' + getCachedUrl('prettify.js') + '"></scr' + 'ipt>');
  document.write('<scr' + 'ipt type="text/javascript" src="' + getCachedUrl('codenanigac.js') + '"></scr' + 'ipt>');
  document.close();
</script>

<div id="wrap" style="overflow:hidden; width:100%">
<script type="text/javascript">
  var options = {
    showSource:   prefs.getBool('showsource'),
    showInfo:     prefs.getBool('showinfo'),
    showComments: prefs.getBool('showcomments'),
    showFooter:   prefs.getBool('showlink'),
    showBorder:   true
  };
  var widget = WebOSGoodies.CodeNanigaC.write(prefs.getInt('page'), options);

  _IG_RegisterOnloadHandler(function() {
    var tabs       = widget.getTabs(), container = widget.getContentContainer(), footer = widget.getFooterContainer();
    var wrapHeight = _gel('wrap').clientHeight;
    var tabHeight  = tabs ? tabs.getHeaderContainer().offsetHeight : 0;
  	var footHeight = footer ? footer.offsetHeight : 0;
    container.style.height = (wrapHeight - tabHeight - footHeight) + 'px';
    if(typeof prettyPrint === 'function')
      prettyPrint();
  });
</script>
</div>

    ]]>
  </Content>
</Module>