e.preventDefault() と e.stopPropagation()まとめ - pig's diary
シンプルにまとめたいと思いますが・・・ <div id="box"> <div id="boxInner"> <a href="#">ああ</a> </div> </div> <script> document.getElementById("box").addEventListener("click", clickHandler, false); document.getElementById("boxInner").addEventListener("click", clickHandler, false); document.getElementsByTagName("a")[0].addEventListener("click", clickHandler, false); function clickHandler(e){ // e.preventDefault(); // e.
小数点以下の桁数を固定した表現を得る - ぱせらんメモ
JavaScriptで小数点以下1桁に固定した数値を表示させる方法について悩んでいる人がいたので調べてみた。 というのも、何も考えずに次のようなコードを書くと2.0と表示させたいのに2と表示されてしまうようだ。 var value = 2.0; target_element.innerHTML = value; valueが2.1や2.01であればその通りに表示されるのだが、小数点以下の省略可能な0は省略されてしまうらしい。 で、安直な解決方法としては整数の場合に文字列として".0"を連結するという案が思いつくわけだが、他人にソースを見られたときに格好悪いのでスマートな解決方法があるなら知りたい、ということらしい。 まぁ、上手くやってくれそうなメソッドぐらいあるだろうとなんとなく思ったので調べてみたらあった。 Number.toFixed(丸め位置); 数値またはNumberオブジェクトの
Cesium: The Platform for 3D Geospatial
The Platform for 3D GeospatialCesium is the open platform for software applications designed to unleash the power of 3D data. We are excited to share that a geospatially accurate 3D Globe is now available in the open source platform QGIS as part of the QGIS 3.44 stable release. This development fulfills a critical need for QGIS users, enabling visualization of both 3D Tiles and other standard geos
SOLAR
作成： 東海大学 星 岳彦 参考文献： 長沢 工著、日の出・日の入りの計算、地人書館(2000年) 植物の成長や人間の生活は、地球の自転によって生じる昼夜の長さに大きな影響を受けます。このページでは、全世界の任意の日時における日出と日没を計算できます。JavaScriptで書かれていますので、このページをパソコンにコピーすれば、インターネットに接続しなくても使用できます。プログラムでは、1分ごとの計算を行っているため、±1分程度の計算誤差が生じる場合があります。 計算する地点 上記に無い場所は、下に直接記入してください。 緯度度 経度度 標高メートル (北緯はプラスで、南緯はマイナスで、東経はプラスで、西経はマイナスで) 計算する日付 西暦年 月 日 グリニッジ標準時との時差時間 計算結果 用語の説明 天文薄明: 天体の見え方に太陽の影響が残る時間帯。 航海薄明
titleタグの文字列置き換え - そこでひっかかる（masaakibの日記）
今回は、「元の文字列」+「追加文字列」に置き換えたかったので、 とりあえず要素を取得してみようとすると...。 var elem = document.getElementsByTagName("title"); で、タグは拾える。 が、 alert(elem[0].firstChild); とすると、IEではundefinedとなる。 IE8の開発者ツールで構造を見ると、 titleタグとタイトルの文字列は、 同じ要素として扱われているみたい。 （IE8の開発者ツールでは、HTMLのツリー構造の表示は、要素ノードとテキストノードが別になっているんだよなあ？） どうしたものかと思って調べてみると、titleタグの文字列を拾う方法として、 document.title というのがある。 ただし、ほかの要素にid="title"というのがあると、そちらが拾われるらしい。 （title要素の後に
document.title の罠 - IT戦記
このエントリは一部間違っています。 こちらで訂正いたしました。 http://d.hatena.ne.jp/amachang/20070523/1179928332 いや大したことじゃないんですけど かなりハマったのでメモしときます。 通常ページのタイトルは以下で取れる var title = document.title; alert(title); // タイトルを表示 しかし、コンテンツ内に <div id="title"></div> のように id が title のものがあると var title = document.title; alert(title); // [object HTMLDivElement] となってしまう。 これでかなりはまった まとめ 不特定のページから title を取るような場合は多少めんどくさいけど document.getElementsByT
JavaScript textareaの中身は、innerHTMLではなくvalueを使う
このドキュメントの内容は、以下の通りです。 はじめに JavaScriptでテキストエリアに値をセットするときのトラップ JavaScriptでテキストエリアに入力するための解決策 テキストエリアの値を取得する方法 JavaScriptに関する情報 JavaScriptに関する書籍を探す はじめに ウェブページでは、HTMLやCSSのほかに、画面を動的に変更するといったことを実現するために、JavaScriptが利用されています。 ウェブページの複数行のテキストの入力欄は、テキストエリア(textarea)が利用されています。テキストエリアは、facebookやtwitterなどのSNSの投稿画面やブログや掲示板の入力画面などで使われていると思います。 JavaScriptでtextareaの中身を操作するときに、 はまってしまいました。たまに忘れてやってしまいます。 JavaScript
[ヅ] JavaScriptだけでテキストを読み上げるSpeak.jsを日本語に対応させてみた (2013-02-14)
Speak.jsはジェネレータを通じて音声を動的に生み出します。対応しているのは英数字のみとなっており、日本語には対応していません。常に動的に生成しているので自由なテキストを読み上げさせることができます。 なんと！JavaScriptだけでテキスト読み上げ「Speak.js」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ とりあえず「ひらがな」だけ対応してみた。 日本語テキストを読み上げるサンプル ⇒ Speak.js with speakBasho(スピーク芭蕉) Demo 日本語対応プログラム speakBasho.js の中身 var BASHO_DATA = { 'あ': 'ah', 'い': 'e', 'う': 'wool', 'え': 'eay', 'お': 'oh', 'か': 'car', 'き': 'key', 'く': 'ku
API Client Libraries | Google for Developers
Stay organized with collections Save and categorize content based on your preferences. Google APIs give you programmatic access to Google Maps, Google Drive, YouTube, and many other Google products. To make coding against these APIs easier, Google provides client libraries that can reduce the amount of code you need to write and make your code more robust. The libraries can also make it simpler to
アスタリスクで隠されたパスワードを確認する方法 [K'conf]
ログインが必要なサイトの多くは、IDとパスワードを入力するフォームが設置されています。 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 このようなケースに役立つハックの紹介。 以下のJavaScriptをアドレスバーに入力すると、次のようなダイアログ内にパスワードが表示されます。 javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() ==
![アスタリスクで隠されたパスワードを確認する方法 [K'conf]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a87d5887c466cccb0b849babb90931bdfa1b8c8/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fweblog%2F071121%2F2.gif)
Doppio: A Java Virtual Machine, Compiler and...
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. There is no shortage of impressive things that have been done in JavaScript, and we’ve seen JVM implementations in JavaScript before as well. However, Doppio appears to be the most complete and actively worked on project of the bunch. Basically, Doppio is a project to get J
iPhoneのタップ・回転イベントを JavaScriptで取得するサンプル - H2O Space. Blog - h2ospace - builder by ZDNet Japan
iPhone特有の「タップ」や本体の「回転」は、JavaScriptでも取得することができます。 つまり、Webサイト・Webアプリでこれらのイベントを捕まえてプログラムを作ることができるという訳。 簡単なサンプルを作ってみましたので、お試しください。 iPhoneのタップ・回転イベントをJavaScriptで取得するサンプル(iPhoneで確認してください) まずは、こんなHTMLを準備して・・ <dl class="iPhoneDL"> <dt>イベント</dt> <dd id="dEvent">なし</dd> <dt>X位置</dt> <dd id="dX">-</dd> <dt>Y位置</dt> <dd id="dY">-</dd> <dt>向き</dt> <dd id="dTurn">-</dd> </dl> プログラムは次の通り。 <script type="text/java
JavaScriptでヒアドキュメントを使うライブラリを作った。 - こせきの技術日記
JavaScriptでヒアドキュメントを使うライブラリを作りました。 heredoc.js http://www.teria.com/~koseki/memo/jsheredoc/heredoc.js テスト http://www.teria.com/~koseki/memo/jsheredoc/test.html 外部ファイルサンプル http://www.teria.com/~koseki/memo/jsheredoc/tests.txt 使い方 scriptタグ内に直接書き込む使い方(インラインモード)と、外部ファイルを読み込んでコールバックを実行する使い方があります。 インラインモード <script src="heredoc.js"> # ここはscriptとして解釈されません。 str1 =<<EOT 複数行の文字列です。 下の行でおわりです。str1はグローバルになります。
JavaScriptでヒアドキュメントもどき + ヒアドキュメントライブラリ｜プログラムメモ
JavaScriptには残念ながらヒアドキュメントがありません。 が楽して複数行テキストを記述する方法はあります。以下のとおり。 ヒアドキュメントもどきの記述方法 var text = "\ あ\ い\ う\ "; alert(text); var text2 = "\ か\n\ き\n\ く\ "; alert(text2); 出力結果 あいう か き く と出力されます 「各行の最後に ¥ を付ける」と、これだけです。 改行を入れたい場合は「¥n¥」を入れます。 ヒアドキュメント作成ツール http://flatsystems.net/js_heredoc.html こちらに文字列を入れるとJavaScriptヒアドキュメントコードを生成します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Dynamic DNS(DDNS) by POP3,IMAP4,FTP,HTTP-BASIC for Home Server, VPS | MyDNS.JP
http://b.hatena.ne.jp/js/BTouch.js
homoiconic/2013/01/effective-javascript.md at master · raganwald-deprecated/homoiconic
lenticular.js - tilt-controlled images
http://kudox.jp/java-script/createjs-tweenjs
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
