投稿日:

Highlight.js デフォルトのタグ以外でハイライトさせる

Javascript

本当にちょっとしたことなんですが、書いておきます。
このサイトのソースコードハイライターは、今までGoogleのprettifyというのを使っていました。

ですが、最近（2016年5月）下記のサイトから読み込めないなーと思っていて、何かハイライターを使わないといけないと思っていました。

 <script type="text/javascript"
 src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

で、どうやら　Highlight.js　というのがよさそう！というので、使ってみます。下記のサイトさんが詳しいです。
ソースコードをハイライトする軽量ライブラリ、Highlight.jsの使い方: https://syncer.jp/how-to-use-highlightjs

しかし、悲しいかな、このサイトはPukiWikiでできているので、

 <pre><code>　～　</code></pre>

というHTMLではなく、

 <pre>　～　</pre>

というHTMLで今までソースコードを書いているんですね～

もちろん、過去の資産を無駄にしたくはありません⊂(＾-＾)⊃
というわけで、

でもHilight.jsが動作するように、は次のようにやります。


 <script type="text/javascript">
 $(document).ready(function() {
  $('pre').each(function(i, block) {
    hljs.highlightBlock(block);
  });
 });
 </script>
投稿日:

IE メールフォームProでエラーが出る

IE

IE メールフォームProでエラーが出る

メールフォームProというフリーのCGIを使わせて頂いています。
IE9で、Javascriptエラーが、とにかく

 mailformpro.cgi 
 エラー: プロパティ 'checked' の値を取得できません: オブジェクトは 
 Null または未定義です。

のように出てしまう場合は、confic.cgiの

 ####################################################
 ## アドオン(Javascriptの追加機能)
 ####################################################
 
 $config{'dir.AddOns'} = './add-ons/';

の下にあるアドオンで、余計なものをつけていないか調べてみましょう。

私の場合は、

 push @AddOns,'switching.js'; ## スイッチング機能サンプル

を有効にしていたので、上記のエラーが出ていたようです。
投稿日:

IE6 JavascriptをON・OFFする

IE6対策

IE6 JavascriptをON・OFFする

今やJavascriptなしではWebは立ちいかない世の中になってきましたが、まだまだJavascriptはOFFにしたい、という場合もあるかと思います。

IE6（InternetExplorer6)ですと設定方法が分かりにくいので、書いておきます。

  1. 上部のメニューの「ツール」→「オプション」をクリック
  2. 「セキュリティ」タブをクリック
  3. 「レベルのカスタマイズ」をクリック
  4. 「スクリプト」→「アクティブスクリプト」のコーナーで、ONにしたい場合は「有効にする」をクリック　OFFにしたい場合は、「無効にする」をクリック。

これで、OKです。

投稿日:

IE6 Javascriptエラーのデバッグ

IE6対策

IE6（InternetExplorerのバージョン6）では、Javascriptにエラーがあると、左下に「ページが表示されました」の横にエラーがあるというアイコン表示が出ます。
このアイコンをクリックすると、詳細を表示してくれますが、詳細にデバッグしたい場合は、次のようにIE6の設定を変更すると、デバッグができるようになります。

  1. ツール→インターネットオプションをクリック
  2. 詳細設定タブをクリック
  3. ブラウズの項目の下の「スクリプトのデバッグを使用しない（InternetExplorer）」のチェックを外す
  4. 「適用」をクリックします。設定の適用に多少時間がかかります。
  5. デフォルトでは、Microsoft Script Editorでデバッグするようになっています。Microsoft Script EditorはOfficeが入っていないと動作しません。。。
投稿日:

IE6だけJavascriptエラーが出る

IE6対策
Javascript

IE6だけJavascriptエラーが出る

FirefoxやIE7、8、ChromeではJavascriptのエラーが出ないのに、IE6だけ

「構文エラーです」

が出る！という場合は、次の点を見直してみましょう。

基本的なことではありますが…

  1. Javascriptの文字コードがHTMLと同じになっているか確認
  2. コンマやかっこなどの忘れがないかチェック

IE6は特に繊細なんですね…。

IE6 Javascriptエラーのデバッグなどもしてみると、より詳細に原因が突き止めやすいかと思います。