フォームから入力すると、入力内容がブラウザ画面に反映する仕組み
javaScritの知識が多少あれば難しくないと思います。 以下を参考にして下さい。 <html> <head> <script type="text/javascript"> <!-- function textcopy(){ // テキストエリアの内容を取得 var textarea = document.getElementById("textarea").value; // テキストエリアの内容を消去 document.getElementById("textarea").value = ""; // これまでに追加されたテキストとの連結を行う textarea = document.getElementById("insert").innerHTML + textarea; // "insert"のidが指定されたの要素の中に挿入 document.getElementById(
Subway Map Visualization jQuery Plugin
Subway Map Visualization jQuery Plugin I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Developer Services. They had taken the concept of a subway map and applied it to cr
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
JavaScriptでiPhoneアプリを楽々作成
iPhoneアプリを作るためには以下のようなプログラミングの知識が必要だと思われています。 Objective-Cの知識 (Cの知識 + オブジェクト指向プログラミングの知識) iPhoneのライブラリの知識 これらをマスターするのはかなり大変ですが、 「PhoneGap」というシステムを利用すると、 JavaScriptだけを使って簡単にアプリを作成することができます。 iPhoneのSafariから JavaScriptが動くWebページにアクセスするとiPhone上でJavaScriptプログラムを動かすことができます。 このような「Webアプリケーション」はSafariの上でしか動作しませんし、 ネットに接続されていない状態では利用できません。 しかしPhoneGapを利用すると、 JavaScriptプログラムとSafariをまとめてひとつのアプリケーションを生成することができる
第4回 ブレークポイントによるデバッグとFirebugのこれから | gihyo.jp
最終回となる今回は、前回触れられなかったScriptタブでのデバッグ方法、Firebugの拡張である「yslow」の説明、そして最後にFirebugの今後について紹介します。 ブレークポイントの設定方法 FirebugではJavaScriptにブレークポイントを設定することができます。次のコードで試してみましょう（open(this.href);return false" onkeypress="window.open(this.href);return false">ex01.html）。 リスト1 ex01.htmlの抜粋 function Func(){ var num = Math.floor(Math.random()*1); var h1 = document.getElementsByTagName('h1')[0]; if(num<5){ h1.innerHTML =
HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記
HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。 そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。 今回は JavaScript の処理が中心です。jQuery を使っているので追加してくださいね。 $(function () { var uploadFiles = function (files) { // FormData オブジェクトを用意 var fd = new FormData(); // ファイル情報を追加する for (var i = 0; i < files.length; i++) { fd.append(
Google Map Javascript API V3 Tutorial - Google Maps JavaScript API V3 - Google Code
Google Map Javascript API V3 Tutorial Note: The Google Maps Javascript API Version 3 documented within these pages is now the official Javascript API. Version 2 of this API has been officially deprecated as per our deprecation policy. We encourage you to migrate your code to this newly updated and enhanced version! Introduction The fundamental element in any Google Maps V3 API application is the "
Javascript/jQuery/input要素のvalueを操作する - 俺の基地
prototype.js感覚で使ってたら嵌ったｗ 実は結構迷ったのでメモ <input type="text" value="" id="hoge" /> こうやってもだめ $('#hoge').value = 'aaa'; こうじゃないとダメ $('#hoge').val('aaa'); タグ Tag: Javascript jQuery
IP Geolocation and Currency Converter APIs by Geoplugin
IP Geolocation and reverse IP geocoding technology on the web are about detecting requests coming from your visitors and locating them in the world, down to the city they are in, based on their IP address. geoPlugin is the easiest way for you to geolocate your visitors, allowing you to provide geolocalised content more relevant to their geographical location. Simple examples are redirecting visito
GitHub - snakajima/SNBinder: Client-side HTML Template Engine
SNBinder is a client-side template engine implemented in JavaScript. Just like server-side template engines, it binds a view (HTML template) to a data (JavaScript object) and generate an HTML text. 0. Design Principle and Sample Application I developed SNBinder with a belief that the client-side data-binding gives a great flexibility to developers who want to offer a "desktop-application-like" use
HTML表示/非表示切り替えブロック；divとボタン - 万象酔歩
HTML記述 <div id="div_1"> <p><input type="button" value="説明を表示する" style="WIDTH:10em" onClick="document.getElementById('div_2').style.display='block'; document.getElementById('div_1').style.display='none'"></p> </div> <div id="div_2" style="display:none"> <p><input type="button" value="説明を隠す" style="WIDTH:10em" onClick="document.getElementById('div_2').style.display='none'; document.getElementById('d
ピュアAJAXアーキテクチャのススメ
先日、ここで発表したFacebookユーザーむけグループウェア「Fruence.com」。今年のトレンドになるであろう「ソシアル・アプリ」の実例という意味もあったが、私自身の中で少し前から形になりつつあった「AJAXを最大限に活用した新しい形にウェブ・アプリケーション」のアーキテクチャの実践という意味合いも大きい。 このアーキテクチャの特徴は以下の３つである。 サーバー側は、JSON over HTTPのAPIとHTML/CSS（およびそのテンプレート）をスタティックな形でのみ提供する（サーバー側では、ダイナミックなHTMLの生成はしない） クライアント側では、JavaScriptを使ってサーバーから取得したJSONとHTMLのテンプレートを組み合わせて（データ・バインドして）表示する。 ウェブサイトはあたかも独立したアプリのように動き、操作中はURLは一切変化しない もともとは、HTML
javascriptのappendChildでつまづいています。 ieで<body>の子に<div>を入れる、</body>の直前に</div>を入れるjavascriptを教えてください…
javascriptのappendChildでつまづいています。 ieで<body>の子に<div>を入れる、</body>の直前に</div>を入れるjavascriptを教えてください
第1回 まずは実装してみよう | gihyo.jp
はじめに この連載では、Javascriptは知っているけどAjaxは実装したことがないという方に向け、YouTube APIを利用したWebアプリケーションを題材に、実装の方法を解説します。 JavascriptのライブラリはjQueryを使用します。jQueryによるAjax実装、基本的な使い方、また、UIへの応用実装も合わせて解説します。 Ajaxってなに？ Ajaxとは、Asynchronous Javascript+XMLの略称です。Javascriptを使い、Webページとは非同期（Asynchronous）にXML形式（もしくはテキスト形式）のデータ通信を行う手法を指します。 Ajaxを使うと特別なプラグインなどを必要とせず、Webページの必要な部分だけ必要に応じて書き換えることができるため、ユーザビリティの高いWebアプリケーションを作ることができます。また、異なるWebサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://harthur.github.io/kittydar/
Get geographical location (geolocation) by IP address using jQuery
Google Code Archive - Long-term storage for Google Code Project Hosting.
https://github.com/mxml/picplz-examples/blob/master/examples/auth_read/index.html
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
Dialog | jQuery UI