リロードしたときにjQueryでページの先頭にスクロールさせる方法
ページをリロードしたときに、jQueryでページの先頭にスクロールさせる方法を紹介します。 リンクをクリックしてページの先頭にスクロールさせる方法はネット色々出てきますが、リロードのタイミングでスクロール（＝要はページの先頭を表示）させる手段がみつかりませんでした。 別の実験を行っていてこのような動作を行いたいケースが発生したため、少し調べてみました。認識誤りな点がありましたらご指摘ください。 １．JavaScriptのscrollTo()を使ったスクロール まず、JavaScriptのscrollTo()を使って次のようなコードを記述してみましたが、正常に動作しませんでした。 window.onload = function(){ window.scrollTo(0,0); } 動作結果は次の通りです。 Firefox：ページトップに移動するが、スクロールバーは戻らない Chrome：ペ
javascript - typeof()を再発明する : 404 Blog Not Found
2011年12月06日14:30 カテゴリLightweight Languages javascript - typeof()を再発明する まてよ、ということは… underscore.js の _.isRegExp について - ”><xmp>TokuLog 改メ tokuhirom’s blog multiple frames のときにハマるということらしい。 Perfection kills ≫ `instanceof` considered harmful (or how to write a robust `isArray`) This means that creating isArray function could not be simpler than: これを応用すればまっとうなtypeofを作れるってこと? JavaScriptのtypeofは役立たず よく知られて
Best Online Casinos in Canada 2025
Play with ConfidenceLearn About Scollabo.com and our Commitment to Players If you’re searching for trusted gaming experiences tailored to Canadian players, we’ve highlighted platforms that consistently set industry benchmarks. Safety is paramount—every site featured here is fully licensed, secure, and transparent about their operations. Players can expect prompt payout speeds, top-rated customer s
新JavaScript例文辞典
このページはJavaScriptの例文／サンプルを掲載しています。なお、対象としているのは基本的にWeb標準ブラウザ (Firefox, Safari, Google Chrome, Operaなど) としているため標準仕様から外れているInternet Explorer 6～8では動作しないものがあります。Internet Explorer 8より前のバージョンに関しては以前のJavaScript例文辞典を参照してください。このサイトではInternet Explorer 8以降には、ある程度対応しています。IE9からはCanvasなどHTML5関連APIにも対応しています。 iPhone/iPadおよびAndroid 4もHTML5に対応しています。ただし、Android 2.xに搭載されている標準ブラウザでは対応していないAPIが多いため、ほとんど動作しません。 カテゴリ内のページの
『パーフェクトJavaScript 』――JavaScriptは「勉強しなくてもOK」な言語なのか？：晴読雨読＠エンジニアライフ：エンジニアライフ
パーフェクトJavaScript 井上誠一郎、土江拓郎、浜辺将太 （著） 技術評論社 2011年9月 ISBN-10: 477414813X ISBN-13: 978-4774148137 3360円（税込） ■今、どこにでもあるJavaScript 前世紀、JavaScriptは「ホームページのおまけ」として使われる言語だった。ロールオーバーするアイコン、マウスポインタを追いかける猫、「右クリックは禁止です！」……。うっとうしい仕掛けを回避し、セキュリティを高めるため、JavaScriptはブラウザの設定でOffにするのがネットサーファーのたしなみとされていた時代もあった。Webブラウザでのクライアントサイドスクリプティングでできることなんて、その程度だったのだ。 あれから十余年。今やJavaScriptはどこにでもある。Webアプリケーションの中核的な動作を担っていることだって少なくな
【JavaScript】パターンマッチ比較 match、search、test、exec（株式会社コネクティボしゃいん☆のブログ）
ということで、今回はJavaScriptのパターンマッチネタです。 比較するメソッドとしてmatch、search、test、exec、の4つを取り上げます。 それぞれ性質が異なるので、使う場合は注意が必要です。 比較のために、以下のようなサンプルを作ってみました。 <script type="text/javascript"> <!-- // match()の場合 function hoge1() { base_str = "オッス。おら Tawabagani。" + "友人の Abeshiganiと間違えないでくれよな。"; match_pattern = /\w+?gani/g; r = base_str.match(match_pattern); if (r) { for(var i=0; i<r.length; i++) { alert(r[i]); } } else { ale
JavaScriptでIEのバージョンを判別
JavaScriptでInternet Explorerのバージョンを判別する比較的シンプルなコードのサンプルです。正規表現を利用してnavigator.appVersionから取得しています。jQueryでjQuery.browserとjQuery.browser.versionを使えばいいという話もありますが、jQuery 1.3以降は非推奨となっているのでいつ使えなくなるかわかりません。そこで汎用的にブラウザのバージョンが上がっても大丈夫なようなシンプルなコードを書いてみたわけです。 なお、小数点以下は取得していませんので利用する際にはご注意ください。マイナーバージョンで処理を分岐しなければならないケースはなさそうなので今のところ対応予定はありません。 <script type="text/javascript"> var msie=navigator.appVersion.toLo
Opera の attachEvent は addEventListener のエイリアスだと思う - @think49の日記
think49 think49Opera の attachEvent は addEventListener のエイリアスっぽいなあ。実行順が保証される上に { handleEvent: ... } まで通る。#JavaScript3月26日 1:37 AM think49 think49event.target === event.srcElement, event.currentTarget === this が両方とも true になる。3月26日 1:38 AM think49 think49event.preventDefault があり、'returnValue' in event === false3月26日 1:41 AM think49 think49event.stopPropagation があり、'cancelBubble' in event === true3月26
アナログ時計を作ってみよう！ | Canvasを試してみませんか？ | Think IT（シンクイット）
作成するアナログ時計 さて、最終回の今回はこれまで学んできたCanvasのテクニックを応用して、アナログ時計のjsライブラリを作ってみましょう。図1に完成図を示します。 まず時計の文字盤を画像ファイルとして用意し、それをCanvasに組み込み表示させます。そして、短針、長針、秒針を、Canvasの直線を使って表現します。これら一連の処理をsetIntervalを使って1秒おきに描画しなおします。 ここで解説するjsライブラリは、どのページにも問題なく簡単に組み込めるように作成します。Canvasのテクニックだけではなく、jsライブラリ作成のポイントも一緒に学んでいきましょう。 変数名の重複に注意 JavaScriptは、jsファイルとして機能ごとに分離することができます。しかし、ファイルを分離したからといって、グローバル変数や関数がそれぞれのjsファイル内に隠ぺいされているわけではありませ
javascriptでのエラー処理 try-catch構文|WEBプログラム覚書
HOME>WEBプログラム覚書>javascriptでのエラー処理 try-catch構文 javascriptでのエラー処理 try-catch構文 javascriptでエラーが発生した場合の処理はtry-catch構文を利用する。デバック利用にいいのかな。
href="#" onclickをYahoo UI Libraryを使ってどうのこうの - HolyGrailとHoryGrailの区別がつかない日記
Re:href="#" onclick の悪習[to-R]より たとえば <a href="#" onclick="ごにょごにょ">テキスト</a> みたいなのがあるとしたらそれは全部 <a id="test" href="xxx.html">テキスト</a> とidを割り当ててやってhrefにはJavaScriptOFFのユーザに対する適切なページへと遷移するようにさせる。 で、JavaScriptで YAHOO.example.clickText = function(e){ YAHOO.util.Event.stopEvent(e); alert('ここで何か処理'); }; YAHOO.util.Event.addListener("test", "click", YAHOO.example.clickText ); ってやってやればいいと思った。 href="javascript
[JS]異なる高さのdiv要素の高さを揃えるだけのシンプルなスクリプト -Equalbox | コリス
Equalbox.js デモページ [ad#ad-2] Equalbox.jsの実装 HTML 各div要素はjQueryのセレクタで指定できるように、idなどを指定します。 <div id="box-container"> <div id="box1" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> </div> <div id="box2" class="box"> <p>dsfsdfsdfsdf</p> </div> <div id="box3" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdf
JavaScriptで作られたGAMEBOY COLORエミュレーター | スラド
以前のストーリーでJavaScriptによるPCエミュレーターが紹介されたが、今度はJavaScript/HTML5によるGAMEBOY COLORエミュレーターが作成されたそうだ（GameBoy Online、 IProgrammerの記事、本家/.）。 GAMEBOY COLORエミュレーターを作成したのは米フロリダの19歳、Grant Galitz氏。ローカルに保存したROMイメージを読み込んで実行可能となっており、実際に遊べるスピードで動作する。サウンドの再生も可能だ。 グラフィックはCanvasオブジェクトを使用して実装されるが、Canvasがサポートされない場合にはビットマップイメージが使われるとのこと。ソースコードも公開されている。
IE開発者ツールでJavaScriptコードを整形して表示するには？ - ＠IT
Webブラウジング中にショートカット・キー［F12］を押すと起動できる「開発者ツール」が、バージョン8以降のInternet Explorer（以下、IE）には搭載されている。開発者ツールは、現在開いているWebページのHTMLコード内の各要素をツリー形式でビジュアルに表示したり、Webページ上の要素をクリックして、それに該当するコードを表示したり、HTMLコードやCSSプロパティなどをその場で試しに書き換えてリアルタイムにWebページの表示を変更したりできるなど、Web制作に役立つ機能がそろっている。そういったWeb開発用機能の1つとして、JavaScriptコードのデバッグ機能がある。 IE9では、この開発者ツールが強化され、JavaScriptコードの書式を整形して、見やすく表示する機能が追加された。本TIPSでは、この機能の使い方を説明する。 ■開発者ツール（IE9以降）のJava
【提案】onkeypressの正しい併用の仕方！ - 研究室
JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。 前エントリー（onkeypress、乱用禁止！）からの続きです。 お暇なら、前エントリーからお読みください。 onkeypress イベント属性の正しい指定の仕方を提案します。 主に『onclickと同時にonkeypressイベント属性を指定する場合の正しい指定の仕方』という視点での提案です。 ざっくりとまとめると、対処法としては以下の3パターンがあります。 onkeypressは使わない！（onkeypressの指定を削除する） onkeypressイベントハンドラにフィルターをかける その他（個別の対応が必要） 【2007/05/02】追記。
Google Loader Developer's Guide | Google Loader | Google Developers
Google API loader allows you to easily import one or more APIs, and specify additional settings (such as language, location, API version, etc.) applicable to your needs. In addition to the basic loader functionality, savvy developers can also use dynamic loading or auto-loading to enhance the performance of your application. Table of Contents Introduction to Loading Google APIs To load the APIs, i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cdn-ak.b.st-hatena.com/js/BTouch.js
はてなブログ | 無料ブログを作成しよう
EventTarget: addEventListener() メソッド - Web API | MDN
オリジナルフォントが作れるiPad用フォント作成アプリ「iFontMaker」｜linker journal｜linker
