AOK's JavaScript Sample 動作確認: ○IE6SP2,IE7(WinXP) ○Firefox1.5(WinXP) インターネット上でファイルサイズを取得する方法についてのサンプルです。たとえば、サムネール画像を表示して、元の画像へリンクを張ったり、圧縮ファイルなどにリンクを張ってダウンロードさせたりする場合、リンク先のファイルサイズが表示されていると親切です。しかし、いちいちファイルサイズを調べて入力するのも面倒なので、なんとか、スクリプトで自動化してみました。ファイルサイズの取得に XMLHttpRequest を使用しているので、サポートされていないブラウザでは動作しません。また、XMLHttpRequest はドメイン間をまたぐ処理ができないので、他サイトのファイルサイズは取得できません。 ■ サンプル
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
を、ようやく実装できました。 Amazon to Rakuten Chrome拡張「Amazon to Rakuten」は当初下記の流れで作っていました。 1. chrome.tabs.getSelectedで今開いてるamazonのページのURLを取得 2. XMLHttpRequestで取得したURLのHTMLを取ってきて、本のタイトルを正規表現で取得 3. 楽天ブックス総合検索APIに取得したタイトルを投げる 4. 検索結果をPopupに表示。表示されたやつをクリックすると無事楽天ブックスの商品詳細ページにジャンプ 1. Content ScriptでDOM解析し、今開いているamazonの詳細ページから商品タイトルを取得 2. 取得したタイトルをMessageでbackground.htmlに送信 3. background.html上で楽天ブックス総合検索APIに、Content
Linux版の Google Chrome で拡張機能を作ってみた際のメモ。 Google のサンプルコードとチュートリアル (Google Chrome Extensions – Google Code) や "特集:先取り! Google Chrome Extensions|gihyo.jp … 技術評論社" の記事を参考にして Fastladder の未読記事数を表示する拡張機能を作ってみる。 Manifest file まず、Manifest file (manifest.json) を作成する。 これは、拡張機能の各種情報を記述した JSON 形式のファイルで、以下のように記述する。 { "name" : "Fastladder Notify", "version" : "1.0", "description" : "Notify unread Fastladder entry.
25 Comments Thanks, nice examples 🙂 There are really neat examples. Some of those sites are into the best sites I’ve ever seen! Teehan+Lax redefines a lot of standards! I recently made a fixed nav website, maybe you’ll like it and I’d be glad to have people opinion on it: http://tecchan.loriskumo.com 🙂 Hi Kumo Been to your site and yes you have a lovely fixed left menu. Your home page is “Respon
ショッピングサイトで申込日から4日後に振り込み締切日を設定したい。 その場合、4日後が、祝日、土日であれば、平日になるまで締切日を延長する。 祝日かどうかの判定をする場合、現在の暦では、祝日が○月○日と固定でない。テーブルを作成して、毎年メンテするのも面倒くさい。一年に一回のことなのでメンテし忘れるだろう。そこで、信頼できるサイトの祝日データを利用したい。 グーグルカレンダーのAPIを使用して、祝日かどうかの判定ができる。 振込み締め切り日の計算 曜日、祝日の処理 http://www.stackasterisk.jp/tech/php/php03_07.jsp ○日後の日付の取得 http://www.ilovex.co.jp/Division/ITD/archives/2006/03/php.html 祝日をGoogle カレンダー API から取得 http://akabeko.sa
集锦 更多> 佛罗伦萨 2-1 亚特兰大 摩纳哥 1-4 巴黎圣日耳曼 曼联 1-0 狼队 尤文图斯 4-0 乌迪内斯 AC米兰 3-0 斯帕尔 卡塔尔U23 1-1 日本U23 沙特阿拉伯U23 1-0 叙利亚U23 乌兹别克斯坦U23 1-2 韩国U23
正確にはDocumentのroot elementが属するツリーのサブツリーでないDOMツリーから要素を探す場合。下記のようなケース。 htmlの塊をテンプレートとして使いたいので、Documentに繋がってない要素にinnerHTMLでhtmlの塊を挿入する そのhtmlの塊の中に、属性の変更をしたい要素があるので、何らかの方法でその要素を取り出したい その時点でDocumentに繋がってないので、getElementById()等で取り出せない(DocumentFragmentはDocumentを継承してないのでそのようなIFはない) ツリーをjavascriptの世界で辿るのはやりたくない querySelector()やquerySelectorAll()はNodeSelector IFのメソッドなので、DocumentFragment, Elementなどが継承している。 よって
Bootstrap is the most popular and probably the most complete front-end web framework, which allows developers to fasten the creation of a website or web app. In this article, I have compiled 5 ready-to-use web forms for your Bootstrap projects. It’s time to save some time! General Rules for your Bootstrap Form As the most popular CSS Framework available, Bootstrap makes HTML forms creation way eas
CSS MENUS › Sliding Icons Menu Date : 19th January 2011 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Mail Address Book Calendar Notes Safari Browser Store Timer Settings Information Just a simple icons menu with a slide action to show a line of text to describe the meaning of each icon when hovered. The slide action will be seen in Firefox v4
はじめに 以下のページでjQueryでWebカメラを操作できると知ったので、WebSocketを使ってなんちゃってビデオチャットを書いてみました。 WebSocketサーバに接続した2名で1対1のビデオチャットが出来ます。送受信するデータはカメラの映像とテキストのみで、音声データの送受信には対応していません。 jQueryからウェブカムをコントロールするためのプラグイン『jQuery Webcam Plugin』 | IDEA*IDEA 実行環境 Chrome 10.0.612.3 dev Firefox 4 beta 7 node.js 0.3.1 node-websocket-server 1.4.01 jQuery webcam plugin WebScoketサーバ側のプログラム 今回はnode.jsを使ってサーバ側のプログラムを書きました。 videoChatServer.js
Learn how to use the CSS text-shadow to create cool text effects, by following this easy, step by step tutorial. Check it out and start learning! The CSS3 text-shadow property has been around for some time now and is commonly used to recreate Photoshop’s Drop Shadow type shading to add subtle shadows which help add depth, dimension and to lift an element from the page. This isn’t all the text-shad
書いてみました。 MySQL環境が無く、テストしていないので分かりませんが、 タブン動くと思いますよ^^ フォーム表示 → 登録ボタンクリック → データベース登録 → データベース検索 → 検索結果のHTMLでの表示 詳しい人ツッコミお願いします! <!-- ここからヘッダー部分です --> <html> <head> <title>テストスクリプト</title> </head> <body> <!-- ここまでヘッダー部分です --> <?php # フォームからPOSTデータが送信されていない場合の処理 # 意味は"もしregという名前のPOSTデータが無かったら?" if(!$_POST['reg']){ # HTMLで入力フォームを表示(送信ボタンクリックでこのスクリプト自身にPOST) print <<< html MySQLへ登録してそれをHTMLで表示するスクリプト <f
Show / Hide Element Borders. The walking man (me) above, is implemented using only CSS3 animations and simple HTML. You can read more about how it was implemented here. Be sure to view this experiment on an iPhone, iPod or iPad (or android device). It's super cool! Short link below: tinyurl.com/csswalk Not working? Watch the video on youtube. Tweet More Experiments
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く