車がなくても東京で海に昇る朝日を見たい 年末あたりからふと「海で朝日を見たい」という根源的欲求がごく内側から湧き上がって離れなくなってしまった！昨年は突然「島を旅行したい」という衝動に天啓のように打たれていくつかの島を渡り歩いたのだが、今年はまたしても唐突に、空気の澄み渡った朝に水平線を…
車がなくても東京で海に昇る朝日を見たい 年末あたりからふと「海で朝日を見たい」という根源的欲求がごく内側から湧き上がって離れなくなってしまった！昨年は突然「島を旅行したい」という衝動に天啓のように打たれていくつかの島を渡り歩いたのだが、今年はまたしても唐突に、空気の澄み渡った朝に水平線を…
だいぶ間が空きましたが ちょっとハマったのでメモっておきます。 jQueryでのajaxは $.ajaxというシンタックスにて利用できますが その際にクロスドメインの問題とかの場合、 XMLデータじゃなくてJSONを使ったJSONPという仕組みを使います。 jQuery側は [javascript] $.getJSONP = function(url,callback,param) { return $.ajax({ url: url, dataType:”jsonp”, success:callback }); } $.getJSONP(“./hogehoge/getjson.php”t,onDataHandler) function onDataHandler(response) { //受信後の処理をここに } [/javascript] こんな感
Introducing the Wall Script 4.0 commercial edition, a rich wall updating script and it’s a collaboration of 9lessons blog tutorials and some Jquery plugins. We added and improved many new features like instant photo uploads , webcam snap, more button, collapsed comments, expanding urls and delete update animations. Don't miss the video demo. Thanks! Download Script Live Demo The new Wall Scrip
...designed to build not so simple websites. based on modern, powerful frameworks full MVC and object oriented made with flexibility and performance in mind You want to use symfony 1.4, because it rocks. You don't want to redevelop features needed for all sites. As a framework, Diem is flexible. The developer creates its own modules by declaring them in simple configuration files. Then Diem genera
Step 1 - AJAX file uploadAJAX file upload tutorial First of all I have to say that to create a pure AJAX file upload system is not possible because of security limitations of JavaScript. All of the Ajax upload systems I know use some third party tool/package or only mimics the AJAX feeling. Even so it makes file upload process a bit nicer. In the next section I will present you a solution which im
下記ページを参考にさせていただきました。 “jQueryを使ったAjaxファイルアップロード” フォーラム – CakePHP Users in Japan David Golding Design Blog - 上記ページでは jQuery を使用してテキストファイルをアップロードしてテキストの内容を表示するというものですが、画像をアップロードしてアップロードした画像をフォームの下に Ajax を利用して表示するというのをやってみました。 jQuery 使用準備 jquery.js と jquery.form.js を app/webroot/js/ 以下に配置します。 アップロードするビューで上記 JavaScript ファイルを読み込むため下記コードをビューに追加します。 <?php echo $javascript->link(array('jquery.js','jquery.f
CakePHPの1.3rc版がリリースされたので、ぼちぼち試しています。 1.2→1.3のマイグレーションガイドなどを見ながらやってみたら、いろいろと変更しなきゃならない点はありましたが、とりあえずエラーが出なくなるところまでは移行できてきました。 今回は、新しく追加になったJs Helperをちょっと使ってみました。 今までのCakePHPでは、AjaxヘルパーなどでPrototype.jsを使っていましたが、今回のアップデートで新しくなったJs Helperは、使うJavascriptライブラリを選ぶことができます。現時点で標準で対応しているのは jQuery、Prototype/Scriptaculous、Mootoolsで、コントローラからエンジンを選ぶことでどのライブラリを使うかを選択できます。 var $helpes = array('Js'=>array('Prototype
Cakephp+jquery - Presentation Transcript CakePHP jQuery • twitter @nano_eight • github nano-eight • AmazonEC2 • CakePHP • Twitter • Cake 100 LT CakePHP (; ∀ ) jQuery jQuery CakePHP • jQuery CakePHP • jQuery UI • jQuery plugin • jQuery CakePHP JsHelper • effect() ‣ ‣ slideIn fadeOut • submit() ‣ Ajax POST • echo $js->writeBuffer(); • options array('buffer' => false) writeBuffer() JsHelper jQuery UI
jQueryに僕が弱いのではまったのですが、もしかすると同じような情報を探している人もいるかもしれないので、メモ。 Contact Form 7はWordPressで簡単にフォームを作ることができるプラグイン。AjaxZip2は郵便番号を入力すると、ボタンなどをクリックせずに住所をテキストボックスなどに出力させることができるJavaScriptライブラリ。この2つをWordPress上で組み合わせる方法。 まず、WordPressでjQuery（またはPrototype）を使うにはちょっとしたコツがいります。理由は次のエントリーを参照してください。 WordPressではじめてのjQueryが動かないという人へ スライドショー レビューも兼ねて WordPressでjQueryが動かない件 | Bliss そこで、jQueryはこんな感じで読み込みます。header.phpあたりのhead
気になったのでメモ。HTML5と jQuery、PHP、cssで実装する 事が可能な動画プレイヤーの Open Standard Media Player。 ライセンスはGPLで提供されて います。 Open Standard Media PlayerにはVote（投票）機能や拡大機能もついています。よく出来てますね・・ ↑ インターフェースもクールです。右側に動画リストが入る形。マウスの移動だけでスクロールしてくれます。 ↑ サイドバーは隠す事も可能。スライド式です。 ↑ Voteも可能。アベレージ（平均）も表示してくれます。 試しに入れてみました。若干動きが不安定です。Chromeで見ていたら何度かクラッシュしました。。 デモではちゃんと動いていますのでご興味が沸かれるようでしたらぜひご覧になってください。 Open Standard Media Player / デモ
Flexigrid Jqueryベースのテーブル修飾script、FlexigridをZend Frameworkで使ってみよう、という習作です。 マイコミの記事を参考にしながら作ってみました。 テーブルデータは id,title,description,date のありがちな感じで。 とりあえずは、テンプレート。Smartyで作ってありますが、HTMLそのままですから、他のテンプレートでも問題ないでしょう。 [smarty] [/smarty] 確かjqueryは$(){～だけで、ready()の効果があるような気がしたけど、とりえあず。 Flexigrid本体は、ダウンロード>解凍したものを、ルート/js/flexigrid/の中に直接放り込んであります。今回はjqueryだけ、別途用意したものを読み込んでいますので、pathにご注意ください。 このテンプレートを/flexigrid/
Parse XML with jQuery | Papermashup.com jQueryでXMLをパースして表示するコードサンプル例が公開されています。 jQueryマスターな方には無用の物かも知れませんが、スニペットとしても使えそうなので便利かも、というのでご紹介。 $.ajax でサイト内にある .xml ファイルを取得して、success のハンドラによってXML処理させます。 普通に書くと大変ですが、jQueryを使うことで次のように簡単になります。 .xml のパスはサイト内のURLであれば何でもいいので、サーバ側に xml を出力するようなAPIが既にある場合、jsonに変換することなく簡単に使えますね。 jQueryのDOM操作の簡単さによってこれだけ短縮できているところが何とも凄いです。
satoです。 重い処理の進捗を視覚的に表示したい場合、例えばXOOPS Cubeのインストーラのように、進捗を随時表示するようなケースがあります。 Cubeのインストーラのように、文字をそのまま流すだけであれば、出力を随時flush()してあげればよいのですが、例えばプログレスバーのように視覚的に表示したい場合は何かと面倒だったりします。 Zend FrameworkにはZend_ProgressBarという、そのものを行うためのライブラリがあります。 今回はこれとjQuery UIを使ってプログレスバーを実現してみたいと思います。 PHP側（progress.php）は <?php require_once('Zend/ProgressBar.php'); require_once('Zend/ProgressBar/Adapter/JsPush.php'); // 処理だと思われる何
PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」 2010年03月11日- Run This! PHP、Perl、Ruby、C、C++等40以上の言語をブラウザで実行できるようになるjQueryプラグイン「Run This」。 ブラウザ内の<pre>コードで記述した部分を、その場でそのまま動かすことができ、うまくサイトに組み込めばより訪問者にとってわかりやすいページを作ることが出来そうです。 例えば、PHPの入門サイトなんかでは挙動を一瞬で確認できてしまいます。 具体的には以下の言語に対応しています。 Ada, Assembler, AWK, Bash, bc, Brainf**k, C, C#, C++, CLIPS, Clojure, COBOL, Common Lisp, D, Erlang, Forth
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説テーブル、リスト、段落など要素内のデータを簡易検索するjQueryプラグイン。 指定した文字列にマッチしたデータを持つ要素だけを絞り込んで表示することができます。 オプションのパラメータで簡単にカスタマイズすることができます。 設置イメージ 設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head>
日本語もOK!Ajaxとphp,JQueryで作る付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」 付箋を貼って情報共有したり、アイデアを書き出したりアイデアマップをつくったりと、クリエイティブの場では度々使われている付箋。今日紹介するのはAjaxとphp,JQueryを利用して制作された、付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」を紹介したいと思います。 付箋は自由に追加したり、削除する事ができ、もちろん位置も自由自在に動かす事ができるようになっています。インターフェイスもかなりシンプルで、だれでも簡単に直感的に操作する事ができます。 詳しくは以下 日本語も通るみたいで、日本語環境でも利用可能です。また、データベースを利用していますので、一度貼った付箋はWEB上で保存されます。チームでのアイデア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く