xmlHttpRequestでcsvファイルダウンロードしようとしたらちょっとはまった - Make Local Happiness
APIから動的にcsvファイルを保存しようとした際に、 JavaScriptのxmlHttpRequestを使用したらちょっとはまったので、メモ。 APIからcsvをダウンロードできるかと思ったのですが、 これができない。 データきてるけど、保存するダイアログがでないという問題があった。 結果から言えば、 xmlHttpRequestは非同期で処理されているため、 ブラウザがファイル保存しようと思ってないみたい。※詳しくは知らない。 意外とAPIで動的に生成するCSVファイルをjavascript側で保存するパターンが見つからなかった。 リンクとかformでリクエストを送っていればこんな問題も起きないので、 あまりやらないパターンなのだと思う。 今回は汎用的にAPIを呼ぶメソッドを用意しておいているので、 APIから情報を取得するのはここにまとめたかった。 ので、（ミカサ風） どうしてもx
動的に追加されるDOM要素に対応する方法あれこれ - Qiita
Chrome拡張を作っていると，最近のモダンなWebサイトが後から動的にDOM要素を追加してきて困ることがある．毎度対処方法をぐぐっているので，ここにまとめておく． 追加される要素にイベントハンドラを付加したい jQueryのonメソッドにselectorを渡すことで，あとから動的に追加された子要素に対してもイベントを発火することができる． liveメソッドでも同様のことが出来たが，1.7で廃止された． 要素が追加されたことそのものを検出する DOMNodeInserted: 非推奨 要素が追加されたときに発火するDOMNodeInsertedというイベントが存在する．少し前に試した時はモダンなブラウザでは動いた． DOMに要素が挿入される度にイベントを起こすDOMNodeInsertedの扱い方 - 三等兵 にあるように，処理をブロックしないように非同期処理を行うべきだろう． 現在，DO
よく使うSalesforceのJS関数 : minoawのブログ
2010年10月26日12:04 カテゴリSalesforceJavaScript よく使うSalesforceのJS関数 これもメモしておく。 使用できることが保障されていないものもあると思うので、 使用は自己責任で。 /jslibrary/(1287526467000/)main.js UserContext.userId ユーザIDを取得できる(15桁) XBrowser.createDynamicScript(url, handler) スクリプト読み込み。handlerはコールバック関数 sfdcPage.appendToOnloadQueue(fn, description) 画面ロード時に実行される関数を登録 DateUril.formatDate() (前はDate.prototype.formatだった気がする。) Dateをフォーマット取得 /static/101210
Navigator: onLine プロパティ - Web API | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback ブラウザーのオンライン状態を返します。このプロパティは、オンラインを意味する true とオフラインを意味する false の論理値を返します。このプロパティは、ブラウザーのネットワークへの接続状態が変化するたびに更新を送信します。更新は、ユーザーがリンクをたどったときや、スクリプトがリモートページを要求したときに発生します。例えば、ユーザーがインターネット接続を失った直後にリンクをクリックした場合、このプロパティは fal
動的なscriptタグの読み込みを同期的に行う | Blog.37to.net
home blog labs about contact プログラミング・開発 > 動的なscriptタグの読み込みを同期的に行う JavaScript 作成： 2008-08-31T20:01:23+09:00 更新： 2009-04-29T01:06:49+09:00 タイトルからして何を言っているか分からないと思いますが、 JavaScriptから動的にscriptタグを追加した場合に、非同期に読み込まれるという 特徴があるのですが、これを同期的に読み込もうというお話です。 動的なscriptタグの追加 JavaScriptからscript要素を作り、追加する事で外部JSのロードを行うという処理です。 外部JSファイルの読み込みや、いわゆるJSONPとかです。 動的に追加した場合の特性として、読み込みが非同期になるというものがあります（operaは9.5からのようです）。 これは使い
ページ可視性 API - Web API | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback ページ可視性 API (Page Visibility API) では、現在ページが見えているかどうかを調べる機能とともに、文書が表示されたり非表示になったりした時を監視することができるイベントを提供します。 これは特に、文書が表示されていない時に不必要なタスクの実行を抑止することで、リソースを節約したり実行効率を上げたりするために特に有用です。 ユーザーがウィンドウを最小化したり他のタブに切り替えたりした時、 API は
dc.js - Dimensional Charting Javascript Library
dc.js is a javascript charting library with native crossfilter support, allowing highly efficient exploration on large multi-dimensional datasets (inspired by crossfilter's demo). It leverages d3 to render charts in CSS-friendly SVG format. Charts rendered using dc.js are data driven and reactive and therefore provide instant feedback to user interaction. dc.js is an easy yet powerful javascript l
Ajaxのクロスサイト通信をJSONPを使わないでやってみよう - Back yard : yuya_lush’s report
jQueryなどを使いAjaxで通信などをしていると、他のサーバから直接JSONが取れたら便利なのにと思ったりします。 通常はこういったときはJSONPなどを使うのですが、もっと楽な方法は無いものかと探していたところ「Access-Control-Allow-OriginなるものをHTTPヘッダーに入れればできる！」という記事があったのを思い出し、夜中にフツフツと試してみました。 先に結論を書いておくと、冒頭の例え「他サーバから直接JSONを取る」には、他のサーバーが返してくるResponseのヘッダー部分に「Access-Control-Allow-Origin:"*"」と入っていると、受け取ったブラウザはJSONを処理してくれます。 このテクニックは特殊なテクニックではなく、いたって正攻法とのことでした。そのため、ほとんどのブラウザで同じく処理されます。複数のWebサーバのヘッダを調整
javascript 1.6の新しいArrayメソッド « ku
名前がいつも思い出せないので Firefox 1.5 の JavaScript の主な変更点: Days on the Moon 経由 Core JavaScript 1.5 Reference:Global Objects:Array - MDC を参考にリストにしておく。 filter var filteredArray = array.filter(callback[, thisObject]); callbackでtrueを返したものだけのArrayを新しくつくって返す。perlのgrep相当。 >>> [1,2,4,8,16].filter( function (n) { return n > 4} ); [8, 16] forEach array.forEach(callback[, thisObject]); callbackを呼ぶのみ。値は返さない。 every var
geolocationでの位置情報取得 - teguのTech Blog
iphone safariやfirefox3.5以上で、javascriptを用いて位置情報が取得できる。 http://dev.w3.org/geo/api/spec-source.html 簡単に、getCurrentPositionで位置情報が取得できるのだが iphoneでやると、なんとも精度が悪い。 一発の取得精度に依存する。 accuracyをみると700とかとんでもない値がかえってくる。 おそらく基地局依存？ そこでwatchPositionをつかって連続して取得し、一定精度になったら取得をやめる実装を行う。 こちらがgetCurrentPosition navigator.geolocation.getCurrentPosition(function(pos){ //pos.coords.latitude, pos.coords.longitudeに緯度経度が入ってる },
ドラッグで並べ替え可能なグリッドを実現する「draggable_grid.js」を作りました - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 本日は、久しぶりに JavaScript のライブラリを公開します。よく、画像ギャラリー等でマウスのドラッグ＆ドロップで画像の並べ替えができるものがありますが、そんな UI を簡単に実現できるものを作ってみました。以前に公開してご好評をいただいた DragResize.js のノウハウを引き継いでおり、以下の特徴があります。 JavaScript の呼び出しひとつ
Latest topics > JavaScriptでテキストファイルを生成してダウンロードさせる - outsider reflex
Latest topics > JavaScriptでテキストファイルを生成してダウンロードさせる 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « 世にも奇妙な物語 Main 高橋メソッドなプレゼンツール in XUL リターンズ » JavaScriptでテキストファイルを生成してダウンロードさせる - Oct 05, 2005 どうでもいい小ネタ。 Content-Typeがapplication/octet-streamなデータを受信すると、ブラウザはそのファイルをダウンロードして保存するためのダイアログを表示する（という物が多い）。 data: URLを使うと、URIの中にデータを埋め込むことができる。 この二つの事柄から、applica
xslt.js - Transform XML with XSLT
Transform XML with XSLT xslt.js is a tiny (less than 2 KB) JavaScript library that lets you asynchronously transform XML with XSLT on the client. Why transform XML on the server when the client can do it, too? In Microsoft Internet Explorer, no instantiation of ActiveX controls are necessary, so xslt.js works nicely in companies where admins have deployed “hardened” versions of IE th
LightWindow Demo
Why another light-'whatever'? After researching every single modal window, lightbox, slimbox, etc out there nothing fit the bill. Granted some of them were very nice but only fit a specific purpose, others were a nightmare on the code end, and others were just hacks of another. None of them truly supported all of the features we needed and those that were close could not be easily adapted without
Javascript - Event order
See section 7D of the book. Netscape 4 only supports event capturing, Explorer only supports event bubbling. Netscape 6 and Konqueror support both, while Opera and iCab support neither. On the Introduction to events page I asked a question that at first sight seems incomprehensible: “If an element and one of its ancestors have an event handler for the same event, which one should fire first?” Not
高機能なJavascriptツリーグリッドコンポーネント:phpspot開発日誌
Editable JavaScript TreeGrid Editable JavaScript TreeGrid Javascriptで作成された高機能なJavascriptツリーグリッドコンポーネント。 セルの内容をその場で編集できたり、ドラッグ＆ドロップで移動できたりと、結構すごいです。 コンポーネント化されていてJavascriptのコードを書かずとも簡単に使えるようです。 データの入出力フォーマットはXMLっぽいです。 これを使ってオンライン上のエクセルっぽいものも作れそうですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dynamically loading JavaScript synchronously
diaspar.jp
How can I get query string values in JavaScript?
JavaScript初級者から中級者になろう