設置方法

関連ファイルの外部リンク設定

使用例

<script type="text/javascript">
$(document).ready(function(){
$('.class名').slidePanel({status:'open'});
});
</script>

<script type="text/javascript">
$(document).ready(function(){
$('.class名').slidePanel({role:'accordion'});
});
</script>

設置方法

<script class="javascript"src="https://example.com/Scripts/shCore.js"></script>
<script class="javascript">
dp.SyntaxHighlighter.ClipboardSwf = 'https://example.com/Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>

<script class="javascript" src="https://example.com/Scripts/shBrushCSharp.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushPhp.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushJScript.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushJava.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushVb.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushSql.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushXml.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushDelphi.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushPython.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushRuby.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushCss.js"></script>
<script class="javascript" src="https://example.com/Scripts/shBrushCpp.js"></script>

<script type="text/javascript" src="https://example.com/Scripts/shCore.js"></script>
<script type="text/javascript" src="https://example.com/Scripts/shBrushCss.js"></script>
<script type="text/javascript" src="https://example.com/Scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="https://example.com/Scripts/shBrushXml.js"></script>
<script class="javascript" type="text/javascript">
dp.SyntaxHighlighter.HighlightAll('code');
</script> 

使用方法

<pre name="code" class="xml" cols="60" rows="5" id="code"></pre>

XMLコードの場合、class="xml"
CSSコードの場合、class="css"
JavaScriptコードの場合、class="js"
Rubyコードの場合、class="ruby"
SQLコードの場合、class="sql"
Visual Basicコードの場合、class="vb"
Javaコードの場合、class="java"
pythonコードの場合、class="python"
C#コードの場合、class="c#"
C++コードの場合、class="c"
Delphiコードの場合、class="delphi"

目的１.　ＷＰプラグインの　「WP-Highslide」　のタグ入力をどうしても、自動？にしたかった。

目的2.　ＷＰプラグインの　「wp-tegaki」　のタグ入力をどうしても、自動？にしたかった。

目的１.　解決法

目的２.解決法

1.　ダウンロード＆インストール

起動したら『次へ』をクリック。
画像と同じ状態にして、「次へ」をクリック。
インストール先「Root Directory」を決めて画像と同じ状態になっていれば、「次へ」をクリック。（「Root Directory名」は任意です。ここでは「cygwin」で説明します。） ※あまり深い所や日本語名はやめておきましょう・・・・念のため）
ダウンロードするパッケージのディレクトリを指定し、「次へ」をクリック。（これも任意です。画像の例ではは先ほど指定した「Root Directory」の下の「archives」フォルダに保存されます。）
画像と同じ状態にして、「次へ」をクリック。
ダウンロードサイトを選択し、『次へ』をクリックします。（どこでもいいのですが、おすすめは最後が　jp　になっている所かな？）
しばらくすると画像のダウンロード＆インストールするパッケージの選択画面が表示されます。時間はかなりかかりますが、全てをインストールするのがおすすめ！！容量的にも大したこと無いので・・・categoryのところの「All　Default」の「Default」をクリックし「install」に変えたら、「次へ」をクリック。（※全てインストールする場合は下記3個はとばして下さい。　※SSHのみ使用したい場合は下記参照）
SSHのみを使用したい場合 categoryの「Admin」にある「cygrunsrv」のところの「Skip」をクリックし「バージョン名」に変える。
SSHのみを使用したい場合 categoryの「Net」にある「openssh」と「openssl」のところの「Skip」をクリックし「バージョン名」に変える。
SSHのみを使用したい場合 categoryの「System」にある「procps」のところの「Skip」をクリックし「バージョン名」に変えたら、「次へ」をクリック。
ダウンロード＆インストールが自動で開始されます・・・すべてインストールにした場合は、非常に時間がかかるのでTVでも見ていてください（笑）　 ※途中で止まってしまったり、エラーが出た場合は、違うダウンロードサイトから、再度ダウンロード＆インストールをした方が良いでしょう。
右の画像が表示されたら正常にインストール終了です。あとは、「Create icon on Desktop」（デスクトップにショートカットアイコンを作成）＆「Add icon to Start Menu」（スタートメニューへ項目を追加）をそれぞれ任意で選択して『完了』ボタンをクリック。

2.　Cygwinの起動確認

Windows PC で SSH　其の弐　「Cygwin & sshd 設定編」　へ続く・・・・

設定方法

使用方法

サンプル