タイマーを停止する－JavaScript入門
HOME JavaScript入門 タイマーを停止する 前回まででタイマーの設定方法について見てきましたが、 一度タイマーを稼動させるとずっと動き続けていました。 それで今回は、タイマーを停止する方法について考えていきたいと思います。 タイマー停止スクリプト タイマーを停止させるには、タイマーに名前を付ける必要があります （これをタイマーIDと言います）。 具体的には、タイマー自体を変数に格納します。 変数名がタイマーIDということになります。 では、一定時間でランダムに数字を表示していくタイマーをON/OFFしてみたいと思います。 以下のスクリプトをHTMLのBODY内に記入してみてください。 <form name="tm"> <input type="text" value=""> <input type="button" value="ON" onclick="tmstr()"> <
これからはJavaScriptがポイント （Titanium Mobile、PhoneGap、Yubizo Engine）：成長する技術と衰退する技術、そして期待する技術：エンジニアライフ
これからはJavaScriptがポイント （Titanium Mobile、PhoneGap、Yubizo Engine） みなさんこんにちわ。 佐藤環（サトウ タマキ）です。 正月中も粛々と仕事しており、正月気分が特別なかったため「明けましておめでとうございますコラム」を書くことをすっかり忘れていましたのでここで。 明けましておめでとうございます。 更新頻度が低いコラムですが、今年もご指導頂きながら少しでも皆さんの役に立つコラムになるよう、頑張ります。 さて、前置きが長くなりましたが年明け1本目は「JavaScript」。 もともとWebサービスの開発でJavaScriptが使われる機会は非常に多かったと思いますが、スマホの登場でさらにその存在感を高めています。 スマホのアプリ開発では、iOS/Objective-C、Android/Javaのネイティブ開発に加えクロスプラットフォームで
Firebug Lite 1.3登場、IE6/IE7/IE8/Chrome/Safari/Opera向けFirebug | エンタープライズ | マイコミジャーナル
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. Pedro Simonetti Garcia氏は26日(米国時間)、Firebug Liteの最新版となるFirebug Lite 1.3.0を公開した。Firebug LiteはIE6、IE7、IE8、Chrome、Safari、Opera、Firefoxに対応した開発ツール。FirefoxエクステンションであるFirebugが提供している機能をほかのブラウザに提供することを目指して開発されている。いくつかの機能を除いてFirebugと良く似た機能を提供している。 Google Chromeエクステンション登場、Firebug Lite Firebug Lite 1.2登場、IE
jQuery の hover() について調べたことのまとめ - tilfin's note 跡地
hover() は mouseenter と mouseleave を同時にセットする http://docs.jquery.com/Events/hover の引数の名前付けを見て、hover は mouseover と mouseout を同時に指定するものだと思っていたが違うらしい。 jquery-1.2.6.js の 2278 行付近 hover: function(fnOver, fnOut) { return this.bind('mouseenter', fnOver).bind('mouseleave', fnOut); }, とあるように mouseenter と mouseleave に対して指定するものである。 over/outと enter/leave の違いは、http://docs.jquery.com/Events/mouseover の Demo みるとよく
)
scrollTop
scrollTop 解説 エレメントの上部と現在見えているエレメントの最上部との間の距離ピクセル単位でを設定したり、設定を読み出す。これは、エレメントのコンテントを垂直方向にスクロールした距離に等しい。 構文 object**.scrollTop**[ = scrollTop] 設定 このプロパティは読み書き可能で、負の値は使用できない。これは正負の値を設定はできるが、負の値の場合には0に設定される。また設定された値がscrollHeightよりも大きな値だった場合には、scrollHeightになる。デフォルトは0である。 このプロパティは、スクロールバーが無いエレメントに対しては常に0となる。これらに対して設定を行っても無効である。 注意事項 ドキュメントオブジェクトモデルからページ上のエレメントにおける大きさや位置にアクセスする方法については、エレメントの大きさと位置を調べるを参照す
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Site Cooler NZ | Points to Note When Shopping for a Washing Machine
Blog Post Featured post The main kitchen appliance for the modern home and the restaurant for 2010 induction hobs Continue reading Points to Note When Shopping for a Washing Machine There are different washing machines brands in New Zealand. When shopping, therefore, you need to ensure that first, you get a quality machine; a machine that will last through many years without breaking down. You che
一日で学ぶ jQuery(ラボブログ)
スパイスラボ神部です。 OpenSocial アプリの開発を効率化するために、jOpenSocial か opensocial-jquery のどちらかを使いたいのですが、そのためにはまず jQuery について学ばないと行けないようなので、jQuery についてざっと調べてみました。 -AJAXが好きだ！ - Favorites! Write less, Do more -jQuery: The Write Less, Do More, JavaScript Library まずは公式。 リファレンス -jQuery 1.3.2 日本語リファレンス 参考になりそうなリソース いろんな記事を見ると、とりあえずは jQuery を使うと、構造化された状態でリッチアプリケーションが組めるという部分が強調されている記事が多いような気がします。「jQuery + AJAX で RIA な UI
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
DreamWeaver で JavaScript！(OpenSocial 開発） ( ラボブログ )
スパイスラボ神部です。 実は長年の Macromedia 製品ユーザ（正確には Adobe 製品になっちゃいましたが）なので、サイト管理や Web サービス開発を DreamWeaver で行っています。その流れで OpenSocial アプリ開発も DreamWeaver でやっていたんですが、GadgetXML の編集にはいまいち向いていなかったりするんですよね。なぜなら、CDATA 内に書いた JavaScript はコードとして認識されないため。 しかし、ここでちょっとコストをかけて外部 JavaScript 化することできっちり DreamWeaver の JavaScript のコードアシスト機能などが働いてくれます。普通はテキストエディタなり、OSDE(OpenSocial Development Environment )などを使ったりしているのでかなり異端であるとは思いま
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
ドロップダウンメニューをjQueryを使ってリデザインする方法 – creamu
JANKOで、ドロップダウンメニューをjQueryを使ってリデザインする方法が紹介されています。 For me, standard HTML Select element is pretty much annoying. It’s ugly. It can’t be styled properly in Internet Explorer. And it can’t contain nothing but simple text. とのことで、標準のHTMLセレクトエレメントはとても退屈でかっこわるいのでリデザインしたとのこと。 ↑のようにシンプルだけどデザインされたメニューが実装されていますね。 デモは以下から。 » JankoAtWarpSpeed demos ソースコードもダウンロードできるので、ぜひ見てみてはいかがでしょうか？ » Reinventing a Drop Down w
ブラウザと改行コード（Mac用ブラウザの改行コードはCRか？） - WEBプログラミング NOW!
□□□□□□ 大容量・高機能レンタルサーバー heteml □□□□□□ 月額1500円で大容量2GB！ Flash Media Server、ColdFusionが使えます。 その他、PHP4・PHP5・MySQL・Ruby・Perl・Pythonなども使える納得の高機能。 heteml（ヘテムル）で表現の可能性を広げよう！ WEBプログラミングをしている際に、ブラウザの種類（ユーザーエージェント）を判定する必要性が出てくることがあります。もちろん、ある言程度はできますが、ユーザーーエージェントの偽装を完全に見破ろうとすることはかなり難しいです。もちろん、OperaがIE6の振りをするのを見破ることなどは朝飯前ですし、FirefoxがIE6の真似をしても、見破るのは簡単なことです。 しかし、（何のためにそういうことをするのかというのは、ひとまず横に置いておいて、）Windows版Fire
ブラウザ振分け（ブラウザ情報） - TAG index
<html> <head> <title>TAG index Webサイト</title> </head> <body> <script type="text/javascript"> <!-- document.write('<p>ブラウザの判別：'); if(navigator.userAgent.indexOf("Opera") != -1){ // 文字列に「Opera」が含まれている場合 document.write('あなたのブラウザは Opera ですね？'); } else if(navigator.userAgent.indexOf("MSIE") != -1){ // 文字列に「MSIE」が含まれている場合 document.write('あなたのブラウザは Internet Explorer ですね？'); } else if(navigator.userAgent.
改行コード、pre、textarea - FAX
JavaScriptpre要素内の文字を変更する際、改行コードの扱いが各ブラウザで異なるようなので以下コードで調べました。 var pre = document.getElementsByTagName('pre')[0]; pre.innerHTML='[R]\r[N]\n[NR]\n\r[RN]\r\n[END]'; pre.appendChild(document.createTextNode('[R]\r[N]\n[NR]\n\r[RN]\r\n[END]')); innerHTMLで追加した結果は以下です。IEOperaFirefox\r空白のみ○○\n空白のみ○○\n\r空白のみ改行×2改行×2\r\n空白のみ○○ createTextNodeで追加した結果は以下です。IEOperaFirefox\r○○×\n空白のみ○○\n\r○改行×2○\r\n改行+空白○○ この結果を見
Xlune::Blog
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nissan LEAF Electric Car
お上品なapche作法 - くろりんご日誌
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT
http://www.designwalker.com/2009/03/form-design-2.html
