ktyr report

htmlからpdfを出力します。
UIにはjQueryUIを使っています。

jQueryUI + output pdf

使い方

1) 右のサムネイルを左へドロップして

2) 「pdf出力」ボタンを押下

参考にしたサイト

@IT – jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
http://www.atmarkit.co.jp/fwcr/rensai/ajaxrecipe05/ajaxrecipe05_1.html

ホゲホゲロック
http://hoge2rock.com/154/

mPDF Manual
http://mpdf1.com/manual/index.php

mPDF » Download(Googleキャッシュ)
http://bit.ly/ha1jlM

腕試しに参考サイトのflashを移植。
CSS3を使っているので下記ブラウザ推奨です。
GoogleChrome
Safari
Firefox

dock

参考サイトにしたサイト

Mac OS X Style Dock in Flash 7 (ActionScript 2.0)
http://jrgraphix.net/r/Flash7_Dock/
 

とりあえずサンプル100個公開しました。
見て使い方を覚えるもよし。そのままコピペするもよし。

逆引きサンプル
/?page_id=490

サンプル

 

参考にしたサイト

Solution For Very Long Dropdown Menus | CSS-Tricks

http://css-tricks.com/long-dropdowns-solution/

サンプル

スライドショー自動再生

YouTube

Vimeo

Google.com(iframe)
Apple.com(iframe)

inline

 YouTube inline

参考にしたサイト

jQuery lightbox for images, videos, YouTube, iframes | Stephane Caron ? No Margin For Errors
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

サンプル
 

基本

 
グルーピング マウスホイールでも


 
説明文位置調整

 
テキスト1 テキスト2
 
swf
 

ペンギン (英語: penguin) は、鳥類ペンギン目（学名 Sphenisciformes）に属する種の総称である。ペンギン科（学名 Spheniscidae）のみが現生する。
南半球の広い緯度範囲に分布する。主に南極大陸で繁殖するのはコウテイペンギンとアデリーペンギンの2種のみである。ほかに、ジェンツーペンギン・マカロニペンギン・ヒゲペンギンの3種は、南極大陸の中でも比較的温暖な南極半島にも繁殖地があるが、主な繁殖地は南極周辺の島である。他の種類は南アメリカ・アフリカ南部・オーストラリア・ニュージーランド、あるいは南極周辺の島などに繁殖地がある。

ペンギン (英語: penguin) は、鳥類ペンギン目（学名 Sphenisciformes）に属する種の総称である。
ペンギン科（学名 Spheniscidae）のみが現生する。
Close

参考にしたサイト

Fancybox – Fancy lightbox alternative
http://fancybox.net/
 

サンプル

参考にしたサイト

jQuery lightBox plugin
http://leandrovieira.com/projects/jquery/lightbox/
 

サンプル

参考にしたサイト

Vertigo Project» vTip
http://www.vertigo-project.com/projects/vtip
 

サンプル

参考にしたサイト

アイトランス株式会社 – query_socialbutton_plugin
http://itra.jp/jquery_socialbutton_plugin/
 

サンプル

参考にしたサイト

flot – Project Hosting on Google Code
http://code.google.com/p/flot/

Ajaxサンプル開発者ブログ – グラフ作成用JavaScriptライブラリ
http://ajax-world.sakura.ne.jp/blog/archives/521