タグ

JavaScriptに関するteddy-gのブックマーク (217)

  • JS3D (alpha) : 3d with text in Javascript

    What is JS3D JS3D is a library which allows you to have interactive 3d objects on your website, such as the spinning cube at the top of the page. The 3d effect is created using actual text, try selecting the text on the cube above! This is different from the approach of, for instance, these folks , who have made a better quality renderer, which is much more processor intensive. To see more functio

    teddy-g
    teddy-g 2007/08/01
    javascriptでテキストを使った3D表示ができるライブラリ
  • spg credit cards hotel reservation at pj-blog.net

    SPGCredit CardsHotel ReservationBirthday CardsInsuranceWomen FashionOnline ClassPrintable Greeting CardsIndian SinglesBloggersホームページ 制作 It 求人ノート Pcウェブ デザインパソコン 販売ノート パソコンパソコン

    teddy-g
    teddy-g 2007/07/31
    argumentsで値を得るのがミソかな
  • 超便利!JavaScript用の文字列拡張関数いろいろ

    Ivan Uzunov, a blogger since 2007, is still active posting free code for all those techies out there who would prefer to do it themselves… with a little help from Ivan, of course. In 2006 & 2007 Ivan posted lots of code for his visitors and followers. At some point the domain expired and the site saw several different owners with content that had nothing to do with Ivan’s blog post. The site has n

    teddy-g
    teddy-g 2007/07/30
    HTMLエスケープをする関数とか。ソースコピペすると何故か全角が混ざってて動かないので注意。
  • [NS] お知らせ:「コナミコマンド」を実装しました

    当サイトでは、日よりコナミコマンドを実装いたしました。コマンドはファミコン版グラディウス準拠の「上上下下左右左右BA」です。SFC版グラディウスIIIのように自爆はしません。ご安心ください。 コマンドを打つとサイト全体がパワーアップします。もう一度コマンドを打つと元に戻ります。携帯電話やRSSリーダでご覧の場合は効果がありません。ご了承ください。 特に意味はありませんが、どうしようもなくコナミコマンドを打ちたくて打ちたくて仕方がなくなったときなどにご利用ください。料金は一切いただきません。 著作権を主張するようなモノでもないので、自分のサイトに付けたいと考えてらっしゃる奇特な方はソースを見て勝手にお持ち帰りください。 追記:うまくいかない方は日本語入力をオフにしてください。Windows版のInternetExplorer、Firefox、Operaそれぞれの最新版で動作確認済みです。

    teddy-g
    teddy-g 2007/07/28
    わーい
  • Firefox拡張機能(extension)の作り方 — ありえるえりあ

    Firefox拡張機能(extension)の作り方 Firefox拡張機能(extension)の作り方を説明します。 Firefox 拡張機能とは Firefox add-onの一種です。 add-onは次のように分類できます。 plugin ...実体はexeやdll。C++で作成。素人にはお勧めしません 検索バー ...実体はXMLの設定ファイルのみ。見れば分かるので説明はしません スペルチェッカ ...日語には無縁なので未調査(たぶんファイルを作るだけ) 拡張機能 ...実体はXML、JavaScriptCSS。必要なら、C++で書くXPCOM。これから説明します テーマ ...拡張機能のサブセット。CSSのみの場合をテーマと呼びます

    teddy-g
    teddy-g 2007/07/26
    FirefoxのExtentionの作り方。シンプルでわかりやすい。
  • Re: Help: Object doesn't support this action IE

    teddy-g
    teddy-g 2007/07/12
    予約語じゃないのに関数に使えない禁止ワードがある。selectionとか、searchとか。
  • リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」:phpspot開発日誌

    WebSnapr - Preview Bubble Javascript The WebSnapr Preview Bubble is a simple, unobtrusive script used to display an overlay bubble showing a hyperlink target thumbnail using WebSnapr. It's a snap to setup and works on all modern browsers. リンク先のプレビューを吹き出し方式のポップアップでサムネイル表示「WebSnapr」。 単純にポップアップするだけ、よりもちょっとオシャレな効果が得られますね。 使い方 previewbubble.zip をダウンロード previewbubble.js の var bubbleImagePath = '/images/

    teddy-g
    teddy-g 2007/07/11
    使ってみたけど簡単だ。動的に生成されたハイパーリンク対応には、関数bindなんたらを生成後に実行する
  • TAKESAKO @ Yet another Cybozu Labs: Operaでも非同期リクエストが並列処理できる img-JSONP

    先日金床さんに教えてもらったOperaで非同期並列JSONPを実行させる方法を実際に試してみたら意外とすんなり動いてしまったので報告します。 最速インターフェース研究会 :: OperaでJSONPを非同期リクエストするより JSONP が Opera だと非同期処理できない http://d.hatena.ne.jp/secondlife/20060906/1157515075 に書かれているとおりOperaだとscript要素を足した瞬間にJavaScriptの実行が止まって、ロード完了まで後続のスクリプトが実行されなくなります。 サンプルコード 改善前(普通のJSONP) Operaはスクリプトを追加するとタイマーが止まる(サンプルページ) http://la.ma.la/misc/js/opera_jsonp_test.html function test(){ var s = d

    teddy-g
    teddy-g 2007/07/02
    OperaでJSONPで固まる件→IMGタグ先読みで解決
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    teddy-g
    teddy-g 2007/06/27
    サーバ側でパスワード管理して、チャットルームのメッセージをクライアントJS側にPUSHすれば、サーバでコントロールできるReac Onlyチャットルームになる
  • anything from heremouseover時の説明用Popup表示方法(script上の配慮事項)

    やっかいなり!イベント座標系 2年ほど前から文字だけのポップアップを行ってきたが、この場合にはマウスカーソル位置の右下にポップアップするように設計していた。ここにおいて注意しなければならないことは、ポップアップアイテムがwindow内辺からはみ出さないようにすることであり、その点でかなり苦労した。 それは、ブラウザ毎にイベント座標の表現方法が異なるためであり、特にIEの場合にはスクロール値が、ブラウザの描画モード(標準か互換か)によっても変わるため、「window内の任意の一点」を取得するのにかなり難儀した。また、イベント座標系における各種のプロパティが、一体どの部分の寸法なのかをしっかりと把握するのにも苦労した。手持ちのJavascript参考書にも、イベント座標系について全面的に説明されているものがなく、またネット上でもこれと言った解説は、なかなかなかった。強いて言えばマイクロソフトm

    teddy-g
    teddy-g 2007/06/07
    IE/Firefox/Operaの各々でのマウス位置の取得方法。記事中の画像が秀逸。でも、Operaの挙動がまだおかしいような・・・。
  • ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち
    teddy-g
    teddy-g 2007/06/02
    jQueryは軽いんだけど、プラグインと組み合わせると重くなることがいいんだよね。結局自作の方がよかったり。
  • IEにおいてfilter:alpha(opacity)を設定しても、currentStyle.hasLayout=falseだとが透明にならない。 - Enjoy*Study

    IEで不透明度を変更するために下記のようなコードを書いたのですが、対象のエレメントのスタイルによって、不透明度が変わらない場合があることに気がつきました。(IE6、7共に) element.style.filter = 'alpha(opacity=50)';だめだったのは、div要素に対して background-colorだけを指定したもので、これに対してwidthまたはheightを追加指定すると、ちゃんと不透明度が効いてきます。 なお、JavaScriptではなくcss上でfilterの指定を行っても同様でした。(width,heigthがないと効かない) script.aculo.us(v1.7.0)ではどうしているんだろうと、ソース(effects.js)を眺めてみたところ、Element.setOpacityでは特に考慮しているような処理は見当たりませんでした。(その先のpr

    IEにおいてfilter:alpha(opacity)を設定しても、currentStyle.hasLayout=falseだとが透明にならない。 - Enjoy*Study
    teddy-g
    teddy-g 2007/05/15
    IEでJavascriptでフィルター設定しようとしてもうまくいかない件
  • escapeエンコード結果

    ■escape()エンコード結果 escape()のエンコード結果を以下の表に示します。エンコードの元の文字列は「あいうえお」です。 ブラウザ名をクリックすると実際の動作画面をキャプチャーした結果が表示されます。 ファイルの文字コードによりescape()の結果が変わってしまうものは緑色で示しています。 SHIFT JISコードの場合 OS ブラウザ名 escape()の処理結果

    teddy-g
    teddy-g 2007/05/14
    OS/文字コード/ブラウザ別によるescape()の実行結果
  • ウェブリブログ:サービスは終了しました。

    「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧

    ウェブリブログ:サービスは終了しました。
    teddy-g
    teddy-g 2007/05/14
    iframeの中にiframeの中にiframe
  • IEとFirefoxで、onMouseMoveを使わずにポップアップを出す

    サンプルと概要 ASIN記法のサンプル 上のリンクのマウスを乗せるとわかりますが、画像がポップアップで表示されます*1。 このようなポップアップを実現するには、Firefox (Netscape)において、onMouseMoveを使うことが一般的のようです。しかし、マウス座標を取得するためだけに、マウス移動のイベントを拾うというのは非効率的すぎてどうにも釈然としません。 IE/Firefoxで使えるポップアップウィンドウ 以下のスクリプトは自由に使って構いません。(2008/09/17 Update) function popup_img( img_url, evt ) { var text = "<img src=\"" + img_url + "\">"; var div = document.getElementById( 'popup' ); var style = div.sty

    IEとFirefoxで、onMouseMoveを使わずにポップアップを出す
    teddy-g
    teddy-g 2007/05/12
    Firefoxでマウスイベントを拾うのにarguments[0]を使う
  • スクリプト言語人気に思う,動的型付け言語の可能性

    スクリプト言語が元気だ。代表格が日発のオブジェクト指向スクリプト言語「Ruby」。国内だけでなく海外でも着々と支持を集めている。Java仮想マシンで動作する「Groovy」や,Smalltalkから派生したSqueakのビジュアル・スクリプティング環境「eToys」など,このところ急速に注目を集めている言語もある。一方で,PerlPythonなど定番とも言える言語は相変わらず根強い人気を誇る。 この盛り上がりの原因は,いったい何なのだろう。しばらく前から心の中でもやもやとしていたこの疑問に答えを見いだすチャンスを得た。日経バイト2005年5月号の特集「ポスト・オブジェクト指向」の取材で,第一線で活躍するソフトウエア技術者の方々にお話を伺うことができた。そこでここぞとばかり,皆さんに意見を伺ってみた。 言葉にできない魅力がある 得られた一つの答えが,ソフトウエア部品を結びつける“糊”の需

    スクリプト言語人気に思う,動的型付け言語の可能性
    teddy-g
    teddy-g 2007/05/10
    動的型付けはたのしい
  • Seven JavaScript Techniques You Should Be Using Today - Digital Web

    Got something to say? Share your comments on this topic with other web professionals In: Articles By Dustin Diaz Published on April 23, 2007 Whether or not your JavaScript is maintainable often seems to be relative to the task you’re trying to accomplish. You can follow best practices, or not, and sometimes you’ll be fine either way. Nevertheless, in this article, we’ll demonstrate seven technique

    Seven JavaScript Techniques You Should Be Using Today - Digital Web
    teddy-g
    teddy-g 2007/05/04
    DanKogai氏の元ネタで、やっぱりああなるほど。
  • 画像なしで角丸の吹き出しを表示する JavaScript

    画像なしで角丸の吹き出しを表示する JavaScript 吹き出しを表示できる JavaScript を書いたりしたのだけど、画像を使って吹き出しを作っているのでちょっと面倒な気がしてきた。 画像を使用した吹き出しその1、その2。 そこで、画像を使わないで吹き出しを作れるようにしてみた。吹き出しのデザインは角丸の下に矢印(?)を付けるという感じ。まずはサンプルを。 訪問ありがとうございます。来年もよろしくお願いします。よいお年を。 吹き出しの設定 X軸: Y軸: 色: 横幅: px 吹き出しをダブルクリックすると吹き出しが消えます。 角丸の部分があまり丸でもないような感じもしますが、その辺はあまり気にせずに。下の矢印も同じようなやり方で三角形を作っています。こういうやり方はちょっと強引な感じでいいのか少し不安がありますが。 ソースと使い方です。 追記(2006/12/29)ソースを少し整理

    画像なしで角丸の吹き出しを表示する JavaScript
    teddy-g
    teddy-g 2007/04/28
    何か、執念のようなものさえ感じられる
  • 404 Blog Not Found:Digest - 今日にでも使うべきJavaScriptの7つのテクニック

    2007年04月25日12:00 カテゴリLightweight LanguagesBlogosphere Digest - 今日にでも使うべきJavaScriptの7つのテクニック 良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。 1. Branch when possible - 分岐はなるはやで これは実例を見た方が早いでしょう。クロスブラウザー対応のaddListener()を考える。機能だけを考えれば、以下でOK。 function addListener(el, type, fn) { if ( window.addEventListener ) { el.addE

    404 Blog Not Found:Digest - 今日にでも使うべきJavaScriptの7つのテクニック
    teddy-g
    teddy-g 2007/04/26
    ブラウザ判定は最初の一回だけってのは、ああなるほど。その他もああなるほど。
  • WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」:phpspot開発日誌

    WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」 2007年04月20日- Handling Keyboard Shortcuts in JavaScript Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」。 次のように定義することで、Ctrl+Shift+Xのショートカットキーが押された際の機能を実装できます。 shortcut(

    teddy-g
    teddy-g 2007/04/20
    ma.la氏のアレとどっちがいいかな