Hatena::ブログ(Diary)

Cherenkovの暗中模索にっき RSSフィード Twitter

2009-01-18

blip.fmのfavorite DJsのページで確認してからdeleteするようにする

追記こっちにまとめた。


いま確認してみたけど、blip.fmのdelete機能自体がおかしい。普通にボタンを押してもなぜかdeleteされない。以下の文章は不正確かもしれない。こちらが先にfavorite登録して相手がこちらをlistener登録した場合deleteされてない?単純にデータベースの更新が遅いだけだ。たぶん間違ってた。


http://blip.fm/profile/cherenkov/favoritePeople

自分のアカウントのFavorite DJsのページでしか再現できないけど。DJの写真にマウスカーソルを合わせると右上にdeleteボタンが表示されるようになった。試しに押してみると確認も無しにDJが消えた。ひどいインターフェイスだ。以下のスクリプトで間違ってdeleteボタンを押した場合でも確認されるので安心できる。(「ダイアリー編集ページからリンクに飛ぶときに確認する」と同じ。)


// ==UserScript==
// @name           blip.fm script
// @namespace      http://d.hatena.ne.jp/Cherenkov/
// @include        http://blip.fm/*
// ==/UserScript==

var xBtn = document.evaluate('//button[@class="x"]', document, null, 7, null);
for(var i=0;i<xBtn.snapshotLength;i++){
  xBtn.snapshotItem(i).setAttribute("onclick","return confirm('delete?');");
}


ちなみにaddEventListenerでやってみるとサイト側がjavascriptでボタンを制御している場合(たぶん)に半押しみたいな状態になる。はてなダイアリー編集のページではconfirmが表示されても結果的にリンク先に飛ぶのでaddEventListenerは使えなかった。今回のblip.fmの場合ではクリックされたことを示すローディング状態になるがdeleteされずに済んだ。

var xBtn = document.evaluate('//button[@class="x"]', document, null, 7, null);
for(var i=0;i<xBtn.snapshotLength;i++){
  xBtn.snapshotItem(i).addEventListener("click", function() {
    return confirm('delete?');
  }, false);
}

まとめ

addEventListenerとonclickはイベントが起こるタイミングが違う。(タイミングじゃなくて手順を細かく設定しないといけない)補足してくれるひと募集。

確認系はaddEventListenerよりもonclickのほうが確実。

あ、こういうときにmouseupも同時に設定するのか?ちょっとちがうか。

DOMレベル0とDOMレベル2の違いか。preventDefault()ぽいな。


addEventListenerでもできた!http://jmblog.jp/archives/169ここみた。

//はてなダイアリーの編集ページなどで実行
var xBtn = document.evaluate("//a[not(@target='_blank')]", document, null, 7, null);
for(var i=0;i<xBtn.snapshotLength;i++){
  xBtn.snapshotItem(i).addEventListener("click", function(e) {
    return (!confirm('ページ遷移する?')) ? e.preventDefault() : null;
  }, false);
}

まとめ2

addEventListenerはMT車。onclickはAT車

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト

コメントを書くには、なぞなぞ認証に回答する必要があります。

Connection: close