日本赤十字社へのリンク

日本赤十字社へのリンク→ http://www.jrc.or.jp/ もっとも中抜きが少ない...ハズ
ラベル Bookmarklet の投稿を表示しています。 すべての投稿を表示
ラベル Bookmarklet の投稿を表示しています。 すべての投稿を表示

2010年10月11日月曜日

Bookmarklet: HTMLのタグ入力支援

HTMLのタグ入力を支援するiPad/iPhoneのSafari用bookmarklet.

  • ダイアログから「★★★」と入力すると「<★★★></★★★>」 に変換して文中に挿入し,カーソル位置をタグの間に移動
javascript:insTag=window.prompt('Tag','');insert='%3C'+insTag+'%3E%3C%2F'+insTag+'%3E';body=document.activeElement.value;at=document.activeElement.selectionStart;tmp=body.substr(0,at);document.activeElement.value=tmp+insert+body.substr(at,body.length);cursor=Math.floor(insert.length/2)+at;document.activeElement.setSelectionRange(cursor,cursor);


  • 番号なしリスト(unordered list・箇条書き)「<ul><li></li></ul>
javascript:insert='%3Cul%3E%3Cli%3E%3C%2Fli%3E%3C%2Ful%3E';body=document.activeElement.value;at=document.activeElement.selectionStart;tmp=body.substr(0,at);document.activeElement.value=tmp+insert+body.substr(at,body.length);cursor=Math.floor(insert.length/2-1)+at;document.activeElement.setSelectionRange(cursor,cursor);


  • 番号付きリスト(ordered list)「<ol><li></li></ol>
javascript:insert='%3Col%3E%3Cli%3E%3C%2Fli%3E%3C%2Fol%3E';body=document.activeElement.value;at=document.activeElement.selectionStart;tmp=body.substr(0,at);document.activeElement.value=tmp+insert+body.substr(at,body.length);cursor=Math.floor(insert.length/2-1)+at;document.activeElement.setSelectionRange(cursor,cursor);


  • リストの行追加「<li></li>
javascript:insert='%3Cli%3E%3C%2Fli%3E';body=document.activeElement.value;at=document.activeElement.selectionStart;tmp=body.substr(0,at);document.activeElement.value=tmp+insert+body.substr(at,body.length);cursor=Math.floor(insert.length/2)+at;document.activeElement.setSelectionRange(cursor,cursor);


【登録手順】→ 半分話: Bookmarklet: 選択部分でGoogle検索(新規ウィンドウ)

不良役員のアフターファイブさんのエントリ「JavaScript でテキスト制御」のほとんどパクリです.
他にもいろんなサイトを参考にさせていただきました.
この場を借りてお礼申し上げます.

# ブラウザのテキスト入力欄に直でタグ打ちしてブログを投稿している原始的な自分のために作成

【関連エントリ】
半分話: iPad雑感
半分話: Bookmarklet: Googleリーダー検索/登録
半分話: Bookmarklet: メディアマーカー登録
半分話: Bookmarklet: 選択部分をURIエンコード/デコード
半分話: Bookmarklet: 選択部分をメール本文に

2010年10月5日火曜日

Bookmarklet: 選択部分をメール本文に

ウィンドウタイトルを件名,ウィンドウタイトルとURL,それと何か選択していれば選択部分をメール本文にして,決まった宛先へのメールを作成するiPad/iPhoneのSafari用bookmarklet.
javascript:Sbj=encodeURIComponent(document.title);docLoc=encodeURIComponent(document.URL);Bdy=Sbj+'%250D%250A%253Ca%2520href%253D%2522'+docLoc+'%2522%253E'+docLoc+'%253C%252Fa%253E%250D%250A%250D%250A'+encodeURIComponent(window.getSelection());window.location='mailto:?to=★★★&bcc=●●●&subject='+Sbj+'&body='+Bdy
  • 「★★★」と「●●●」は,それぞれ「宛先」と「BCC」にしたいメールアドレスに変更
    • 「CC」にしたければ,「★&bcc=」の「bcc」を「cc」に変更
    • 「宛先」だけでいいなら「bcc=●●●&」を削除
    • 以下,同種のカスタマイズはご想像にお任せする
  • 本文にできるのはプレーンテキスト情報のみ
  • URLは日本語が混じらないよう,ハイパーリンクが途中で途切れないよう細工済み
つまりは,ネットで気になった情報をEvernoteへ気軽に投稿するため作成.

【登録手順】→ 半分話: Bookmarklet: 選択部分でGoogle検索(新規ウィンドウ)

【関連エントリ】
半分話: iPad雑感
半分話: Bookmarklet: Googleリーダー検索/登録
半分話: Bookmarklet: メディアマーカー登録
半分話: Bookmarklet: 選択部分をURIエンコード/デコード
半分話: Bookmarklet: HTMLのタグ入力支援

2010年10月2日土曜日

Bookmarklet: 選択部分をURIエンコード/デコード

選択部分をURIエンコード/デコードするiPad/iPhoneのSafari用Bookmarklet.
javascript:Qr=window.getSelection();if(Qr==''){window.prompt('The%20encoded%20URL%20is%3A',document.URL)}else{mQr=decodeURIComponent(Qr);if(Qr==mQr){window.prompt('The%20encoded%20text%20is%3A',encodeURIComponent(Qr))}else{window.prompt('The%20decoded%20text%20is%3A',mQr)}}
  • 何も選択してなければ,予約文字(:/?:@&=+$,)はそのままにURLをエンコード
    • Wikipediaなど,日本語の含まれるURLをメール添付したいときなどに便利
  • 文字列を選択していれば,自動でエンコード(予約文字も含めて)またはデコード
    • Bookmarkletを作るときなどに
【登録手順】→ 半分話: Bookmarklet: 選択部分でGoogle検索(新規ウィンドウ)

【関連エントリ】
半分話: iPad雑感
半分話: Bookmarklet: Googleリーダー検索/登録
半分話: Bookmarklet: メディアマーカー登録
半分話: Bookmarklet: 選択部分をメール本文に
半分話: Bookmarklet: HTMLのタグ入力支援

2010年9月26日日曜日

Bookmarklet: メディアマーカー登録

選択部分またはウィンドウタイトルでメディアマーカー(和書)登録するiPad/iPhoneのSafari用Bookmarklet.
※メディアマーカー → 半分話: 蔵書管理
javascript:Qr=encodeURIComponent(window.getSelection());if(!Qr)Qr=encodeURIComponent(document.title);window.open('http://mediamarker.net/u/★★★/search1?q='+Qr+'&cat=1&srh=1','blank')
  • 「★★★」を自分のアカウントに変更
  • 「search1」と「cat=1」の「1」を「5」に替えると「洋書登録」
【登録手順】→ 半分話: Bookmarklet: 選択部分でGoogle検索(新規ウィンドウ)

「ウィンドウタイトルで登録」は,Amazon閲覧中などにとても便利.
※2010.9/27追記: Amazonのウィンドウタイトル経由の登録で「該当書籍なし」になってしまうときは、検索ワード最後の「:本」を消して検索し直してください

【関連エントリ】
半分話: iPad雑感
半分話: Bookmarklet: Googleリーダー検索/登録
半分話: Bookmarklet: 選択部分をURIエンコード/デコード
半分話: Bookmarklet: 選択部分をメール本文に
半分話: Bookmarklet: HTMLのタグ入力支援

2010年9月25日土曜日

Bookmarklet: Googleリーダー検索/登録

選択部分またはウィンドウタイトルでGoogleリーダー検索/登録するiPad/iPhoneのSafari用Bookmarklet.

javascript:Qr=encodeURIComponent(window.getSelection());if(!Qr)Qr=encodeURIComponent(document.title);window.open('http://www.google.co.jp/reader/view/?hl=ja#directory-search/'+Qr+'//0','_blank')

【登録手順】→半分話: Bookmarklet: 選択部分でGoogle検索(新規ウィンドウ)

iPad導入以降,情報収集はもっぱらRSS頼りになったので作成.

【関連エントリ】
半分話: iPad雑感
半分話: Bookmarklet: メディアマーカー登録
半分話: Bookmarklet: 選択部分をURIエンコード/デコード
半分話: Bookmarklet: 選択部分をメール本文に
半分話: Bookmarklet: HTMLのタグ入力支援

2010年9月23日木曜日

Bookmarklet: 選択部分でGoogle検索(新規ウィンドウ)

表題のとおり「選択部分でGoogle検索(新規ウィンドウ)」するiPad/iPhoneのSafari用bookmarklet.
javascript:Qr=encodeURIComponent(window.getSelection());if(!Qr)Qr=encodeURIComponent(document.title);window.open('http://www.google.co.jp/search?q='+Qr+'&ie=UTF-8&oe=UTF-8&hl=ja&client=safari','_blank')
※2010.9/25改訂
・何も選択してないときの挙動を「ウィンドウタイトルで検索」に変更

【登録手順】
  1. ダミーでどこかのページ(例えばこのページ)を「+」ボタンを押してブックマークする
  2. 適当にブックマークの名前を変えて,いったん「保存」
  3. 上記「javascript:…」の文字列をコピーする
  4. 「本」ボタン→「編集」でブックマークのURLをコピーした文字列に置き換える(全選択→ペースト)

  • わからなければ「iPad bookmarklet 登録」などで検索してください
  • iPadでは,OSの「設定」→「Safari」で「ブックマークバーを常に表示」を「オン」にしたうえで,ブックマークバー内に適当なフォルダを作り,そこにbookmarkletをため込んでおくと便利です

【参考にしたサイト】
ネット上の覚え切れないほど数多くのサイト<<ありがとうございます

【関連エントリ】
半分話: iPad雑感
半分話: Bookmarklet: Googleリーダー検索/登録
半分話: Bookmarklet: メディアマーカー登録
半分話: Bookmarklet: 選択部分をURIエンコード/デコード
半分話: Bookmarklet: 選択部分をメール本文に
半分話: Bookmarklet: HTMLのタグ入力支援