SQLの窓
http://w.atwiki.jp/lightbox/
SQLの窓
ja
2008-07-19T00:26:41+09:00
1216394801
-
メニュー
https://w.atwiki.jp/lightbox/pages/2.html
**メイン
#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() {
<IMG src="http://homepage2.nifty.com/lightbox/list.gif" border="0" style='margin-left:10px;'><A href="http://www39.atwiki.jp/lightbox/pages/26.html">操作説明ページ</A>
}
#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() {
<IMG src="http://homepage2.nifty.com/lightbox/list.gif" border="0" style='margin-left:10px;'><A href="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" target="_blank">利用方法</A>
}
**@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)
2008-07-19T00:26:41+09:00
1216394801
-
@wiki スタートアップ
https://w.atwiki.jp/lightbox/pages/14.html
#setmenu(スタートアップメニュー)
#include_js(http://homepage2.nifty.com/lightbox/copyClip.js)
#html2(){
<OBJECT
id="flash1"
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width=0
height=0
>
<PARAM name="movie" value="http://www39.atwiki.jp/lightbox/pub/utilWeblog.swf">
<PARAM name="allowScriptAccess" value="always">
<EMBED
id="flash2"
name="utilWeblog"
swliveconnect="true"
src="http://www39.atwiki.jp/lightbox/pub/utilWeblog.swf"
width=0
height=0
type="application/x-shockwave-flash"
>
</OBJECT>
}
#javascript(){{
var obj = new COPYCLIP( );
}}
*&this_page()
+デザインを選択
++オレンジロゴ(2カラム)
+「基本デザインのCSSを無効化する」にチェック
+ユーザ定義CSS書き込み
#html2(){{
<A href="javascript:obj.copyString( document.getElementById('css').value )">クリップボードへコピー</A><br />
}}
#html2(){{
<TEXTAREA id='css' cols="80" rows="20" readonly>
/* サブタイトル用 */
#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: "MS Pゴシック" !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;
}
</TEXTAREA>
}}
**このサブタイトルは、【**文字列】です。#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: "MS Pゴシック" !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(<HR size=1 color=forestgreen>)
#setmenu(スタートアップメニュー)
#include_js(http://winofsql.sakura.ne.jp/system/js/shCore.js)
#include_js(http://winofsql.sakura.ne.jp/system/js/shBrushXml.js)
#html2(){{
<pre name="code" class="html">
<INPUT type="text" name="field">
</pre>
}}
#javascript(){{
dp.SyntaxHighlighter.ClipboardSwf = '/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
}}
2008-05-20T17:20:21+09:00
1211271621
-
SyntaxHighlighter
https://w.atwiki.jp/lightbox/pages/29.html
#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(){{
<textarea name="code" class="vb">
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
</textarea>
}}
#javascript(){{
dp.SyntaxHighlighter.ClipboardSwf = '/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
}}
----
2008-05-19T18:09:45+09:00
1211188185
-
PHP ソースコード表示
https://w.atwiki.jp/lightbox/pages/20.html
#setmenu(スタートアップメニュー)
*&this_page()
#codehighlight(php){
ここにPHPソースコードを記述
}
※ #codehilight を使用すると、波型括弧は1つでOK なようです。
( それでも問題の出る場合は、波型括弧のペアを増やすと良いでしょう )
※ php を指定すると、関数が php サイトのマニュアルページにリンクされるようです
#codehighlight(php){
<?php
header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );
header( "Content-Type: text/html; Charset=euc-jp" );
print "PHP version : " . phpversion() . "<br>";
print "OS : " . PHP_OS . "<br>";
print "include_path : " . get_include_path() . "<br>";
print "PEAR_INSTALL_DIR : " . PEAR_INSTALL_DIR . "<br>";
print "get_magic_quotes : " . get_magic_quotes_gpc() . "<br>";
print "セッション保存パス : " . session_save_path() . "<br>";
print "現在の言語 : " . mb_language() . "<br>";
print "内部エンコーディング : " . mb_internal_encoding() . "<br>";
print "リモートファイルの OPEN を許す : " . ini_get('allow_url_fopen') . "<br>";
$ver = substr(phpversion(),0,1) + 0;
if ( $ver == 5 ) {
print "リモートファイルの include を許す : " .
ini_get('allow_url_include') . "<br>";
}
print "最大実行時間 : " . ini_get('max_execution_time') . " 秒<br>";
?>}
**ソースコード表示の 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-05-19T18:01:27+09:00
1211187687
-
多種テキスト変換サービス
https://w.atwiki.jp/lightbox/pages/26.html
#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:49:37+09:00
1202971777
-
重要な基本編集
https://w.atwiki.jp/lightbox/pages/22.html
#setmenu(スタートアップメニュー)
*&this_page()
***● オレンジの書いたまま強調
このオレンジの中は、行頭にスペースを書く事によって簡単に実現します
また、この中では全て書いたまま表示されます
<INPUT type="text" value="表示">
#setmenu(スタートアップメニュー)
***● 色つきの太字
文字列をシングルクォート二つで囲うと太字になるので、&color(#006400){文字列} のテキスト色と
組み合わせて使います
↓&color(#006400){''色つきの太字''}
文中に使用できる&color(#006400){''色つきの太字''}ですが、どのような状況でも正しく動作するという保証はありません。
***● 横罫線
----
ハイフン4つ以上で横罫線が引かれますが、以下のようにしても良いです
( 但し、----ああああ は箇条書きの構文となります )
#hr(height=1,color=#228B22)
&html(<HR size=1 color=forestgreen>)
***● 現在のページ名を文字列として使用する
↓&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(<IMG src="http://www39.atwiki.jp/lightbox/?plugin=ref&serial=8" width=300 galleryimg="no">)画像を表示します
文の途中に&html(<IMG src="http://www39.atwiki.jp/lightbox/?plugin=ref&serial=8" width=300 galleryimg="no">)画像を表示します
&html(<HR size=1 color=forestgreen>)
//#hr(height=1,color=#228B22)
2008-02-14T15:48:33+09:00
1202971713
-
HTML上でのコード表示
https://w.atwiki.jp/lightbox/pages/28.html
#setmenu(テキスト変換サービス)
*&this_page()
この変換を行う最も大きな理由としては、HTML 上で < と > をそのままでは表示できないからです。
また、WEB アプリケーション上では、文字列内に HTML が出現します。また、一般的な言語でも
意図せぬ結果にならぬように変換する必要があります
#image(codeinhtml.jpg)
----
2008-02-14T15:45:26+09:00
1202971526
-
テキスト変換サービス
https://w.atwiki.jp/lightbox/pages/27.html
**&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上でのコード表示]]
2008-02-14T15:39:38+09:00
1202971178
-
CSS整形
https://w.atwiki.jp/lightbox/pages/25.html
#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;
}
}
}}}
----
2008-02-14T15:34:41+09:00
1202970881
-
JavaScript整形
https://w.atwiki.jp/lightbox/pages/11.html
#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)
}
})();
}}}
----
2008-02-14T15:34:22+09:00
1202970862