Ask questions and get real answers from real people. Ask questions, get answers, find information The World's Greatest JavaScript Question Answer Website
JavaScript Q&A: Expert Answers to Common Questions
Ask questions and get real answers from real people. Ask questions, get answers, find information The World's Greatest JavaScript Question Answer Website
[JavaScript] グロー効果
[JavaScript] グロー効果 Permalink URL http://www.magicvox.net/archive/2007/01191253/ Posted by ぴろり Posted at 2007/01/19 12:53 Trackbacks 関連記事 (0) Post Comment コメントできます Category HTML 要素に周囲がぼやっと発光しているような視覚効果であるグロー効果(glow effect)を付与するための JavaScript を作ってみました。
![[JavaScript] グロー効果](https://cdn-ak-scissors.b.st-hatena.com/image/square/455143c66c43b1d82016019e2032d6ea9a49297e/height=288;version=1;width=512/http%3A%2F%2Fwww.magicvox.net%2Farchive%2F2007%2F01191253%2Fcover.jpg)
Collection & Copy - 相対パスを絶対パスに変換する
JavaScriptIE 6、IE 7、Firefox 2.0、Opera 9で確認。 function absolutePath(path){ var e = document.createElement('span'); e.innerHTML = ''; return e.firstChild.href; } alert(absolutePath('/')); 関連リンクJavaScriptな日々 | 相対パスを絶対パスに変換する方法Imageを使っています。 getAttribute href bugBug Report: getAttribute(”HREF”) is always absolutegetAttribute("href",2)とか。既存のa要素のhrefは上記の方法で絶対パスになるけど、document.createElement('a').href='/'では、
英単語をダブルクリックで英英辞典を検索する Bookmarklet と Greasemonkey - IT戦記
先に言っておきますが。Firefox 専用です。。。。 自分用に作ったんですが、なかなか便利なので公開します。 このブックマークレットを実行し、そのページ内の英単語をダブルクリックすると自動で英英辞典を検索してくれます。 javascript:document.addEventListener('dblclick',function(){var t=document.getSelection();if(t.match(/^[\w\d_\-\. ]+$/))location.href = "http://dictionary.cambridge.org/results.asp?searchword="+t;},false);void(0); Greasemonkeyはここから インストール ちなみに document.selection.createRange(); とかを使えば IE にも
Lucky bag::blog: ピュア CSS なプレゼン用スライドショー
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera は動かない。 ピュアCSS なプレゼン用スライドショー サンプル <div id="section-01" class="section"> <!-- 1ページ目 --> … </div> <div id="section-02" class="section"> <!-- 2ページ目 --> … </div> <div id="section-0
JavaScriptの配列をsort関数でシャッフルする - snippets from shinichitomita’s journal
あえてsort関数を使う方法でシャッフルしてみる。比較関数自体がランダムな値を返す場合と違って、これなら偏らない。 Array.prototype.shuffle = function() { return this.map(function(a){ return { weight: Math.random(), value: a } }) .sort(function(a, b){ return a.weight - b.weight }) .map(function(a){ return a.value }); }とりあえずFirefox1.5でOK。IEでもmap関数を自分で定義してやれば大丈夫のはず。 置換によるシャッフルと違って、weight値のところを適当に変化させれば、要素ごとに重みづけてのシャッフルもできると思う。たとえばよく聞く曲は優先的に前の方に持ってくるとか、その逆と
IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について
Firefox 2.0 beta 1 が出ましたね＾＾ さっそく、新機能のひとつ、JavaScript 1.7 の yield を使ってみました。 まず yield の動作を試してみた。 var i = 1; var g = (function() {while(1) {yield i; i++}})(); alert(i); // 1 g.next(i); g.next(i); alert(i); // 2これで分かったこと。 なんと、 yield は関数を途中で終了させている。。。！ 実は。 いままで、何度も関数を途中で終了できればなーと思っていた。 JavaScript 以外のほとんどの言語でそれが可能で、それが便利だからである。 それとはなにか、それとはスレッドである。 スレッドは CPU レベルで細かーく処理を止めて、いろんな処理の流れを同時に実行させているようなものだ。 yie
![IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad78b71efb80ed38311469993c1d5028fd597bf2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647551580%2F1527141769)
AmazonのアソシエイトIDを無理矢理くっつけて買う方法がやりにくくなった - おれはおまえのパパじゃない
Amazonの仕様が変わったので、「お世話になってるあの人のアソシエイトIDを末尾にくっつけて(手打ちして)購入して貢献する」ってのがやりにくくなりました。アソシエイトIDが付与されている検索フォームを利用すればいいんでしょうけど、それだと若干料率が下がるのと、あと何より「お世話になってるあの人」のページから検索するってことがまずない。普通はつらつらとAmazonの商品ページを見ているうちに、「あ、これ買おう。どうせ買うならあの人のアソシIDくっつけて買おう」ってなるわけですよね。 で、今の仕様だと、asin番号改めproduct番号の直後に「あの人のアソシID」をくっつけて読み込んでも404が返って来ちゃう。貢献しようにも出来ない。じゃったら貢献用のお手軽ブックマークレットを用意しましょうってことなんですけど、Amazon側としては「それはやってほしくない」ってことでの仕様変更だと思うの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
