Ajaxと組み合わせて便利なHistory APIを使おう - PR TIMESデザイナー&エンジニアブログ BREAK TIMES
こんにちは。PR TIMESフロント・エンジニアの山田です。 弊社ではAjaxを使ったサイトやサービスも多く運営しています。 さて、そのAjaxですがページ遷移なしにコンテンツを切り替える場合、当然ながらそのままではブラウザのURLも変わりません。これではユーザーが直接読み込み先にアクセスしたり、ブラウザのBACKボタンで前に戻ったりできないので不便です。そんな時に使えるのが、Hisotry API。これはブラウザの履歴をJavascriptから管理、操作できる便利なAPIです。 まず以下の4つは以前からあり、古いブラウザでも動作します。 history.back();//表示した履歴の1つ前のページにもどる history.go(4);//表示した履歴の4つ前のページにもどる history.go(2);//表示した履歴の2つ先のページに進む history.forward();//表示
jQuery EasyUI - help you build your web page easily
Welcome to EasyUI EasyUI framework helps you build your web pages easily. GET STARTED What is EasyUI? easyui is a collection of user-interface components based on jQuery, Angular, Vue and React. easyui provides essential functionality for building modern, interactive, javascript applications. using easyui you don't need to write many javascript code, you usually define user-interface by writing so
ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」
イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。 写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。 詳細は以下の通り。 ダウンロードは以下から。 DEfusion.org.uk >> JavaScript Image Cropper UI, using Prototype & script.aculo.us デモは以下から。実際にドラッグして切り抜きを体験できます。 DEfusion.org.uk >> Demo >> Prototype JavaScript Image Cropper UI 操作感覚が通常のアプリケーションとほとんど差異がない
ユーザーをしびれさせるjQueryチュートリアル&プラグイン20 – creamu
spyrestudiosというサイトで、かなり魅力的なjQueryチュートリアル&プラグインが紹介されています。 ざっといくつかご紹介。 » Creating a Keyboard with CSS and jQuery CSSとjQueryでPCのキーボードを実装 » Animate Curtains Opening with jQuery カーテンが開くアニメーションをjQueryで実装。↑のキャプチャはこちら » Sexy Drop Down Menu w/ jQuery & CSS するするっと消えていくクールなドロップダウンメニュー » Learning jQuery: Fading Menu – Replacing Content フェードイン&アウトして切り替わる超クールなメニュー » How to Load In and Animate Content with jQuer
XUL Apps > Documentations > ラインマーカーの実装の解説 - outsider reflex
Text Link ラインマーカーの実装の解説 2006/7/22 ラインマーカーの実装について受けた質問に対する回答を元にして作成した解説文です。 概要 文字列的処理の限界 実装の解説 選択範囲の取得 単一の要素ノード内で完結した選択範囲の場合 複数の要素ノードに跨る選択範囲の場合 参考文献 Home Back to List 概要 ラインマーカーは、選択範囲の文字列をマーカーで強調したようにする拡張機能です。この機能を実装するためには、DOM2 Rangeを使用する必要があります。 文字列的処理の限界 GeckoやIEでは、window.getSelection()によって選択範囲を取得することができます。しかしながら、これと既存のテクニック（document.write()やHTMLElement.innerHTMLなどを使った文字列的な処理）の組み合わせでラインマーカーと同様の処理
Programming Magic is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
The Star of Web2.0: Google AJAX Search API で IPアドレスから位置情報を取得
Google AJAX Search API の公式ブログにサイト閲覧者のIPアドレスから位置情報(緯度、経度、国名、地域名など)を取得する方法が紹介されていたので、早速試してみた。 ★Where is my current user? やり方は無茶苦茶簡単。 国名を取得したければ google.loader.ClientLocation.address.country を、緯度を取得したければ google.loader.ClientLocation.latitude を呼び出すだけ。 以下にサンプルコードを示す。 10: onload = function() { 11: document.getElementById("country").value = google.loader.ClientLocation.address.country; 12: document.getEle
YUIのツリーメニューでAjaxな動的ロード - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ YUIのツリーメニューでAjaxに動的ロード 前々回、 前回と Yahoo! UIのTreeView(以下、YUI)を利用して簡単にツリーメニューを作成するサンプルを作ってきましたが、 今回は、いよいよそれをベースに、Ajaxな動的ロード機能を追加してみます。 今回のソースは、前回作った、 配列型のJSONデータを与えて、メニューを自動生成するタイプの改造と拡張です。 前回のデータは、今回のスクリプトでもそのまま使えます。 今回の主な変更点は、Ajaxによる動的ロード機能を追加したことです。ツリーホルダに動的ロードを指定できるようにしたことで 、そのホルダをクリックすると別に用意したJSONデータの
Drag & Drop | Diaspar Journal
丸亀製麺は、全国に820店舗以上を展開するうどんのチェーン店です。店内で製麺を行っているため、打ち立ての美味しいうどんをいただくことができます。 注文まで列に並んでいくスタイルですので、何を頼もうか考えている間に自分の番がきて焦っちゃうなんてことも・・ 別のせのてんぷらやおにぎりも美味しいですよね！ 丸亀製麺で一番お得なクレジットカードは、ｄカード・ｄカード GOLDです。ｄ払いを利用することで、ポイントの3重どりができ2.0％還元を実現できます。 丸亀製麺では、クレジットカードや、電子マネー、バーコード・QRコード決済など多くのキャッシュレス決済を支払いで利用することができます。クレジットカード キャンペーンも活用するとさらにお得になることもあります。 丸亀製麺の支払いで利用できる決済方法クレジットカードVISA・Mastercard・JCB・ダイナースクラブカード・AMEXバーコード
prototype.js リファレンス
prototype.jsはAjaxライブラリの1つです。現在のバージョンは1.6.0です（2007/11/8）。prototype.jsについて、より詳細に知りたい方はprototype.jsの開発者メモを参照してください。また、英文ドキュメントであれば正式なリファレンスもprototype.jsのサイトで用意されています。 version 1.4.0 リファレンス version 1.5_rc0 リファレンス version 1.5_rc1 リファレンス version 1.5_rc2 リファレンス version 1.5.0 リファレンス version 1.5.1_rc1 リファレンス version 1.5.1_rc2 リファレンス version 1.5.1_rc3 リファレンス version 1.5.1 リファレンス version 1.5.1.1 リファレンス versio
アップロードの進捗を表示しつつアップロードするサンプル:phpspot開発日誌
tomas.epineer.se Asynchronous file upload with AJAX progress bar in PHP One of the few things that I find lacking in PHP is the ability to report the progress of a file upload. This means that file uploads, especially uploads of larger files, can be extremely frustrating for end users when they don’t know if the upload is progressing or if it has stalled or if it has even started. アップロードの進捗を表示しつつア
【レビュー】ドラッグ&ドロップで今風のWebサイトを作ろうぜ - Weeblyを使いこなす (1) Weebly事始め (MYCOMジャーナル)
ドラッグ&ドロップでWebサイトを作成できる「Weebly」 Ajaxを利用して、ブラウザからオンラインでWebサイトを作成できるというサービスはもはや目新しいものではなくなってきた。こういったサービスはいくつも提供されている。例えば、Wikiの編集部分をAjaxを利用したWYSIWYGコンポーネントに置き換えるものもあれば、テキストエディタとWikiの中間のようなスタイルをとっているものもある。また、ポータルサイトにおける一機能としてポートレットを組み合わせて構築できるようになっているものもある。 ここでは、そういったサービスの一つである「Weebly」に注目していく。Weeblyはドラッグ&ドロップでWebサイトを作成できるという、便利なサービスである(図1〜図4)。 図1 Weeblyの公式サイト 図2 Weeblyで作成したWebページの例(1) - テキストと画像を配置 図3 W
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/prototype_window
IT NEWS
WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳