スマートフォン向けサイトでよく見る「もっと見る」を押す度に延々と下にスクロールしていくアレをlyase_viewで楽に実装する - だるろぐ
twitterとかgmailとかでやってる、一番下までスクロールすると「もっと見る」みたいなリンクがあって、それをクリックすると下にもっと広がるアレ。 やってることは、クリックされるたびにjavascriptで データを用意する テンプレートを用意する テンプレートにデータを埋め込んで既存のDOMにappendする みたいな。いくらでも実装はあるけど、基本こんなの。 同じ事をしたいと思ったときに自分で0から実装するのがめんどかったので、javascriptでテンプレートエンジンいいの無いかなーと探してもどれもイマイチだったんだけど、lyase_viewというのがかなり良かった。 軽いし分かりやすいし、javascript何でも書けるし、ERBとタグ同じだし。 inforno :: 埋め込みjavascriptを実装してみました。 というわけでサンプル作った。 https://github.
『PHPとAjaxを使って「もっと読む」ボタンをjQuery-Mobileページに簡単に実装。』
駆け出しWebエンジニア（２年目）の備忘録です。 興味のない人にはまったくよく分からない内容だと思いますが…。 EC-CUBEのカスタマイズとかやってます。 TwitterのつぶやきをPHPで取得してAjaxでDOMに追加していくってのをやってみたので、メモしておきます。 まずは、jQueryMobileで作ったHTMLソースを…。 ---- tweet.html ---- <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>My Tweet</title> <!-- jQuery-Mobile --> <link href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/
jQueryのAjaxを使用して外部htmlを読み込む
Posted: 2011.04.04 / Category: javascript / Tag: Ajax, jQuery Ajaxとは画面遷移なしで、データを取得したり表示したりできるあれです。最近のWebアプリケーションでは必須な技術らしいです。 知識としては知っていたものの実際使ったことがなかったので、かなり今更感が高いですが挑戦してみます。 Ajaxはサーバー側のプログラムの方が重要な気がしますが、ここでは静的なhtmlファイルを使用します。 まずは読み込まれる側のhtmlファイルを作成します。 load.html <li>読み込めたかな？</li> 読み込まれる側は「li」だけです。「load.html」という名前で保存します。 次は読み込む側です。 index.html <ul id="sample01"></ul> <p><a href="#" id="button01">ボ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設置サンプル