Using FormData Objects - Web APIs | MDN
Creating a FormData object from scratch You can build a FormData object yourself, instantiating it then appending fields to it by calling its append() method, like this: const send = document.querySelector("#send"); send.addEventListener("click", async () => { const formData = new FormData(); formData.append("username", "Groucho"); formData.append("accountNum", 123456); // A file <input> element c
Mouse wheel programming in JavaScript
Though many people still find this page useful, there have been some changes in the browsers since last update of this page, and I generally consider some information here to be outdated. However, I suggest using MooTools or other general Javascript frameworks that provide portable and maintainable basis for writing Javascript code. Web applications are becoming more and more like “normal” desktop
ajaxファイルアップロードに使えるjQueryプラグインいろいろ:phpspot開発日誌
7 trusted ajax file upload plugins using jquery | Web Developer Juice ajaxファイルアップロードに使えるjQueryプラグインがいろいろとまとまっていましたのでご紹介。 AJAX Upload カスタムボタンを押すとファイルを選択して選択したら即座にアップするもの Ajax file Upload 画面遷移なしにアップロードが出来るアップローダー実装 jQuery Multiple File Upload Plugin など。画面遷移なしにファイルをアップロードしたい際の簡単ソリューションとして覚えておいてもよいかもしれませんね。
Google Chromeの開発ツールは実務に耐えうる：Firebugなみの性能を発揮 - builder by ZDNet Japan
先日ベータ版が公開されたGoogleオリジナルのブラウザ「Google Chrome」。「無駄を削ぎ必要な機能のみを追求した」というのが謳い文句だが、その一方でウェブ開発者向けの機能が充実している点も見逃せないポイントだ。 高機能なJavaScriptコンソール Google Chromeはウェブ開発者向けの機能として、デフォルトでJavaScriptコンソールとJavaScriptデバッガが付属している。特にJavaScriptコンソールの方は、Firefoxのアドオンとして著名なFirebugに劣らない高機能さであり、実務でも十分に使えそうだ。 ChromeのJavaScriptコンソールおよびJavaScriptデバッガは、［開発/管理］メニューから起動できる（図1）。
Styling File Inputs with CSS and the DOM // ShaunInman.com
The Last Rocket An 8-bit game for iPhone, iPad and iPod touch Minted of course. In partnership with File inputs (<input type="file" />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation. Bef
getBoundingClientRect()を使って要素の絶対座標を求める - 素人がプログラミングを勉強していたブログ
追記：どうやらnowa サービス終了のお知らせで既出だった模様。 ページが見つかりません | Mozilla Developer Networkを使って簡単に、絶対座標を得ることができる。 offsetParent辿っていってoffsetWidth足したりしなくていいので手軽。 function getElementPosition(elem){ var position=elem.getBoundingClientRect(); return { left:Math.round(window.scrollX+position.left), top:Math.round(window.scrollY+position.top) } } getElementPosition(document.links[5]) getBoundingClientRect()で返ってくるプロパティは、小数にな
Mike asks the CSS Guy about a scrolling trick with background images (Ask the CSS Guy)
Mike asks the CSS Guy about a scrolling trick with background images Mike writes: Check this out: http://econsultancy.com/reports.Scroll up/down... whaaaaat? :) How was this done? Answer: fixed background images. Let's look at some examples. Images For the basic effect, start with two same sized images, with a slight difference. For my example, I chose this color image and made second version of i
busy.js (javascript loading indicators)
Download cvi_busy_lib.js and include it into your webpage. <script type="text/javascript" src="cvi_busy_lib.js"></script> Add overlay to element ctrl = getBusyOverlay(parent[, overlay[, busy]]); parent == element to add the overlay to or "viewport" overlay e.g. {color: 'black', opacity: 0.5, ...} color == STRING 'black' or '#000000' or 'rgb(0,0,0)' Default: 'white' opacity == FLOAT 0.0 - 1
JavaScriptでJSONをeval - sshi.Continual
JSON文字列をevalして値を取りたいときに挙動が妙ではまった、という話を聞いたので、Firefox1.5上のFireBugのコンソールで何パターンか試してみた。 {"key":"value"}というJSONデータが文字列で渡ってきて、それをevalしてJavaScriptの値として使いたい、という想定。 間違ったJSON文字列をevalした場合 >>> jsonstr = "{key:\"value\"}" "{key:"value"}" >>> var obj = eval(jsonstr) >>> obj "value" >>> typeof(obj) "string"JSONのオブジェクトでは、ラベルも""でくくって文字列にしないといけないのだが、まずはそれを忘れた場合を試してみた。結果として返ってくるのは、なんとJSONのハッシュの要素にしたつもりの文字列のみ。 正しいJSON
MooTabs - Tiny tab class for MooTools
MooTabs is a tiny JavaScript class that will help you put together tab navigation on your website. It required MooTools to run.What Is MooTabs? MooTabs is a tiny(3kb) class for MooTools. As the name suggests, it's main purpose is to help out with the creation of simple tab navigation. As of version 1.2, you can also set tab content via an Ajax request. See the documentation below for more info!
JPU - JavaScript CPU Monitor
My JavaScript book is out! Don't miss the opportunity to upgrade your beginner or average dev skills. This is a little experiment, based on single threading JavaScript behaviour and for this reason not "perfect". As You can see on top right of this blog, JPU just tell You if your operations inside this page have a cost for your CPU. For example, try to click one mini-banner on the right side (OCS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
diaspar.jp
Yahoo! UI Library
文字コード関連調査[responseText]
http://www.c6software.com/Products/PopBox/Default.aspx
ActionScript FlashとJavaScriptの連携(2) - JavaScriptからswfを制御 - Flash-Web Application Weblog Directory
ActionScript : FlashとJavaScriptの連携(1) - swfからJavaScriptを制御 - Flash/Web Application Weblog Directory