tag: javascript  1/1

スポンサーサイト

No image

Yet Another SyntaxHighlighter

No image

探してたわけではないのだけれど highlight.js とかいうのが軽いらしいのだ。 というわけで、SyntaxHighlighter から highlight.js への切り替えの顛末。 tl;dr highlight.js こんな感じで使う HTML のエスケープが必要 予約語が Bold になるのがなあ 行番号がつかない 行のハイライトもない SyntaxHighlighter からの移行 タブの空白変換 fc2 のテンプレートエディタの問...

テンプレートを変えてみた

No image

テンプレートを変えてみようかなと思ったのだ。 もう、8年も使ってたし、レスポンシブなのにしてみても良いかな、と。 tl;dr こんな手順、かな 新しいテンプレートを探す 既存のテンプレートのカスタマイズ箇所を確認 HTML、javascript 基本スタイル 追加スタイル プラグインの順序 旧いプラグインの並び 新しいプラ...

道具

No image

に頼るのが悔しいときもある...

ひらがなやカタカナ、英数記号の文字列

No image

文字の組み合わせをプログラムで書いたりするときに、たまに使うので。 ひらがなとカタカナ 濁音、半濁音も含む。 var HIRA = "あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをんがぎぐげござじずぜぞだぢづでどばびぶべぼぱぴぷぺぽぁぃぅぇぉゃゅょっ"; var KATA = "アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグ...

SyntaxHighlighter

No image

バージョンアップついでに、本家がホスティングしてくれているのを使ってみる。 http://alexgorbatchev.com/SyntaxHighlighter/hosting.html <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript&...

IE8 で、はまったこと

No image

もう、レガシーな環境なのかもしれないけど、ちょっとはまったのでメモ。IE8 を使う環境で、window.location.href を挿げ替えて、別ページにジャンプさせるという単純なスクリプト。一応、パラメータを構築したりとか、ちょっとしたロジックがあったので、関数化してボタンの onclick にかませて動作を確認。動作を確認した関数を、window.onload に設定して、IE のデバッガ(F12 で起動する開発者ツール)を使って、ブレークポイ...

記事のランダムリンクページ

No image

人力検索で、こんな質問が。 FC2ブログをやっているのですが、カテゴリごとのランダムページを作りたいです。 http://q.hatena.ne.jp/1387305611 記事一覧を加工するようなスクリプトを書いてみた。 → archives.html?random=true $(function() { var N = 2; /* 表示する記事の件数 */ if (document.location.search.indexOf("random=true") < 0) { return; } function p...

XMLHTTP でフリーズ@IE

No image

度重なる Internet Explorer のフリーズ。 画面が真っ白のままだったり、スクリプトはタイムアウトのエラーを返してきたり。 KB886710 - IEのフリーズ 未だに直ってないらしい >IE onunload で abort() を呼べば良いらしいけど、書き散らかしたコードがいっぱいあると、直すのも大変。 ActiveXObject のコンストラクタを置き換えてしまう、というのを思いついたのだけれど、全部置き換えちゃうのも影響範囲が見え無...

javascript で Transformer

No image

xml に xsl を適用するときに、xml-stylesheet処理命令 を使うと、 xsl をパースするためのコストがかかる IE だと 使ってくれるな と Knowledge Base に (堂々と) 書いてある というわけで、javascript で JAXT の javax.xml.transform.Transformer に当たることを javascript のコードで書いてみた。 本当は、ここにサンプルも含めて載せたかったのだけれど、ファイルのアップロード先が別ドメインなので、セキュリテ...

文字列を選択状態にする

No image

<textarea> や <input> だけじゃなく、文字列を選択状態にするスクリプト。 動作確認は、IE と Firefox だけ。 // ele : 選択対象の要素 // start : 選択開始位置 (0 始まり) // length : 選択する長さ function selectText(ele, start, length) { if (window.getSelection) { var rng = window.content.document.createRange() if (! start) { rng.selectNodeContent...

insertAdjacentHTML

No image

insertAdjacentHTML ってあまりみないなあ、と思ってたら IE 限定 なのね。[BEFOREBEGIN][AFTERBEGIN]    *ここをターゲットに*[BEFOREEND][AFTEREND]var target = ...target.insertAdjacentHTML(挿入場所, 挿入する要素 or 表現)→ insertAdjacentHTML メソッド - 分かりやすい説明ではないけれど...

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。