IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
おそらく、JavaScript を使いこなす肝は setInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば 次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("piyo\n");普通に JavaScript を使いこなしてる人なら、hoge → piyo と表示して、 1 秒後に fuga が表示されるな。って思うはずなんです。 でも、 JavaScript を始めたばっかりの人の中には、 hoge と表示したあと 1 秒後に fuga → piyo と表示するな。って思ってる人が非常に多い。(経験的に) 何故か？ たぶん、どのサイトの setTimeout の説明を見て
LDRですべての外部リンクをバックグラウンドタブで開くUserScripts - os0x.blog
Greasemonkeyでも動くようにしましたが、一応Google Chrome用です。 LDR open in background tab for Greasemonkey Greasemonkeyでピンの数が減らないバグを修正 Operaで「ポップアップをバックグラウンドで開く」に設定した場合と同じ動作になっているはずです。 仕組みとしては、nativeのwindow.openを上書きして、a要素を作ってミドルクリックのイベントを投げる方式です。将来的に動かなくなる可能性が高い、グレーなテクニックです。 window.open = function(url,name){ var a = document.createElement('a'); a.href = url; if (name) a.target = name; var event = document.createEve
YUI Library :: Downloads
Re: RTE and modal panel Dav Glass Jul 17th RTE and modal panel John Tajima Jul 17th Re: Button with manually created menu looks good but no menu Larry Kluger Jul 17th Re: Button with manually created menu looks good but no menu Larry Kluger Jul 17th Re: Button with manually created menu looks good but no menu Larry Kluger Jul 17th In the Wild for July 17, 2009 Eric Miraglia Jul 17th July 27 Bayjax
javascript - kazuking blog
サイトをサムネイル表示してくれるものは結構ありますが個性はそれぞれ。結構有名らしいんですがLink Thumbnailを紹介します。 テキストリンクにマウスを乗せるとサムネイル画像が表示されます。カチカチ変な音しないしスムーズに表示されるので気に入ってます。今このサイトの外部リンクは全てサムネイルが表示されるようにしてるんで適当にリンクにオンマウスして貰えれば効果が分かると思います。設置方法と効果は大きく分けて２種類あります。
JavaScript/情報の取得/ブラウザ振分け（オブジェクトの有無） - TAG index
<html> <head> <title>TAG index Webサイト</title> </head> <body> <script type="text/javascript"> <!-- document.write('<p>ブラウザの判別：'); if(window.opera){ document.write('あなたのブラウザは Opera ですね？'); } else if(document.all){ document.write('あなたのブラウザは Internet Explorer 4〜 ですね？'); } else if(document.getElementById){ document.write('あなたのブラウザは Firefox、または Netscape 6〜 ですね？'); } else if(document.layers){ document.wr
JavaScript の不思議な面白さ
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog JavaScript と言うと普段自信をもって膨大なプログラムと格闘している諸氏もコード断片のはり付けに終始してしまうことも多いのではないでしょうか。かくいう私も検索エンジン（を使ってコードを書く）プログラマになっていることが多々あります。 JavaScript にあるこのプログラムの自作を妨げるのは、ブラウザごとに仕様が違ったりとか、正しいはずのコードが動作しなかったりと、プログラミング言語としての特殊性が挙げられると思います。特に目的実現の為に必要となる発想は他の言語と一線を画します。 今回は、 題材は、これです。 誰でも一度は使ったことがあるだろう灰色の説明文付きの入力欄ですね。 簡単な例 さて、作ってみましょう、ということ
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
テキストボックス内でカーソル位置を移動する方法 - Enjoy*Study
テキストボックス内のカーソル位置を末尾に設定する方法を調べてみました。 IE 6.0、Opera 8.5 の場合 var elm = document.getElementById('text'); // テキストエリアのelement取得 elm.focus(); // Operaの為(IEでは無くても大丈夫) var range = elm.createTextRange(); range.move('character', elm.value.length); range.select();当初、elm.focus()は入れてなかったのですが、Operaではこうしないとちゃんとカーソルが移動してくれません。(この動きに悩まされました) IEだと、range.select()で、フォーカスが移動し、カーソル位置もちゃんと末尾に行くのですが、Operaだと、フォーカスは移動するが、テキス
自動文字参照javascript「jQuery Autocomplete」
フォームを作成する時に文字を入力すると自動で該当項目を示してくれるオートコンプリートがあります。 これを利用すると入力間違いが減少するなど訪問者・開設者の双方に役立ちます。 今回は、jQueryベースのjQuery Autocompleteを取り上げます。 sponsors 使用方法 jQuery Autocompleteからjquery.autocomplete.js、jquery.autocomplete.cssを、jQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" media="screen" href="http://yourdomain/jquery.autocomplete.css" type="text/css"> <script src="http://yourdomain/jquery.js" type="text/ja
jQuery Autocomplete Mod
jQuery Autocomplete Mod WARNING: This is provided for users who absolutely need access to the original code. The code is very outdated and it's not recommended to use this code in current applications. The code is not compatible with newer versions of jQuery. Instead, we recommend checking out one of the many fantastic modern autocomplete libraries, like: jQuery UI Autocomplete Select2 This is mod
IE以外でもdocument.createStyleSheetを使えるようにする [JavaScript, CSS] : ずっと工事中
IE以外でもdocument.createStyleSheetを使えるようにする [JavaScript, CSS] ブログネタ：JavaScript に参加中！ Firefoxでもdocument.createStyleSheet的なものを使いたかったので、ちょっと作ってみました。 if (document.createStyleSheet === undefined) { document.createStyleSheet = function(url) { if (url) { var el = document.createElement('link'); el.rel = 'stylesheet'; el.href = url; } else { var el = document.createElement('style'); } el.type = 'text/css'; d
はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
JavaScript ライブラリの、ブラウザ判定ロジックを調べてみた | tanablog
幾つかの JavaScript ライブラリから、ブラウザ判定部分だけを抜き出してみた。判定基準が userAgent だったり、ブラウザの実装だったり、多種多様で面白い。MooTools はレンダリングエンジンを返す所が他と違う。 Prototype (prototype-1.6.0.2.js) Browser: { IE: !!(window.attachEvent && !window.opera), Opera: !!window.opera, WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1, Gecko: navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1, MobileSafari: !!na
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Userscripts.org: Power-ups for your browser
Element.getAttributeNode() メソッド(引数で指定された属性ノードの取得) - JavaScript リファレンス
[otrs-cvs] otrs/var/httpd/htdocs/yui/2.7.0/build/container container-debug.js, NONE, 1.1 container-min.js, NONE, 1.1 container.js, NONE, 1.1 container_core-debug.js, NONE, 1.1 container_core-min.js, NONE, 1.1 container_core.js, NONE, 1.1
Download details: ASP.NET AJAX 1.0
swapNode method JavaScript
2/2 window.onloadを待たずにDOM処理を開始する [Javascript] All About![2/2 window.onloadを待たずにDOM処理を開始する [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
JavaScript++かも日記 - 1997年からの