IWDD#8 の「Web制作者向け「音」に関するワークショップ」を読んでたら音をやってみたくなったので、Macに最初から入っているGarageBand.appを使って、音をいじってみました。
IWDD#8でごんさんが提供している音ネタを組み合わせていきながら、こんな感じで並べてみます。
他にも様々なパーツが既に用意されているので、それらを切り貼りしていくだけで、初心者でもなんとなく出来てきます。
ダンス系？っぽいものと
？ができました
ごんさんリスペクト ＆ CC by-saで作成しています。前回のコラムでは getElementsByTagName を使って、class="blank" を拾う方法を試してみたが、FirefoxやIE6ではうまく動いたんだけどSafariではうまく動きませんでした。
今回も同じ getElementsByTagName なんだけど、classではなくrel="external"を使う方法でやってみます。window.open()ではなく、すべてのaタグのrel="external"と書いてあるソースに対して、_blankを設定する。それって、生成されたソースの中ではtarget="_blank"に汚染されてるじゃん？っていうのは置いといて。とりあえずxhtmlは綺麗になってるからいいのかな。
よって、iwdd.netのサイトで外部ウィンドウ(target="_blank")をしたいときは、aタグに rel="external" を指定すればOKということになりました。
iwdd.net のサイトは xhtml1.0 strict 基準なので、aタグで別ウィンドウを開くための target="_blank" をすると valid ではなくなってしまう。マークアップと見た目と機能は分けるということで、javascriptでblankウィンドウを開くようにするためのメモ。
外部ファイルにした openblankwindow.js をnucleusのhead.incで読み込んでおり、 getElementsByTagName でaタグの class="blank" を探して window.open()するようになっています。
よって各アイテム内で別ウィンドウで開きたい時は、aタグにclass="blank"と指定すればOKです。
- target_blankをjavascript系で実装する参考URL
- target="_blank"に関する議論
- target="_blank" を使わないで新しいウィンドウでリンクを開く方法
- getElementsByTagName で target_blank
追記：こちらの方法はsafariではうまく動かないのので、iwdd.netではrel="external"を指定する方法に変更となりました。
