タグ

javascriptに関するtorumのブックマーク (8)

  • 【ハウツー】Googleからの新たな贈り物、「Google AJAX Feed API」を試そう | エンタープライズ | マイコミジャーナル

    Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ

  • オブジェクト指向JavaScript - 大きな画像をポップアップ

    Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。

  • suggest.js - 入力補完ライブラリ

    Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES

  • JavaScriptのみでFormを受信: CodeWeb

    ここは他所様と比べると、やってる事のレベルがと~っても低い上に説明も分かりにくく誤字脱字の多い所です。 そういう仕様なのでエラーとか出ても知りません。 対応ブラウザ: IE6.0 / IE5.5 / IE5.2Mac / NN7.0 / FF1.0 / Opera8 Getで飛ばされたFormの値をJavaScriptのみで取得します。 「何でJavaScriptだけでする必要があるんだよ!」とか言わないように! そこに魅力を感じてください。ここはそういう所です。 サンプル JSForm ソースと解説 <script type="text/javascript"> <!-- //サーチの値を取得して&区切りで配列に格納 var $_GETURL = location.search.split("&"); //0番目の配列Nameの"?"より後ろの文字列を取得("?"の消去) $_GETUR

  • XMLHttpRequest でファイルのアップロードができないか? - naoyaのはてなダイアリー

    ブックマーク経由でみかけたCodeWeb: 画像をアップロードする前にサムネイルを表示させる。 では、JavaScript を使ってファイルをアップロードする前にプレビューする方法が紹介されてました。input type="file" な input 要素の onchange ハンドラでごにょるというもの。 一方で、プレビューではなく、ファイルを追加した直後に特にボタンなどを押さず且つ画面遷移なしでファイルをアップロードできないものかと、ちょっと試行錯誤してみています。例によって XMLHttpRequest で Ajax るわけですが、残念ながらいまのところうまくいってません。 これまでに書いたコードは以下です。prototype.js を使ってます。 <input type="file" name="image" onchange=" if (this.value) { new Aja

    XMLHttpRequest でファイルのアップロードができないか? - naoyaのはてなダイアリー
    torum
    torum 2005/10/05
    コメント
  • 画像をアップロードする前にサムネイルを表示させる。

    ここは他所様と比べると、やってる事のレベルがと~っても低い上に説明も分かりにくく誤字脱字の多い所です。 そういう仕様なのでエラーとか出ても知りません。 対応ブラウザ: IE6.0 / IE5.5 参照画像をリアルタイムでサムネイル表示させるJavaScriptです。 画像をアップロードするまえに確認することができます。 全ブラウザで確認したわけではありませんが、どうやらIE以外はセキュリティの関係上ローカル画像は表示出来ない仕様となってるみたいです。 IE以外のブラウザは「file:///C:/Documents%20and%20Settings/」のようにsrcを書き換えないといけないみたいです。 めんどくさいから作りません。 Mozilla FirefoxではWEB上からローカル画像が参照出来ない!? 優しい方が教えてくれました。感謝。 セキュリティの観点からローカルファイルを読み込ま

  • mizzy.org : Catalystでajax (HTML::Prototypeモジュールの使い方)

    Catalystでajax (HTML::Prototypeモジュールの使い方) 3 Posted by Gosuke Miyashita Sat, 10 Sep 2005 08:52:00 GMT changelog typoを修正。positionの説明で「4通り」を「44通り」と書いていたので。そんなにあるわけない。(2005/05/13) $prototype->form_remote_tagのオプションpostitionの説明を追加。(2005/04/30) 概要 Catalyst で作る簡単 Web アプリケーション: Feed2JS 解説を参考にしながら、Catalystをいじっていたのですが、ajaxな部分を司るCatalyst::Plugin::Prototypeについて調べたことを、ここにメモしておきます。 まず、「prototype」という名が示すのは、「原

  • ほその日記 - フォームが変更された事を知る

    今日の帰り道、小腹すいたなぁ…なんだか分からないけどむしょーにカップラーメンべたい!!と思った時には、自宅から一番近いコンビニを通り過ぎていて、戻るのもめんどくさかったので新たなコンビニを探す旅に出ました。 駅から自宅に向かう道を、自宅を通り過ぎて探しに行く事に。いつもは駅方面しか行かないので新しいコンビニができてるかも!?と思って自転車を走らせるとそこには… 130戸のマンションとか、やたらゴージャスな家とか、綺麗な家とか山ほど見知らぬ景色が広がってました!おいおい、自宅から徒歩3分の所がこんなになってたのか!反対方向見るとまだ畑が広がっているというのに、高級っぽい住宅街ができてました。 これなら知らないコンビニがあってもおかしくない!ということでズンズン自転車をこぐと…一瞬で田舎に戻ったorz。開発されてる!と思った地域はほんのちょっとで、少し離れたら見知った景色が広がりだしました

    ほその日記 - フォームが変更された事を知る
    torum
    torum 2005/08/11
    gmailやBlogger.comでのように"変更があります。保存しますか?”をだす。
  • 1