パンプキンスパイスラテ

IT系のことが多めの日記帳です

JavaScript

prototype.jsが動作している環境にjQueryのscriptを追加する方法

基本jQueryのほうが好きなんだけど、すでにprototype.jsが動いている環境にjQueryで書いたスクリプトを動かしたい場合は下記のようにすれば良い。 jQuery.noConflict()(function($){ // jQueryのスクリプト )}; 上記2行でjQueryのスクリプトを囲うだけ。以上…

今みているページの先頭と最後に移動するブックマークレット

ページの先頭へ javascript:window.scroll(0,0); ページの最後へ javascript:window.scroll(0,document.body.scrollHeight); 使い方は簡単。上記のスクリプトをお気に入りに登録して、ページを開いている時に、実行するだけ。お試しください。

JSDeferredの動作について

なんかFirefox3.08で試すと他のブラウザと挙動が異なる。 以下コード。 <script type="text/javascript"> //<![CDATA[ Deferred.define(); next(function () { alert("1"); }). next(function () { alert("2"); // child Deferred return next(function () { alert("3"); }); }). next(funct</script>…

表示しているページの画像をすべて削除するブックマークレット

ネットから情報を集めるとき、表データをそのままエクセルにコピーしたりすることがあります。その際、画像はいらないのになぁというときに便利なのがコレ。 javascript:(function(){var%20elements=document.getElementsByTagName('img');var%20count=eleme…

javascriptで画像を自動的に縮小させてみる

ユーザーに自由に画像アップロードさせるサービスを作る際、必ず必要になってくるもの。そう「画像縮小」です。最近のデジカメはかなり進歩していて、横幅が数千ピクセルの写真を簡単に撮る事ができます。そういった大きい画像は通常、サーバーサイドのプロ…

外部javascriptファイルを読み込んでごにょごにょする方法

とあるWebサービスを考えていて暫く悩んだところ。いわゆる「スクリプトタグ」を貼り付けるだけで〜、的なサービスにしたかったんだけど、javascriptはクロスドメイン制限によって、異なるドメイン間で、XMLhttpRequest通信はできない。んなもんで、javascri…

テキストリンクブックマークレット

javascript:(function(){if(window.getSelection){var%20a%20=%20window.getSelection()+'';if(a.match(/ttp{1}[-_.!%EF%BD%9E*'()a-zA-Z0-9;/?:@&=+$\,%~##]+/i)){var%20b%20=%20'h'+a.match(/ttp{1}[-_.!%EF%BD%9E*'()a-zA-Z0-9;/?:@&=+$,%~##]+/i);window…

Javascriptで素数判定

1から100までの素数を割り出してみた。 for(var i = 1; i <= 100; i++){ var cnt = 0; for(var j = 1; j <= i; j++){ if(i % j == 0) cnt++; } if(cnt == 2){ document.write(i+" は素数です。<br />"); }else{ document.write(i+"<br />"); } } もっとスマートにできる…

FizzBuzz問題

これ有名だったのね。知らなかった。ロジックだけわかれば、すげー簡単だった。javascriptでたった5行!俺は10行以上かけてしまったよ。。。 条件 1から100までカウントする 3の倍数の時は「Fizz」と表示 5の倍数の時は「Buzz」と表示 3と5の倍数の時は「Fiz…

javascriptでフォームを送信する際に気をつけること

自分ではこういう使い方はしないんだけど、他人が作った部分で嵌ったのでメモ。 ボタンのonclickでsubmitする <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head></html>

javascriptでTrimする(改行含む)

自分メモ。 function trim(string){ var text = string.replace(/^[ ]*/gim, "").replace(/[ ]*$/gim, "").replace(/[\n]*$/gim, "").replace(/[\r\n]*$/gim, ""); return text; } replace(/^[ ]*/gim, "") と replace(/[ ]*$/gim, "") で半角・全角スペース…

document.getElementByIdを短縮する方法

function $(e) { return document.getElementById(e); } と一文を追加するだけで document.getElementById('hoge')と書かなきゃいけないところを $('hoge')こんなに短くできる!!今更だけど知らなかった。これからコレ使おう〜。参考:JavaScript のイベン…

Google言語翻訳APIを実装してみた

先日公開された「Google AJAX Language API」 誰でも簡単に言語翻訳サービスが開発できるという超スグレモノ。 携帯からもアクセスできる簡単な英和・和英翻訳を作ってみたよ。 Google AJAX Language API テスト 超簡単!! このAPI使って何か面白いサービス…

Firefox3

文法的には合っているハズなのに、何故か動かない。なんでだぁ!と30分くらい試行錯誤してようやく答えに辿り着いた。 getElementsByClassName これ、Firefox2、IE6、IE7はサポートしてなかった>< Firefox3からだってさ〜。ちぇ。でもなんで俺知ってたん…

onclickでdisabledを切り替える2

onclickでdisabledを切り替える - パンプキンスパイスラテ 前にこんな記事書いたけど、最近ようやく気がついた。 document.getElementById("フォームID").要素名.disabled = ""; これダメじゃね? document.getElementById("フォームID").要素名.disabled = …

googleマップAPI

業務で必要になったので早速本を購入。Google Maps API徹底活用ガイド作者: 稲葉一浩出版社/メーカー: 毎日コミュニケーションズ発売日: 2006/09メディア: 単行本購入: 2人 クリック: 180回この商品を含むブログ (25件) を見るGoogle Maps APIv2活用リファレ…

javascript面白い

今までまったく注目してなくて、仕事でも、ちょこっとDHTMLで使うくらいだったんだけど、amachangの影響で(勝手にだけど)javascriptの面白さに気がついたよ。 会社の先輩は、「ajax?ブラウザ依存しまくりだから全然ダメダメ」って言ってて、最初は(ふ〜…

ブラウザの高さに合わせてスクロールバーを出すよ

W3Cによって「iframe」が非推奨とされた為、最近は限られたエリアの中でスクロールを出したい場合はCSSで実現することになる。というより、一番外側以外、コンテンツ内でスクロールは出さないほうがいいんだけど。まぁ、お客さんの要望だとか、見栄え重視だ…

onclickでdisabledを切り替える

フォーム要素をラジオボタンのonclickでdisabledの切り替えをしたかったんだけど、ちょっとつまずいた。 function A(){ document.getElementById("フォームID").要素名.disabled = "true"; } function B(){ document.getElementById("フォームID").要素名.di…

可変テキストエリアを作るよ

フォームのtextareaをサイズ変更できるスクリプト -TextArea Resizerちょwwwwwwwコレすげwww!実装も簡単!動きも軽い!複数設置も可能!しかもHTML部分は、 <textarea class="resizable"></textarea> こんだけ。これはカナリ使えそうヽ(^◇^*)/