コード
ChordWiki columns 2
ChrodWiki columns 3
動機
- 自動スクロールの指定が難しい (初見の曲等でテンポが分からない等)
- 手動スクロール時にロストしやすい
- ブラウザを2窓立ち上げて表示するのは手間
解決方法
導入方法
- 以下のリンクをブックマークバー等にドラッグして登録します
- もしくは、適当なブックマークを作成し、URL欄にブックマークレットのコードを記入
利用方法
- Chord Wiki のページを開く
- ブックマークレットを呼び出す
- 縦幅がスクロールする場合、フォントを少し小さくする等で調整
(Ctrl + マウスホィール等)
既知の不具合
- 曲によっては、段組みの最下段で、コードと歌詞が別の段に表示される。
=> フォントサイズ調整で調整可能
コードの詳細
- document.getElementsByClassName("main")[0]
ChordWikiでの歌詞・コードが書かれた親要素を所得。
他サイトへの対応は、後述。
- .style.coumns = 2
スタイルシートで段組みを設定します
数値は、段組の数を指定します。Google Chrome でのみ動作確認。
他サイトへの対応 (2016/08/03現在)
- ChordWiki
- document.getElementsByClassName("main")[0]
- ChordSketch
- document.getElementsByClassName("song_body")[0]
- gakki me
- document.getElementById("code_area")
- ufret
- document.getElementById("blyodnijb")
複数サイト対応版
0 件のコメント:
コメントを投稿