昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。
昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。
Javascript で関数の呼び出し元オブジェクト(Caller)をあらかじめ指定したいときは、fn.call(obj) を使う。 例えば、こんな感じ。Firebug が入ってなければ、console.log() を 換わりに alert() とすればOK。 Caller の束縛 function fn() { console.log(this.attr); }; var cat = { attr: "nyan" }; // caller を束縛する function bind(fn, obj) { return function() { fn.apply(obj); }; }; // bind var fn_bound = bind(fn, cat); document.getElementById('kuma').onclick = fn_bound; 操作対象のHTMLの例 <!D
ブログや開発者向けのWebサービスなどで、ソースコードのハイライトを行うケースはよくある。言語があらかじめ決まっている場合は良いが、言語がよくわからない場合や、JavaScriptとHTMLのように埋め込みで複数の言語が重なる場合もある。 各種言語に対応したハイライター そのような、特定の言語に依らずにソースコードをハイライト化したい場合に便利なのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGoogle Code Prettify、JavaScriptによるソースコードハイライターだ。 Google Code Prettifyの使い方は簡単だ。prettify.jsとprettify.cssを読み込んで、<pre class="prettyprint">または<code class="prettyprint">タグの中にコードを書き込めば良い。後はprettyPrint
ちょっと前に Microsoft 公式に以下のような発表がありました。 Responding to Change: Updated Getter/Setter Syntax in IE8 RC 1 – IEBlog また、以下のようなドキュメントも公開されています。 Internet Explorer for Developers | Microsoft Docs Internet Explorer for Developers | Microsoft Docs これらの内容での概要を自分なりにまとめてみます。 概略 要点は DOM オブジェクトのプロトタイプが使えるようになる DOM オブジェクトに既存の Getter/Setter API が使えるようになる DOM オブジェクトに ECMAScript 3.1 の Getter/Setter API(PropertyDescripto
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。 ツールチップはcanvasで描かれており、画像は必要ありません。 対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で
すごいねこれほんとすごい。ってか今まで知らなかったこんなのあるなんて・・・。 Learn & Test Google’s APIs Easilyで掲載されてて朝から色々触ってました。 その簡単なレポートです。 GoogleAPIが色々サンプル収録されたエディターって感じでしょうか。 AJAX APIs Playground 面白いなぁ。わくわくするなぁ。 手っ取り早くRSSリーダーみたいなのを作ってみると この時点で、下のほうにプレビューが生成され、レイアウトや仕様を見ながら選べるのが特徴的。 すごく便利ー。 後はキーの部分や、取得するRSSのURLをちょこっと変えてコードをコピペすれば、あなたのサイトで簡単にRSSリーダが設置できますね。 APIキーについては、公式で確認するのが一番ですが、それぞれのサービスを使う為に、APIを使うURLをGoogleに申請して『キー』を発行してもらう必
var foo=123; <>変数fooは{foo}です。</>.toString();//"変数fooは123です。" {や}という文字を入れたい場合は、実体参照にするか、CDATAセクションに入れる必要がある。{}内には、変数だけじゃなくて式とかも入れられる。 文字列を数値文字参照にするブックマークレット: javascript:void prompt('コピーしてください',Array.map(prompt(),function(c)'&#'+c.charCodeAt(0)+';').join('')); 数値文字参照を文字列にするブックマークレット: javascript:void prompt('コピーしてください',prompt().replace(/&#(\d+?);/g,function(i,str)String.fromCharCode(str))); 速度について。 c
javascript, asE4X の変数展開が E4Xで変数展開、テンプレート - 素人がプログラミングを勉強するブログ で取り上げられていた。 var foo=123; <>変数fooは{foo}です。.toString(); // "変数fooは123です。" ほー。仕様書ではE4XのリテラルXMLでの式評価 - 0x廃棄階層 - 統治局 によると、仕様書には次のようなコードがあるらしい。 var tagname = "name"; var attributename = "id"; var attributevalue = 5; var content = "Fred"; var x = {tagname} {attributename}={attributevalue}>{content}{tagname}>; // Fred タグ名にも属性名にも属性の値にもタグの中身にも使える
こういう書き方をする。 location.href = 'javascript:(' + function() { (function (w) { // ... // unsafeWindow.hogehoge.prototype とかはここに書く // ... }) (this.unsafeWindow || window); }.toString() + ')()'; 結論からはじめるメソッド使ってみた。以下は理由。 はてなハイクのパレットを変更するグリモン - gan2 の Ruby 勉強日記にあるスクリプトを書いてたときに 以下の2つは同じ動作をするものだと思っていたのだけど、実際は違っていてけっこうハマった。 (function () { ... } )(); location.href = 'javascript:(' + function () { ... }.toStrin
以下のエントリ見て http://d.hatena.ne.jp/mizzusano/20090115/1231986559 グリモン書いた // ==UserScript== // @name Yes Amazon. No Money. // @namespace http://d.hatena.ne.jp/amachang/ // @include http://*.amazon.co.jp/ // @include http://*.amazon.com/ // ==/UserScript== document.body.innerHTML = <> <div style="font-size: 2em"> <h1>考え直しなさい</h1> <p>俺はそれが本当に欲しいのか。</p> <p>俺にそれは本当に必要か。</p> <p>本当に必要なら書店に行きなさい。</p> <p>本当に必
Appleは文章生成AIや画像生成AIを含むAIシステム「Apple Intelligence」を開発し、iPhoneやMacに取り入れています。これらのAIについて、当初はオープンソース化する計画があったが断念されたとThe Informationが報じました。この決定が、Appleの貴重な人材を流出させるきっかけにもなったと伝えられています。 How Apple’s Internal Veto Against Open-Source AI Sparked a Talent Exodus to Meta - WinBuzzer https://winbuzzer.com/2025/07/22/how-apples-internal-veto-against-open-source-ai-sparked-an-ai-talent-exodus-to-meta-xcxwbn/ Apple A
IEでとあるオブジェクトを操作しようと思った時に「アクセスできません」「書き込みできません」とかいうエラーに遭遇した時のメモ 例えば、windowのlocationを取得して、そのlocationがホゲホゲだったら何かをするっていう処理を書く際に使った以下の式で「書き込みできません」ってエラーになりました。 if(/mylocation/.test(window.location)) // 書き込みできません(アクセスできませんだったかも) 最初、クロスドメインが関係しているのかなーなんて思ったけど、どうやらそのような事は無かった。 そもそも、プロパティに書き込むような処理は書いてないんだけどなー ということで(?)、何でエラーになるのかなーと思ってプロパティの中身を見てみた。 console.log(window.location) // object console.log(typ
dom:loadedは、prototype.jsの拡張イベントです。通常ページを読み込まれた後にJavaScriptを実行するには、loadイベントを使いますが、サイズの大きい画像ファイルなどが存在すると、loadイベントが発生するまで時間がかかります。この場合、dom:loadedイベントを利用すると、ユーザビリティが向上します。ただし、ブラウザの仕様によって動作のタイミングは違います。
SURGAVIP # Link Slot Pragmatic Gacor Malam Ini Modal Kecil Janji Maxwin Sekarang ! Selamat datang di SURGAVIP situs slot terpercaya dari server PG Soft ternama, banyak jenis permainan slot gacor dan mudah menang maxwin disini bersama surgavip. main dengan modal receh pulang dengan uang berlimpah. SURGAVIP dikenal sebagai situs terpercaya dengan koleksi lengkap game dari pg oft, provider yang udah
JavaScriptのコードをフォーマット&色付けを行い、その内容をHTMLに貼り付けられる形にします。 JsDecoderというソースの整形&色付けを行ってくれる便利なライブラリを使って実現しています。 JsDecoder - code.gosu.pl →Blogへ戻る 使い方 下記のテキストエリアにJavaScriptのコードを入力し、「Preview」ボタンを押します。 すると、コードを整形したイメージが表示されます。 そのコードをHTML上に貼り付ける場合には、さらにその下のテキストエリアのテキスト内容を使用します。 format color
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く