memo.xight.org

Home > Changelogメモ > Bookmarklet > 1ページ目 (全1ページ)
ChangeLog 最新ページ
2008-12 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

2006-09-15 Fri

LightBox風にスライドショーを行うブックマークレット

- Sample

<script type="text/javascript" src="http://triptracker.net/jsmap/slide.js"></script>
<script type="text/javascript">
<!--
  var viewer = new PhotoViewer();
  viewer.add('/photos/my-photo-1.jpg');
  viewer.add('/photos/my-photo-2.jpg');
  viewer.add('/photos/my-photo-3.jpg');
//--></script>
<a href="javascript:void(viewer.show(0))">Slideshow</a>


- Reference
TripTracker Blog - 2006-09-08 - Revamped Slideshow
http://blog.triptracker.net/2006/09/08/revamped-slideshow/

- via
phpspot開発日誌 - 2006-09-15 - LightBox風にスライドショーを行うブックマークレット
http://phpspot.org/blog/archives/2006/09/lightbox_1.html

カテゴリ: [Bookmarklet]

2006-04-03 Mon

Webページでダイスを振るbookmarklet

- Source

javascript:(
	function(){
		var d=document;
		var h='http://realtimemachine.sakura.ne.jp/dice/js/';
		var s=d.createElement('script');
		s.src=h+'dice.js';
		d.body.appendChild(s);
		var s=d.createElement('script');
		s.src=h+'dicebm.js';
		d.body.appendChild(s);
	})
();


- Google Maps上でダイスを振るデモ
http://dotimpac.to/work/dice/dice.html

- Reference
Webページでダイスを振るbookmarklet - collisions.dotimpac.to
http://realtimemachine.sakura.ne.jp/collisions/works/web/dice.html

カテゴリ: [Bookmarklet]

2006-02-10 Fri

テストを楽にするための Auto Fill Bookmarklet

- Summary
何度も同じ入力する時間が無駄なので
JavaScript で Auto Fill.

ただし,onKeyUp などのイベントが起こらないので注意!

- Template

<form>
	<input id="id_name" name="name" />
</form>


javascript:(function(){
	if (document.getElementById(id)){
		function set(id,val){
			document.getElementById(id).value=val;
		}
	}
	set('id_name','value');
}()


- Sample
<form>
	<input id="name"     name="name" />
	<input id="mail"     name="mail" />
	<input id="company"  name="company" />
	<input id="position" name="position" />
	<input id="post"     name="post" />
	<input id="zip"      name="zip" />
	<input id="address"  name="address" />
	<input id="tel"      name="tel" />
	<input id="fax"      name="fax" />
	<textarea id="contents" name="contents"></textarea>
</form>

javascript:(function(){
	if (document.getElementById(id)){
		function set(id,val){
			document.getElementById(id).value=val;
		}
	}
	set('name','User Name');
	set('mail','user@example.com');
	set('company','Xight Inc.');
	set('position','Web Solution Group');
	set('post','Sub Leader');
	set('zip','000-0000');
	set('address','Tokyo');
	set('tel','00-1111-2222');
	set('fax','00-1111-3333');
	set('contents',"This is test.\nThis is test.");
}()


- 追記 [2006-02-14]
cl.pocari.org - 2006-02-13 より
getElementsByName版
javascript:(function(){
	if (document.getElementByName(name)){
		function set(name,val){
			document.getElementByName(name).value=val;
		}
	}
	set('name','value');
}()

カテゴリ: [Bookmarklet]

2005-09-16 Fri

Item Hider

- Reference
xagronaut - 2005-05-26
http://www.xag.org/tech/techBlogs4God/2005/05/26.html
- via
JavaScript::Bookmarklet Blog - 2005-08-04 - Item Hider
http://bookmarklet.daa.jp/blog/archives/000055.html

カテゴリ: [Bookmarklet][Stub]

2005-08-12 Fri

<a>タグをクリックしてクリップボードにコピー

javascript:(
	function(){
		window.clipboardData.setData('text','クリップボードにコピーしたい文字列');
	}
)();

コピー用
- Reference
stabucky bookmarklet
http://bm.stabucky.com/

カテゴリ: [JavaScript][Bookmarklet]

2005-02-06 Sun

chalow 用 Amazonリンクの Bookmarklet

- Summary
  Tiny Amazon URL ブックマークレット[2004-11-26-2] を少しだけ変更
- Source

javascript:
var u=document.location.href;
var ai=u.indexOf('ASIN');
var asin=u.substring(ai+5,ai+15);
var title=document.title.substring(14);
var link='{{amazon(\''+asin+'\',\''+title+'\')}}';
var x = prompt('',link);

カテゴリ: [Bookmarklet]

2005-01-28 Fri

nofollow のリンクを強調

- Source
  JavaScript::Bookmarklet Blog - 2005-01-26 - nofollow属性のリンクを強調より

javascript:(
	function(){
		var links=document.getElementsByTagName('a');
		for(i=0;i<links.length;i){
			var theLink=links[i];
			if(theLink.getAttribute('rel')=='nofollow'){
				theLink.style.backgroundColor='red';
				theLink.style.color='white';
				theLink.style.fontWeight='bold';
				theLink.style.textDecoration='none';
			}
		}
	}
)();

- Test
nofollowのリンクを強調
nofollow有
nofollow無
- Reference
  JavaScript::Bookmarklet Blog - 2005-01-26 - nofollow属性のリンクを強調
  http://bookmarklet.daa.jp/blog/archives/000048.html
- via
  www.textfile.org - 2005-01-27
  http://www.hyuki.com/tf/200501#i20050127133458

カテゴリ: [Bookmarklet]

2004-12-02 Thu

Title + URL コピー (Wiki style)

- Source

javascript:
var url=location.href;
var title=document.title;
var link ='[['+title + '|'+url+']]';
var x = prompt('',link);

- via
  capsctrldays - 2004-11-30
  http://capsctrl.que.jp/kdmsnr/diary/20041130.html#p07

カテゴリ: [Bookmarklet]

2004-11-26 Fri

Tiny Amazon URL ブックマークレット via Amazon Hacks

- Source

javascript:
var afid='AmazonアソシエイトID';
var u=document.location.href;
javascript:
var ai=u.indexOf('ASIN');var asin=u.substring(ai+5,ai+15);
var link='http://amazon.co.jp/o/ASIN/'+asin+'/'+afid+'/ref=nosim;
var x=prompt('Tiny URL',link);

- Reference
  NDO::Weblog - 2004-04-26
  http://naoya.dyndns.org/~naoya/mt/archives/001047.html
- via
  福めも - 2004-11-18
  http://www.fukulog.com/memo/2004-11-18.html#2004-11-18-4

カテゴリ: [Bookmarklet][Amazon]
内部リンク: [2005-02-06-3]

2004-10-30 Sat

現在のURLをurl2QRcodeに渡す Bookmarklet

- Summary
  現在のURLをurl2QRcode[2004-05-13-4]に渡す Bookmarklet
- ソース

javascript:
var url=location.href.replace(/\?\d+(#.*)?$/,'');
location.href='http://gorou.zapto.org/ruby/url2qrcode/url2qrcode.rb?&mode=b&size=4&url='+url;

- Reference
  gorou.zapto.org - ruby -url2QRcode
  http://gorou.zapto.org/ruby/url2qrcode/

カテゴリ: [Bookmarklet]

2004-10-25 Mon

マイミクシィ日記をハイライトする Bookmarklet

- Summary
  Sleipnir の検索ハイライトを見やすくする[2004-10-22-2] + mixi日記だけbold表示 Bookmarklet = マイミクシィ日記をハイライトする Bookmarklet

javascript:(
	function(){
		var a=document.getElementsByTagName('A');
		for(var i=0;i<a.length;i++){
			var l=a[i].href;
			if(l.match(/view_diary/) && !l.match(/owner_id=/)){
				a[i].innerHTML='<span style="color:#999900;background-color:#ffffdd;font-weight:bold;border-width:1px;border-style:solid;border-color:#bbbb00">'+a[i].innerHTML+'</span>';
			}
		}
	}
)();

-「ショートカットのコピー」用
コピー用
- Reference
  TokuLog! - 2004-10-23
  http://www13.ocn.ne.jp/~tokuhiro/cl/2004-10-23.html#2004-10-23-18
  blog.bulknews.net - 2004-08-31
  http://blog.bulknews.net/mt/archives/001225.html

カテゴリ: [Bookmarklet][mixi]

2004-09-04 Sat

引用元を自動生成する Bookmarklet

- Summary
  記事の引用元を自動生成して書き込んでくれるプラグイン.
- Reference
  Orbium -そらのたま- - 2004-09-03
  http://sasapanda.com/toshi/archives/001201.html

カテゴリ: [MovableType][Bookmarklet]

2004-05-07 Fri

web-sniffer

- Summary
  httpヘッダが確認できるサイト
- Bookmarklet
  HTTPのヘッダ情報をみる (from JavaScript::Bookmarklet)[2004-05-07-9]

javascript:document.location.href='http://webtools.mozilla.org/web-sniffer/view.cgi?url='+escape(document.location.href);

- Reference
  View HTTP Request and Response Header
  http://web-sniffer.net/

カテゴリ: [Tool][Bookmarklet]

2004-05-07 Fri

Netcraft

- Summary

WWW上にあるhttpサーバのOSやuptimeを知ることが出来るサイト

- Bookmarklet
  netcraftで現在みているサイトの情報を見る (from JavaScript::Bookmarklet)[2004-05-07-9]

javascript:
location='http://uptime.netcraft.com/up/graph?site='+escape(location);

- Reference
  Netcraft
  http://www.netcraft.com/
  はてなダイアリー - Netcraft
  http://d.hatena.ne.jp/keyword/Netcraft

カテゴリ: [Tool][Bookmarklet]

2004-05-07 Fri

JavaScript::Bookmarklet

- Summary
  様々な用途で利用できるBookmarkletを紹介
- Reference
  JavaScript::Bookmarklet
  http://bookmarklet.daa.jp/

カテゴリ: [JavaScript][Bookmarklet]
内部リンク: [2004-05-07-11] [2004-05-07-10]
2008-12 / 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
最終更新時間: 2008-12-02 10:52

Color Reference

ChangeLogを検索
携帯電話からアクセス!

カテゴリ

最近の話題

リンク

過去ログ

Google

QR Code

Since
2002-11-28
Update
2008-12-02 10:52
Copyright © 2005 xight.org All Rights Reserved.