30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記
Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ
jQuery controlled Dependent (or Cascading) Select List 2 | 設置サンプル
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-eq
jQuery.jsを使ってhtmlを外部読み込み
htmlの作成時に各ファイルで共通している部分がありますね。 ・ヘッダとか ・フッタとか ・グローバルナビとか そんな時、どうしてますか？ 1.各ファイルに同じ記述をしてますか？（変更掛かったらめんどくさいですね） 2.SSI（サーバーサイドインクルード）してますか？（できればいいけどちょっぴり敷居が高い？） 3.avascriptでdocument.writeつかってますか？（ソースが長いとめんどくさいですね） ざっくりリストアップすると以上のような方法が考えられます。 僕も上記のどれかをケースバイケースで使ってました。 そこにもうひとつ選択肢を追加します。 jQuery.jsを使って外部のhtmlファイルをまるごとインクルードしちゃいましょう。 方法 1.何はともあれjQuery.jsをダウンロード http://jquery.com/ 2.htmlのheader要素内で読み込む <s
PHP＆MySQL＆jQueryで構築するチャットボックス実装デモ:phpspot開発日誌
Making a shoutbox with PHP, MySQL and jQuery | CodeForest PHP＆MySQL＆jQueryで構築するチャットボックス実装デモとチュートリアルが公開されています。 Ajaxベースのチャットスクリプトが欲しいという方は覚えておいてもよさそうです。 デモページ 投稿すると画面遷移せずにアニメーションしつつ、そのまま画面に表示されます。 ソースのDLが可能で、プログラム自体もそこまで難しいものではないため、改造して使うのも簡単そうです。 関連エントリ あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」 あなたのドロップボックスにアップロードが可能なPHPスクリプト PHPスクリプト1つでできる簡単サーバ監視
サーバー上のHTMLファイルを読み込みページ上に表示する
前項ではサーバー上のテキストファイルを読み込みました。ここではHTMLファイルを読み込みページ上に表示します。HTMLファイルだからといっても特別な処理は不要です。テキストファイルを読み込むのと同じです。唯一異なるのがページ上に表示する際にinnerHTMLプロパティに読み込んだデータ(responseText)を入れるという点です。以下のスクリプトは2種類のHTMLファイルを読み込み表示します（サンプルを実行する）。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>サーバー上のHTMLファイルを読み込む</title> <script type="text/javascript" src="xmlhttp.js"></script> <script ty
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA