タグ

JavaScriptとブログパーツに関するryownetのブックマーク (8)

  • (実験)ブックマークレットをリンク先のページで発動させてみる - KAZUMiX memo

    以前ブックマークレットとして作った「HTMLの暴走」を使ったお遊び。*1 指定ページを暴走させてみるテスト 上記ページのフォームで指定したページに演出を発生させます。 元々のブックマークレットはそのページに移動しての実行ですが、こちらは下記のように対象ページを引数にしたリンクで発動させることが可能です。 http://1st-impact.jp/KAZUMiX/d/meltdowntest/?target=http://www.asahi.com/ target=以下に対象のURLを指定します。 *1:PHP Simple HTML DOM Parser を眺めてて思いついたネタです

    (実験)ブックマークレットをリンク先のページで発動させてみる - KAZUMiX memo
    ryownet
    ryownet 2009/07/10
    ブックマークレットをリンク先のページで発動させる。URLにtarget引数をつけてる。指定したページを破壊するブクマークレット
  • blogpartsでjQueryを使うときの読み込み方 - KAYAC engineers' blog

    最近blogpartsでもjQueryを使うようになったので、blogpartsでjQueryを使うときのコードをまとめてみました。 (function () { //script tagのsrcの先頭部分を記述(自分のscript tagを取得するのに使用) var domain = 'http://example.com/bp/'; //asから呼び出されるときの名前を指定(外部からはこの名前のみ見える) var name_space = 'blogparts_name_spase'; //各ライブラリをfunction scopeへ展開 var lib = loadLib(), $ = lib.$, jQuery = lib.jQuery, swfobject = lib.swfobject; //読み込まれた時点での最後のscript tagを取得 var $script = $(

    blogpartsでjQueryを使うときの読み込み方 - KAYAC engineers' blog
    ryownet
    ryownet 2008/12/30
    jQの名前空間を汚さない方法
  • JavaScript + Flash でできる面白いこと - KAZUMiX memo

    ワリオランドシェイクみたいに HTML が崩壊するブックマークレット(とそのソースコード) - てっく煮ブログ 跡地 Flashでページ全体を覆うという発想は無かった!面白い! JavaScript + Flash という点では同じですが、Flash でページ全体を覆うのではなく、必要な部分にだけに Flash を重ねてページ内の画像を心霊写真のようにするというシロモノを作ったので紹介します。 次の文字列をコピーしてアドレスバーに突っ込むと、ページ内の画像にメグミが! javascript:(function(){var d=document;var s=d.createElement('script');s.type='text/javascript';var date = new Date();s.src='http://www.foxj.jp/shutter/blogparts/sh

    JavaScript + Flash でできる面白いこと - KAZUMiX memo
    ryownet
    ryownet 2008/10/20
    映画ハプニングに続き映画シャッターのBPも!作者は天才らしいよ
  • blog.ipuheke.jp» Blog Archive » FlashはHTML画面をキャプチャできませんです。

    「できないこと」なんですが、仕事でよく「これできます?」と聞かれるのが、「ブログパーツをクリックすると、そのブログパーツが貼り付けられているHTML画面をキャプチャして、そいつをフローティングFlash内でどうにかこうにかいじりたい」というリクエスト。残念ながら、FlashはHTML画面をキャプチャできません(おそらく 汗)。 それができてしまうと、悪意あるFlashコンテンツが、何の断りもなくしれっとユーザーが閲覧しているHTMLをキャプチャして、どこかわけのわからぬところに送信してしまう・・・とかが置きかねないから、多分この先もできないのだと思います。 「じゃ、じゃあこれはどうやっているの?」と聞かれるのが、てっく煮ブログさんの「ワリオランドシェイクみたいに HTML が崩壊するブックマークレット(とそのソースコード)」で、リンク先にも解説がありますが、 FlashをHTMLの全画面

    ryownet
    ryownet 2008/10/20
    よく言ってくれました。っていうかリアルでそういうこと言うけどブログに書くことがなかった。
  • 何かが起きる!映画「ハプニング」のブログパーツ - KAZUMiX memo

    映画「ハプニング」ブログパーツ・プレビュー 映画「ハプニング」オフィシャルサイト 映画「ハプニング」ブログパーツ 今回ブログ経由でお仕事の依頼が来た初めてのパターン。書いてて良かったはてなダイアリー!と言うわけでFlashとJavaScriptの実装を担当したオレが軽く解説するよ! 設置方法 上記ブログパーツのページにあるようにパーツを設置したいところに次のタグを埋め込めばオッケーです。 <script type="text/javascript" src="http://www.foxj.jp/happening/blogparts/happeningBlogParts.js" ></script> あらゆるページで「ハプニング」を発生させたい! 残念ながらここはてなダイアリーは使えるブログパーツが限られていて今回のものを設置することはできません。そのようなページでも次の方法で体験するこ

    何かが起きる!映画「ハプニング」のブログパーツ - KAZUMiX memo
    ryownet
    ryownet 2008/10/20
    meltdown.jsの天才がハプニングのBPを作った!という解説
  • [ フフヌ。ソヘナェ・鬣ワ KAYAC BM11 ] ・ヨ・愠ー・ム。シ・ト、釥�コン、ホ」オ、ト、ホ・ュ・ロ・�

    BM11 ・ヨ・愠ー・ム。シ・ト BM11 、ヌ、マツソ、ッ、ホ・ヨ・愠ー・ム。シ・ト、�・遙シ・ケ、キ、ニ、、、゙、ケ。」・ヨ・愠ー・ム。シ・ト、マ。「・ヨ・愠ャ。シ、ホウァ、オ、ャエハテア、ヒシォハャ、ホ・ヨ・愠ー、ヒトノイテ、ヌ、ュ、�、チ、遉テ、ネ、キ、ソ・�・ン・、・ネ ・「・ッ・サ・オ・熙ホ、隍ヲ、ハ、筅ホ。」コヌカ皃ヌ、マチエイ靂フ、ヒ Flash 、スシィ、キ、ソ、遙「・ヨ・愠ーセ螟ホ HTML 、ュエケ、ィ、�、筅ホ、ハ、ノ。「カナ、テ、ソ、筅ホ、篦ソ、ックォ、ォ、ア、�、隍ヲ、ヒ、ハ、テ、ニ、ュ、゙、キ、ソ。」 、ウ、ホ・ィ・ネ・熙ヌ、マ。「・ヨ・愠ー・ム。シ・ト、ホ JavaScript 、ッセ螟ヌオ、、ト、ア、�、ル、ュ。「・ュ・ロ・讀ホ・ュ・ロ・オ、ォセヒ、゙、ネ、皃゙、ケ。」 1. フセチーカヨ、ホスナハ」、ヒオ、、ト、ア、隍ヲ

    ryownet
    ryownet 2008/10/06
    名前空間に気をつける、複数貼り付けにも対応する、など。JSのTIPS
  • 全画面ジャック型のblogpartsを1ファイルで作成する方法 - KAYAC Engineers' Blog

    手違いにより社員紹介ページから消滅中のagoです。 今日は全画面ジャック型のblogpartsを一つのswfのみで実装する方法を紹介したいと思います。 まず、一般的な全画面ジャック型blogpartsの場合、最初に表示されているsidebar swf(記事内に貼り付けるタイプであれば記事内のswf)と全画面ジャック用swfが分かれており、何らかのイベント(sidebar swf内のボタンクリック等)の発生後全画面swfが読み込まれる形が一般的だと思います。 //sidebar swfの読み込み document.write((new SWFObject('mail.swf', 'blogparts_external_main_id', '160', '340', '9', '#FFFFFF')).getSWFHTML()); //全画面ジャック実行 blogparts_object.jac

    全画面ジャック型のblogpartsを1ファイルで作成する方法 - KAYAC Engineers' Blog
    ryownet
    ryownet 2008/09/10
    ブログパーツは枠swfとオーバレイswfを分けるのが普通だけど1ファイルで!
  • mysketch.blog - 【JavaScript】+【AS2】フローティング効果

    HTMLの上にflashを表示する効果を作成してみました。 上のflashをクリックすると、ワンコが画面外を走ります。 フローティング処理自体は非常にシンプルです。 HTMLに、JavaScriptを使って<div>ブロックを追加。 <div>にスタイルのz-indexを設定して上に重ねる。 追加した<div>ブロックにflashを表示。 イメージとしてはこんな感じです。 今回、flash側からJavaScriptの呼び出しを行って、処理が終わったら(ワンコが画面外まで走って行ったら)Javascriptからflash側にワンコを再表示させるように設定してあります。 詳しい解説は以下より

    ryownet
    ryownet 2008/07/25
    フローティングパーツを作るときのEx.call / addCallbackの使い方など
  • 1