category: javascript  1/1

画像に色をつけて、くりんくりん回すやつのコード

No image

こちらで使ってる、 モノトーンっぽい画像を赤くしている javascript のコード。 canvas を使ってる。 (function() { function insert_red_icon(img, target) { // change color with canvas // https://developer.mozilla.org/ja/docs/Web/Guide/HTML/Canvas_tutorial/Pixel_manipulation_with_canvas let canvas = target.appendChild(Object.assign(document.createElement("canvas"), ...

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

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 のコードで書いてみた。 本当は、ここにサンプルも含めて載せたかったのだけれど、ファイルのアップロード先が別ドメインなので、セキュリテ...

SyntaxHighlighter

No image

FC2 BLOG でも使えるかな? アーカイブをダウンロード 「ファイルのアップロード」で、必要なものをアップ shCore.js, shCore.css, shThemeDefault.css, wrapping.png, shBrush*.js (使う言語のだけで良い) 使ってみる ↓こんな感じ // javascript 用 // デフォルトのテーマ (他にもある) <pre class="brush: js"> // javascript の指定 コード </pre> ちょ...

insertAdjacentHTML を Firefox でやる

No image

前に書いたの は、これがやりたかったんだよね。insertAdjacent.jsどっかで見たことあるんですが見つからない…というわけでfxでinsertAdjacent系が利用できるものをつくりました。多分、これ のパクリだと思うんだけど、完成度はこちらのほうが高いな。namespace を汚染しない適切なインデントで意図が分かりやすいリスペクトの意味をこめて、ここでもコードを貼っ付けておこう。(function() { if ('HTMLElement' in this) { ...

文字列を選択状態にする

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 メソッド - 分かりやすい説明ではないけれど...