SQLの窓

メニュー

2008-07-19T00:26:41+09:00

**メイン #divid(menulist){ -[[トップページ]] -[[@wiki スタートアップ]] } **WEBツール #image(http://lightbox.on.coocan.jp/image/tool_free_font.png,http://lightbox.on.coocan.jp/html/fontImage.php,blank) #image(http://lightbox.on.coocan.jp/image/html_js_sk.png,http://winofsql.jp/php/build_html.php,blank) #image(http://lightbox.on.coocan.jp/image/tool_text_conv.png,http://winofsql.jp/php/cnvtext/frame.htm,blank) #html2() { 操作説明ページ } #image(http://lightbox.on.coocan.jp/image/yuimenu.png,http://lightbox.on.coocan.jp/php/links/frame.php,blank) //#region //[[利用方法>>http://lightbox.matrix.jp/ginpro/patio.cgi?mode=view2&f=222&no=0&type=ref&w=720&opt=text-align:left;margin-left:5px;&xml=y]] //#endregion #html2() { 利用方法 } **@wiki リンク -[[よこさん＠wiki>>http://www32.atwiki.jp/lmes2/]] //**更新履歴 //#recent(20) //&link_editmenu(text=ここを編集) #include_js(http://winofsql.jp/wiki/outercss.js) #include_js(http://homepage2.nifty.com/lightbox/YUIMENU/yahoo-dom-event.js) #include_js(http://homepage2.nifty.com/lightbox/YUIMENU/animation-min.js) #include_js(http://homepage2.nifty.com/lightbox/YUIMENU/container_core-min.js) #include_js(http://homepage2.nifty.com/lightbox/YUIMENU/menu-min.js) #include_js(http://winofsql.jp/wiki/winofsql_1.js) #include_js(http://winofsql.jp/wiki/toolboxv.js)

@wiki スタートアップ

2008-05-20T17:20:21+09:00

#setmenu(スタートアップメニュー) #include_js(http://homepage2.nifty.com/lightbox/copyClip.js) #html2(){ } #javascript(){{ var obj = new COPYCLIP( ); }} *&this_page() +デザインを選択 ++オレンジロゴ（２カラム） +「基本デザインのCSSを無効化する」にチェック +ユーザ定義CSS書き込み #html2(){{ 　クリップボードへコピー
}} #html2(){{ 　

/* サブタイトル用 */
#subttl {
	border-color:gray;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	background-color:silver;
	background:url(http://homepage2.nifty.com/lightbox/h5.png) repeat-x 0 0;
}

/* YAHOO UI メニュー用 */
.bd A {
	font-family: "ＭＳ Ｐゴシック" !important;
	font-size: 12px !important;
	text-align: left;
}

/* ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換え */
#atwiki-jp-bg1 {
	background:transparent url(http://homepage2.nifty.com/lightbox/winofsql.png) no-repeat scroll 0%;
}
/* height: ロゴを表示している部分の高さ */
#header a#atwiki-jp-bg1 {
	height:70px;
	width:100px;
}

body {
	background:#fff;
	color:#666;
	font-family:arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

body *{
	line-height:1.5;
}

/* text-decoration:none -> リンクに下線無し */
a:link,a:visited{
	color:navy;
	text-decoration:none;
}
a:hover, a:active{
	color:forestgreen;
	text-decoration:none;
}

.box:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

/* ヘッダーのパディンクと背景色と高さ */
#header{
	margin: 0 0 0 0;
	border-bottom:3px solid #FFA500;
	background-color: forestgreen;
}

/* ロゴ画像のマージン等調整 */
#header a#atwiki-jp-bg1 {
	display:block;
	float:left;
	margin: 5px 5px 5px 5px;
	width: 200px;
}

#header h1,
#header h2{
	margin:0;
	padding:0;
	line-height:1;
}

/* サブタイトル文字の調整 */
#header h1{
	padding-top: 45px;
	padding-bottom:4px;
}


#header h1 a{
	color:#6c0;
	font-size: 12px;
	text-decoration:none;
	line-height:1;
}

#header h2 a{
	color:#333;
	font-size:15px;
	text-decoration:none;
	line-height:1;
	display: none;
}

#container {
 width:100%;
 text-align:left;
}

#wrapper {
 width:100%;
}

#footer,
#toolbar {
 width:100%;
 clear:left;
}

#toolbar{
/*	display:none; */
}

#contents {
 width:100%;
 float:right;
 margin-left:-194px;
}

#contents_inner {
 margin-right:25px;
 margin-left:204px;
 border:1px dotted #FFA500;
 padding:10px;
 overflow:hidden;
}

#menubar_wrapper{
	padding-left:5px;
}

#menubar_inner h3 {
	line-height:26px;
	border-style:solid;
	border-width:1px;
	border-color:#9192A3;
	height: 26px;
	width: 155px;
	padding-left:5px;
	background:url(http://homepage2.nifty.com/lightbox/YUI/sprite.png) repeat-x 0 0;
}

#menubar {
 width:165px;
 float:left;
 overflow:hidden;
 /* border:2px dotted #FFA500; */
}

#menubar2 {
 width:165px;
 float:left;
 overflow:visible;
 /* border:2px dotted #FFA500; */
}	

#menubar_inner,
#menubar_inner2{
	padding:0px;
}


.menu fieldset{
	width:135px;
	overflow:visible;
}

.menu select{
	max-width:135px;
}
.menu input{
	max-width:135px;
}
.menu textarea{
	max-width:135px;
	background:#fff;
}

#footer_inner{
	padding:10px 25px;
}
#toolbar_inner{
	padding:10px 25px 0 25px;
}


/* General Rules */


p,
dl,
multicol{
	display: block;
	margin: 1em 0;
}
dd{
	display: block;
	margin-left: 20px;
}
dt{
	font-weight:bold;
}
blockquote{
	display: block;
	margin: 1em;
}
address{
	display: block;
	font-style: italic;
}
center{
	display: block;
	text-align: center;
}
h1{
	margin: 13px 0;
	font-size:167%;
	font-weight:bold;
}
h2{
	margin: 13px 0;
	font-size:152%;
	font-weight:bold;
}
h3{
	margin: 13px 0;
	font-size:13px;
	font-weight:bold;
}
h4{
	margin: 13px 0;
	font-size:129%;
	font-weight:bold;
}
h5{
	margin: 13px 0;
	font-size:114%;
	font-weight:bold;
}
h6{
	margin: 13px 0;
	font-size:100%;
	font-weight:bold;
}

xmp, 
pre, 
plaintext{
	display: block;
	font-family: fixed;
	margin: 1em 0;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; 		/* Opera 4-6 */
	white-space: -o-pre-wrap; 	/* Opera 7 */
	white-space: pre-wrap;			/* CSS3 */
	word-wrap: break-word;			/* IE 5.5+ */
}

table{
	display: table;
	border-spacing: 2px;
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
	-moz-box-sizing: border-box;
	text-indent: 0;
	border:1px solid #aaa;
}

caption{
	display: table-caption;
	text-align: center;
}

tr{
	display: table-row;
	vertical-align: inherit;
}
col{
	display: table-column;
}
colgroup{
	display: table-column-group;
}
tbody{
	display: table-row-group;
	vertical-align: middle;
}
thead{
	display: table-header-group;
	vertical-align: middle;
}

tfoot{
	display: table-footer-group;
	vertical-align: middle;
}
table > tr{
	vertical-align: middle;
}
td{ 
	display: table-cell;
	vertical-align: inherit;
	text-align: inherit; 
	padding: 3px;
	border:1px solid #999;
}
th{
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	padding: 3px;
	border:1px solid #999;
}
q:before{
	content: open-quote;
}
q:after{
	content: close-quote;
}

b, 
strong{
	font-weight: bolder;
}

i, 
cite, 
em, 
var, 
dfn{
	font-style: italic;
}

u, 
ins{
	text-decoration: underline;
}

s, 
strike, 
del{
	text-decoration: line-through;
}

sub{
	vertical-align: sub;
	font-size: smaller;
	line-height: normal;
}

sup{
	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

nobr{
	white-space: nowrap;
}

ul{
	display: block;
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 15px;
}

ol{
	display: block;
	list-style-type: decimal;
	margin: 1em 0;
	padding-left: 25px;
}

 li{
	display: list-item;
}

 ul ul,
 ul ol,
 ul dl,
 ol ul,
 ol ol,
 ol dl,
 dl ul,
 dl ol,
 dl dl {
	margin-top: 0px;
	margin-bottom: 0;
}

 ol ul,
 ul ul{
	list-style-type: circle;
}

 ol ol ul,
 ol ul ul,
 ul ol ul,
 ul ul ul{
	list-style-type: square;
}

/*
 hr{
	display: block;
	height: 1px;
	border: 1px;
	margin: 0.5em auto 0.5em auto;
}
*/

/**/

#wikibody ul {
	list-style-image: url(http://homepage2.nifty.com/lightbox/list.gif);
}
#wikibody h3 {
	line-height:32px;
	border-style:solid;
	border-width:1px;
	border-color:#9192A3;
	height: 32px;
	padding-left:15px;
	background:url(http://homepage2.nifty.com/lightbox/YUI/sprite.png) repeat-x 0 0;
}

pre{
	background:#fd8;
	padding:10px;
	color:#333;
}

blockquote{
	border-left:3px solid #FFA500;
	padding-left:.5em;
}

}} **このサブタイトルは、【**文字列】です。#wikibody h3 で定義しています -以下のように指定します #highlight(){{ #divid(subttl){ スタートアップ } }} #highlight(css){{ /* サブタイトル用 */ #subttl { border-color:gray; border-style:solid; border-width:1px; font-weight:bold; font-size:14px; padding-top:5px; padding-bottom:5px; padding-left:20px; background-color:silver; background:url(http://homepage2.nifty.com/lightbox/h5.png) repeat-x 0 0; } }} #highlight(css){{ /* YAHOO UI メニュー用 */ .bd A { font-family: "ＭＳＰゴシック" !important; font-size: 12px !important; text-align: left; } }} #highlight(css){{ /* ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換え */ #atwiki-jp-bg1 { background: transparent url(http://homepage2.nifty.com/lightbox/winofsql.png) no-repeat scroll 0%; } }} -高さをロゴの実サイズより同じか大きく設定してタイトル部分の縦幅を調整します #highlight(css){{ /* height: ロゴを表示している部分の高さ */ #header a#atwiki-jp-bg1 { height: 70px; width:100px; } }} #highlight(css){{ /* リンク色、text-decoration:none -> リンクに下線無し */ a:link,a:visited{ color: navy; text-decoration: none; } a:hover, a:active{ color: forestgreen; text-decoration: none; } }} #highlight(css){{ /* ヘッダーのパディンクと背景色と高さ */ #header{ margin: 0 0 0 0; border-bottom:3px solid #FFA500; background-color: forestgreen; } }} #highlight(css){{ /* ロゴ画像のマージン等調整 */ #header a#atwiki-jp-bg1 { display:block; float:left; margin: 5px 5px 5px 5px; width: 200px; } }} #highlight(css){{ /* サブタイトル文字の調整 */ #header h1{ padding-top: 45px; padding-bottom:4px; } #header h1 a{ color:#6c0; font-size: 12px; text-decoration:none; line-height:1; } }} &html(

) #setmenu(スタートアップメニュー) #include_js(http://winofsql.sakura.ne.jp/system/js/shCore.js) #include_js(http://winofsql.sakura.ne.jp/system/js/shBrushXml.js) #html2(){{

}} #javascript(){{ dp.SyntaxHighlighter.ClipboardSwf = '/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); }}

SyntaxHighlighter

2008-05-19T18:09:45+09:00

#setmenu(スタートアップメニュー) *&this_page() #include_js(http://winofsql.sakura.ne.jp/system/js/shCore.js) #include_js(http://winofsql.sakura.ne.jp/system/js/shBrushVb.js) #html2(){{

Public Class Form1

Dim obj As New Microsoft.Office.Interop.Excel.ApplicationClass
	Dim books As Microsoft.Office.Interop.Excel.Workbooks
	Dim book As Microsoft.Office.Interop.Excel.Workbook

' **************************************************
	' 一つ一つ取得( 後でリリース用 )
	' グローバルで使用するオブジェクト
	' **************************************************
	Private Sub Button1_Click(ByVal sender As System.Object, _
	ByVal e As System.EventArgs) Handles Button1.Click

books = obj.Workbooks
		book = books.Open("C:\user\book1.xls")
		obj.Visible = True

End Sub

' **************************************************
	' セルにデータセット
	' **************************************************
	Private Sub Button3_Click(ByVal sender As System.Object, _
	ByVal e As System.EventArgs) Handles Button3.Click

book.Saved = True
		obj.Quit()

'ひとつ一つリリース
		'System.Runtime.InteropServices.Marshal.ReleaseComObject(book)
		'System.Runtime.InteropServices.Marshal.ReleaseComObject(books)
		'System.Runtime.InteropServices.Marshal.ReleaseComObject(obj)

' 一括キャンセル
		obj = Nothing
		GC.Collect()

End Sub

' **************************************************
	' セルにデータセット
	' ブロック内でオブジェクトを使用後リリースする
	' **************************************************
	Private Sub Button4_Click(ByVal sender As System.Object, _
	 ByVal e As System.EventArgs) Handles Button4.Click

' book.Sheets("Sheet1").Cells(10, 10) = "文字列"
		Dim A, B, C As Object
		A = book.Sheets
		B = A("Sheet1")
		C = B.Cells
		C(10, 10) = "文字列"

System.Runtime.InteropServices.Marshal.ReleaseComObject(C)
		System.Runtime.InteropServices.Marshal.ReleaseComObject(B)
		System.Runtime.InteropServices.Marshal.ReleaseComObject(A)

End Sub

End Class

}} #javascript(){{ dp.SyntaxHighlighter.ClipboardSwf = '/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); }} ----

PHP ソースコード表示

2008-05-19T18:01:27+09:00

#setmenu(スタートアップメニュー) *&this_page() #codehighlight(php){ ここにPHPソースコードを記述 } ※ #codehilight を使用すると、波型括弧は1つでOK なようです。 ( それでも問題の出る場合は、波型括弧のペアを増やすと良いでしょう ) ※ php を指定すると、関数が php サイトのマニュアルページにリンクされるようです #codehighlight(php){ "; print "OS : " . PHP_OS . "
"; print "include_path : " . get_include_path() . "
"; print "PEAR_INSTALL_DIR : " . PEAR_INSTALL_DIR . "
"; print "get_magic_quotes : " . get_magic_quotes_gpc() . "
"; print "セッション保存パス : " . session_save_path() . "
"; print "現在の言語 : " . mb_language() . "
"; print "内部エンコーディング : " . mb_internal_encoding() . "
"; print "リモートファイルの OPEN を許す : " . ini_get('allow_url_fopen') . "
"; $ver = substr(phpversion(),0,1) + 0; if ( $ver == 5 ) { print "リモートファイルの include を許す : " . ini_get('allow_url_include') . "
"; } print "最大実行時間 : " . ini_get('max_execution_time') . " 秒
"; ?>} **ソースコード表示の CSS 変更 #codehighlight(php){ のように、引数に php を指定していると、HTML に class="php" の PRE 要素が作成されます。 css 設定で、クラスに対して見栄えを調整します #highlight(css){{ .html4strict,.javascript,.php,.css { border-color: gray; border-style: solid; border-width: 1px; font-weight: bold; padding: 5px; background-color: silver; } }} ----

多種テキスト変換サービス

2008-02-14T15:49:37+09:00

#setmenu(テキスト変換サービス) *多種テキスト変換サービス : 【主な変換】 -[[HTML上でのコード表示]] ● ソースコードを HTML で表示できるように、PRE タグ付きで変換する。 -[[JavaScript整形]] ● 改行やTABやスペースが極限まで取り除かれた JavaScript コードを読めるように整形する。 [[こちら>>http://elfz.laacz.lv/beautify/]] で配布されているコードを使用しています( ''beautify.php'' ) -[[CSS整形]] ● 改行やTABやスペースが極限まで取り除かれた CSS コードを読めるように整形する。 [[こちら>>http://csstidy.sourceforge.net/]] で配布されている ''Version1.3'' のライブラリを使用しています ----

重要な基本編集

2008-02-14T15:48:33+09:00

#setmenu(スタートアップメニュー) *&this_page() ***● オレンジの書いたまま強調このオレンジの中は、行頭にスペースを書く事によって簡単に実現しますまた、この中では全て書いたまま表示されます #setmenu(スタートアップメニュー) ***● 色つきの太字文字列をシングルクォート二つで囲うと太字になるので、&color(#006400){文字列} のテキスト色と組み合わせて使います ↓&color(#006400){''色つきの太字''} 文中に使用できる&color(#006400){''色つきの太字''}ですが、どのような状況でも正しく動作するという保証はありません。 ***● 横罫線 ---- ハイフン4つ以上で横罫線が引かれますが、以下のようにしても良いです ( 但し、----ああああは箇条書きの構文となります ) #hr(height=1,color=#228B22) &html(

) ***● 現在のページ名を文字列として使用する ↓&this_page() &this_page() ※ **&this_page() というような使用方法が多いと思われます ***● メニューページ指定 #setmenu(スタートアップメニュー) ※ ページの先頭に置いて表示するメニューページを指定して大きな階層を作るのに利用します ***● 文字列リンク ↓ページへのリンク [[ページ名]] ↓右のリンクは&bold(){[[トップページ]]}へのリンクです右のリンクは&bold(){[[トップページ]]}へのリンクです ↓表示文字列でページへのリンク [[表示文字列>ページ名]] ↓現ページを置き換える外部リンク [[表示文字列>URL]] ↓新しいウインドウを開く外部リンク [[表示文字列>>URL]] ***● 画像でリンク ( 画像URLは、アップロードした画像ファイル名でも可 ) ↓現ページを置き換える行頭に書く画像リンク #image(画像URL,URL) ↓新しいウインドウを開く行頭に書く画像リンク #image(画像URL,URL,blank) ↓現ページを置き換える行中に書く画像リンク &image(画像URL,URL,inline) ↓新しいウインドウを開く行中に書く画像リンク &image(画像URL,URL,blank,inline) ***● 画像 ( 画像でリンクと同じプラグインです ) ↓アップロードした画像 #image(アップロードした画像ファイル名) &image(アップロードした画像ファイル名) ↓外部画像 #image(画像URL) &image(画像URL) ※ # は行頭用 & は行中用 ↓文の途中に&image(upload.png,width=300,inline)画像を表示します文の途中に&image(upload.png,width=300,inline)画像を表示します &image(galleryimg.png,inline) を表示したく無い場合は以下のように書きます文の途中に&html()画像を表示します文の途中に&html()画像を表示します &html(

) //#hr(height=1,color=#228B22)

HTML上でのコード表示

2008-02-14T15:45:26+09:00

#setmenu(テキスト変換サービス) *&this_page() この変換を行う最も大きな理由としては、HTML 上で < と > をそのままでは表示できないからです。また、WEB アプリケーション上では、文字列内に HTML が出現します。また、一般的な言語でも意図せぬ結果にならぬように変換する必要があります #image(codeinhtml.jpg) ----

テキスト変換サービス

2008-02-14T15:39:38+09:00

**&this_page() #image(http://lightbox.on.coocan.jp/image/tool_text_conv.png,http://winofsql.jp/php/cnvtext/frame.htm,blank) -[[トップページ]] -[[主な変換>多種テキスト変換サービス]] - -&color(darkgreen){''整形''} --[[JavaScript整形]] --[[CSS整形]] -[[HTML上でのコード表示]]

CSS整形

2008-02-14T15:34:41+09:00

#setmenu(テキスト変換サービス) *&this_page() #image(cssa.jpg) 例えば、以下のコードは Google の検索ページを右クリックしてソースコードを表示させて、 CSS 部分を取り出したものですが、整形する事によって読めるようになります #codehighlight(javascript) {{{ body,td,a,p,.h{font-family:arial,sans-serif}.h{font-size:20px}.h{color:#3366cc}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}#gbar{float:left;font-weight:bold;height:22px;padding-left:2px}.gbh,.gb2 div{border-top:1px solid #c9d7f1;font-size:0;height:0}.gbh{position:absolute;top:24px;width:100%}.gb2 div{margin:5px}#gbi{background:#fff;border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;top:24px;z-index:1000}#guser{padding-bottom:7px !important}#gbar,#guser{font-size:13px;padding-top:1px !important}@media all{.gb1,.gb3{height:22px;margin-right:.73em;vertical-align:top}.gb2 a{display:block;padding:.2em .5em}}#gbi,.gb2{left:0;position:absolute;visibility:hidden}.gb2{z-index:1001}#gbar a,#gbar a:active,#gbar a:visited{color:#00c;font-weight:normal}.gb2 a,.gb3 a{text-decoration:none}#gbar .gb2 a:hover{background:#36c;color:#fff;display:block} }}} #codehighlight(javascript) {{{ body, td, a, p, .h { font - family: arial, sans - serif; } .h { font - size: 20px; color: #36c; } .q { color: #00c; } .ts td { padding: 0; } .ts { border - collapse: collapse; } #gbar { float: left; font - weight: 700; height: 22px; padding - left: 2px; } .gbh, .gb2 div { border - top: 1px solid#c9d7f1; font - size: 0; height: 0; } .gbh { position: absolute; top: 24px; width: 100 % ; } .gb2 div { margin: 5px; } #gbi { background: #fff; border: 1px solid; top: 24px; z - index: 1000; border - color: #c9d7f1#36c#36c#a2bae7; } #guser { padding - bottom: 7px ! important; } #gbar, #guser { font - size: 13px; padding - top: 1px ! important; } #gbi, .gb2 { left: 0; position: absolute; visibility: hidden; } .gb2 { z - index: 1001; } #gbar a, #gbar a: active, #gbar a: visited { color: #00c; font - weight: 400; } .gb2 a, .gb3 a { text - decoration: none; } #gbar.gb2 a: hover { background: #36c; color: #fff; display: block; } @media all { .gb1, .gb3 { height: 22px; margin - right: .73em; vertical - align: top; } .gb2 a { display: block; padding: .2em.5em; } } }}} ----

JavaScript整形

2008-02-14T15:34:22+09:00

#setmenu(テキスト変換サービス) *&this_page() #image(jsa.jpg) 例えば、以下のコードは Google の検索ページを右クリックしてソースコードを表示させて、 JavaScript 部分を取り出したものですが、整形する事によって読めるようになります #codehighlight(javascript) {{{ window.google={kEI:"IbCzR_aPEZWMsALe2oHcCg",kEXPI:"17259,17735,17870,17981",kHL:"ja"}; function sf(){document.f.q.focus()} window.clk=function(b,c,d,e,f,g){if(document.images){var a=encodeURIComponent||escape;(new Image).src="/url?sa=T"+(c?"&oi="+a(c):"")+(d?"&cad="+a(d):"")+"&ct="+a(e)+"&cd="+a(f)+(b?"&url="+a(b.replace(/#.*/,"")).replace(/\+/g,"%2B"):"")+"&ei=IbCzR_aPEZWMsALe2oHcCg"+g}return true}; window.gbar={};(function(){var b=window.gbar,c,g,h;function n(d,f,e){d.visibility=h?"hidden":"visible";d.left=f+"px";d.top=e+"px"}b.tg=function(d){var f=0,e=0,a,i=0,o,l=window.navExtra,m,j=document,k=0;g=g||j.getElementById("gbar").getElementsByTagName("span");(d||window.event).cancelBubble=!i;if(!c){c=j.createElement(Array.every||window.createPopup?"iframe":"DIV");c.frameBorder="0";c.scrolling="no";c.src="#";g[7].parentNode.appendChild(c).id="gbi";if(l&&g[7])for(o in l){m=j.createElement("span");m.appendChild(l[o]);g[7].parentNode.insertBefore(m,g[7]).className="gb2"}j.onclick=b.close}while(a=g[++i]){if(e){n(a.style,e+1,f+25);k=Math.max(k,a.firstChild.tagName=="A"&&a.offsetWidth);f+=a.firstChild.tagName=="DIV"?9:20}if(a.className=="gb3"){do e+=a.offsetLeft;while(a=a.offsetParent)}}{i=0;while(a=g[++i]){if(a.className=="gb2")a.style.width=k+"px"}c.style.width=k+"px"}c.style.height=f+"px";n(c.style,e,24);h=!h};b.close=function(d){h&&b.tg(d)}})(); }}} #codehighlight(javascript) {{{ window.google = { kEI: "IbCzR_aPEZWMsALe2oHcCg", kEXPI: "17259,17735,17870,17981", kHL: "ja" }; function sf() { document.f.q.focus() } window.clk = function(b, c, d, e, f, g) { if (document.images) { var a = encodeURIComponent || escape; (new Image).src = "/url?sa=T" + (c ? "&oi=" + a(c) : "") + (d ? "&cad=" + a(d) : "") + "&ct=" + a(e) + "&cd=" + a(f) + (b ? "&url=" + a(b.replace(/#.*/, "")).replace(/\+/g, "%2B") : "") + "&ei=IbCzR_aPEZWMsALe2oHcCg" + g } return true }; window.gbar = {}; (function() { var b = window.gbar, c, g, h; function n(d, f, e) { d.visibility = h ? "hidden": "visible"; d.left = f + "px"; d.top = e + "px" } b.tg = function(d) { var f = 0, e = 0, a, i = 0, o, l = window.navExtra, m, j = document, k = 0; g = g || j.getElementById("gbar").getElementsByTagName("span"); (d || window.event).cancelBubble = !i; if (!c) { c = j.createElement(Array.every || window.createPopup ? "iframe": "DIV"); c.frameBorder = "0"; c.scrolling = "no"; c.src = "#"; g[7].parentNode.appendChild(c).id = "gbi"; if (l && g[7]) for (o in l) { m = j.createElement("span"); m.appendChild(l[o]); g[7].parentNode.insertBefore(m, g[7]).className = "gb2" } j.onclick = b.close } while (a = g[++i]) { if (e) { n(a.style, e + 1, f + 25); k = Math.max(k, a.firstChild.tagName == "A" && a.offsetWidth); f += a.firstChild.tagName == "DIV" ? 9: 20 } if (a.className == "gb3") { do e += a.offsetLeft; while (a = a.offsetParent) } } { i = 0; while (a = g[++i]) { if (a.className == "gb2") a.style.width = k + "px" } c.style.width = k + "px" } c.style.height = f + "px"; n(c.style, e, 24); h = !h }; b.close = function(d) { h && b.tg(d) } })(); }}} ----