タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavascriptとJavaScriptとWebに関するnozomのブックマーク (59)

  • JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]

    代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧

    JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]

  • KANOU.JP: ひとつのアップロード部品で複数のファイルをアップロードする方法

    ひとつのアップロード部品で複数のファイルをアップロードする方法 なんだか挑発的なタイトルですが、どんながんばってもひとつのアップロード部品（<input type="file" />）では、ひとつのファイルしかアップロードすることができません。 前のプロジェクトで同じような要件があって調べたこともあったのですが、結局ずらりとファイルアップロード部品を並べて、その醜さにゲンナリした記憶があるのでよく覚えています。 ただし、ひとつにすることは無理ですが、ひとつに見せかけることならできるようです。 以下の記事では、DOMを使ってあたかもひとつの部品で実現しているように見せるというテクニックを紹介しています。こういうのってユーザビリティ的にとても重要ですよね。 Upload multiple files with a single file element - StickBlog ... ...

  • | clagnut/sandbox

    Example I've deliberately made the image quite a large filesize so you'll have a chance to see the 'loading…' message before it fades out. The code The photo is a straightforward image in a div. Each has an id: <div id='photoholder'> <img src='/images/ithaka.jpg' alt='Photo' id='thephoto' /> </div> The 'loading…' image is set as the background to the photoholder div, and the photoholder is sized t

  • http://www.infoaxia.com/tools/blog/archives/2005/07/ajax_1.html

  • パソコン遊戯日記?2005年9月：Lyrics Masterレビュー

    Washoku, the term for traditional Japanese cuisine, represents a profound aspect of Japan’s rich cultural and culinary heritage. Recognized by UNESCO as an Intangible Cultural Heritage of Humanity, Wa...

  • FCafe コメント内URL短縮

    コメントに別サイトのＵＲＬを書く（書かれる）機会は少なくないと思われますが、例えばgoogleの検索結果頁のように文字数が多いＵＲＬですと、文字列がカラムからはみ出してしまい見苦しくなってしまう場合があります。　ＩＥ等　半角文字列を折り返してくれる（或いは折り返すよう指定可能な）ブラウザもありますが、大きな面積を占められてしまうのは同様です。 .comment_body a { display:block; height:1em; width:20em; overflow:hidden } ・・・などとＣＳＳで指定してやる（コメント内の a タグはURLのみなので ）のも一法でしょうが、 ( というか、”つま”のつもりでしたが試してみたら結構イケました。　^^; ) スクリプトで整形する方法を考えてみました。 【 設置方法 】　以下のソースをhead領域に貼り付けます。 <script t

  • clmemo@aka: 関連情報をエントリーの外に表示させる

    ブログとはよくできたものだと思う。書きたいことだけ書いて投稿すると、綺麗な体裁のウェブページを作ってくれる。ヘッダーとかフッターとかサイドバーのような、定型部分をユーザーは気にかけないでいい。ブログの成功は、ユーザーが書く部分とコンピューターが自動生成できる部分の分離に寄るのではないかと思う。このブログがほぼ毎日続いているのも、定型部分を気にせず、エントリーだけに集中できているのが大きい。 でも逆を返せば、ブログではエントリー部分しか編集できない。つまり投稿する時に、フッターやサイドバーの内容は書き替えられない。 特に Blogger ではその制限が厳しい。 そこで、投稿記事に div 要素を埋め込んで、フッターやサイドバーに反映する JavaScript を書いてみた。 サンプル 記事には、次のコードを埋め込んだ。 <div class="category" title="Blogger

  • hbkr | aタグで飛び先のタイトルとキャプチャを取得

    リンクにマウスオーバーすることで、とび先のサイトのタイトルとキャプチャをリアルタイムに取得してきます。 こんな感じです。リンクの上にカーソルをのせてみてください。タイトルとサイトのスクリーンショットが表示されると思います。 あれ それ これ どれ はら ほろ ひれ はれ 実際のhtmlはこんな感じ あれ それ これ どれ はら ほろ ひれ はれ htmlが読み込まれた後にaタグにonmouseoverとonmouseoutを付与してます。hrefに指定されたurlを一度読みにいき、titleタグからタイトルを引っ張ってきます。スクリーンショットはwindowsサーバーに仕込んだ簡単なプログラムをかまして、そこから取って来てます。 最初ajaxで取りにいってたんですが、ローカルではちゃんと動くのにサーバーではなぜ

  • ActiveWidgets Professional Javascript Components

    // creating button component var button = new AX.Button({ id: 'hello', text: 'Click me' }); button.on('click', function(){ alert('Hello, World!'); });

  • http://www.openalexandria.com/item_712.html

  • Couloir.org: Resizing, Fading Slideshow Demo (November 28, 2005)

    About this Slideshow » This photo slideshow is a demonstration of Flash-like behavior implemented solely in Javascript, HTML, and CSS. The code is offered as-is — Couloir.org offers no technical support. However, you are permitted to use it on your own project so long as you do so according to the rules outlined in the Creative Commons 'Attribution-ShareAlike 2.0' License and the license terms con

  • Google Drive

    Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

    nozom
    nozom 2005/09/04
    Webブラウザで動作するワープロ。すごい。
    リンク

  • Slider (WebFX)

    Licensed under the Apache Software License 2.0 This component may be obtained, modified and distributed free of charge for personal as well as commercial use. Please see the license for the complete terms and exact wording. 2002-10-07: First public version released 2006-05-28: Changed license to Apache Software License 2.0. Introduction Sliders are useful controls for choosing a value in a range o

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

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

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

  • Ajax IME: Web-based Japanese Input Method

    Webベースの日本語入力サービスです。海外からでもブラウザさえあれば日本語を入力す ることができます。 特別なソフトは必要ありません。 使い方 お使いのコンピュータの日本語入力を切りかえて直接入力にします。 Alt-o (Ctrl-9) で Ajax IMEモードに変更します。(ボタンで切り替えるかえることもできます) 適当な文をローマ字で入力します。 spaceを押して漢字に変換します。続けて押すことで候補選択を行います。 returnを押す、もしくは次の入力を開始することで入力を確定します。 F9で強制的にカタカナに、F8で強制的にアルファベットに変換します。 再度 Alt-o (Ctrl-9)で直接入力に戻ります 海外旅行先や留学先, 海外のネットカフェなど日本語入力環境が 無いパソコンからご使用ください。 Firefox と Internet Explorer で動作確認をしていま

  • submit ボタン disable 技の罠 - naoyaのはてなダイアリー

    昨日のonsubmit で submit ボタンを disable にしてユーザビリティを良くするにはちょっとした罠があって、それに気付かずに使うとはまってしまうかもしれないので、それもちょっと書いておく、というか今日僕自身がはまったわけだが。 罠というのは、type="submit" な input 要素、つまりは submit ボタンを onsubmit ハンドラで disable するまでは良いのですが、このとき <input type="submit" name="foo" value="bar">としていて、foo=bar という値が渡ってくることを期待し、それを内部の処理に使っていると嫌な目に逢う、という話です。先のやり方では input 要素が disable になって GET なり POST なりされるので、押したボタンに対応するパラメータが渡ってこない、というわけです。一

    submit ボタン disable 技の罠 - naoyaのはてなダイアリー

  • naoyaのはてなダイアリー - onsubmit で submit ボタンを disable にしてユーザビリティを良くする

    先の Yahoo! Shopping のアプリケーションで、今度ちょっとやってみようと思ってたことを実装してみた。 http://bloghackers.net/~naoya/ys/app.cgi ボタンを押したときに、そのボタンが disable になります。この方法を使うとボタンが押されて次の処理に入ろうとしているというのが直感的に分かるのと、二重送信防止にもなるということでユーザビリティが改善できます。 仕掛けはすごく簡単で、form の onsubmit ハンドラに、その form に紐づく submit ボタンを disable になるような JavaScript を登録しておくだけ。 function disableSubmit(form) { var elements = form.elements; for (var i = 0; i < elements.length;

    naoyaのはてなダイアリー - onsubmit で submit ボタンを disable にしてユーザビリティを良くする

  • memb.jp

    This domain may be for sale!

  • ＠IT：古くて新しいAjaxの真実を見極める

    Ajax推進委員会 監修：ゼロベース 2005/8/2 2005年2月半ばから、「Ajax」という言葉がアルファギークたちの間で一気に広まった。「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう。 Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。具体的にはXML形式のデータをJavaScriptで処理することで、ブラウザのHTTPによるページ遷移とは非同期にサーバとやりとりして「動的に」ページ内容を変更する仕組みを指す。 Ajaxを実現する詳細なコード例は後述するとして、まずはAjaxが実現するWebアプリケーションがどのような動作をするのか、既存のWebアプリケー

  • 前のページ 1 2 3

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2025 Hatena. All Rights Reserved.