info

category : JavaScript
[javascript]audio.js  @ JavaScript 2011年10月21日

音を出すためのjs
HTML5ではなく小さなflashを利用しているので
ほとんどのブラウザで大丈夫です。
しかし、iPhone,iPadではエラーが起きるので
下記コードみたいに条件判定するとよい。
見た目を変えたいときはaudio.jsの中にCSSの記述があるので
これを書き換える。
※追記 ソースコードをよく見たら、ブラウザによってはHTML5を使っているようです

サンプルaudio.js

var isTouch = ('ontouchstart' in window);
init_audio();
function init_audio(){
	audiojs.events.ready(function() {
		if(isTouch)return;
		audiolist=audiojs.createAll();
	});
}

参考にしたサイト
audio.js
 

[Twitter]tweet with media  @ Twitter , PHP , JavaScript , ajax , jQuery 2011年8月17日

twitterの画像共有APIが公開されたので遊びました。

tweet with media

参考にしたサイト

POST statuses/update_with_media | Twitter Developers
https://dev.twitter.com/docs/api/1/post/statuses/update_with_media

themattharris/tmhOAuth – GitHub
https://github.com/themattharris/tmhOAuth

Index of /projects/phpThumbnailer/
http://www.hido.net/projects/phpThumbnailer/

jQuery.uploadでアップロード画像のサムネイルの作成 | Toro-Unit Blog
http://www.torounit.com/blog/2011/05/18/735/

[jQueryUI+php]htmlからpdf出力  @ PHP , JavaScript , jQuery 2011年4月20日

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

[javascript]jQueryPlugin:dropdown  @ JavaScript , jQuery 2011年3月2日

サンプル


 

参考にしたサイト



Solution For Very Long Dropdown Menus | CSS-Tricks

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

 

[javascript]jQueryPlugin:prettyPhoto メディアビューワー lightboxクローン  @ JavaScript , jQuery 2011年2月28日

サンプル
This is the title



Red round shapeRed round shapeRed round shapeRed round shape




スライドショー自動再生

Red round shapeRed round shapeRed round shapeRed round shape



Flash 10 demo



YouTube



Vimeo



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



inline




Red round shapeRed round shapeFlash 10 demo 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/