英語と日本語の切り替えをするJavaScript
タイトルのスクリプトの配布です。
実際にinfoページで使っています。Twitterの個人サイト向けハッシュタグで設定しているサイトを見かけて「いいな〜〜!」と言ったために作りました。 今の所infoページのみです。
中身まで翻訳作業してると時間がいくつあっても足りないし自分の昔の文章は拙すぎて訳すのが苦痛。
クッキーで設定を保存しています。管理が楽なので30日にしています。
デモページ
https://nanos.jp/ya10co/page/10/
以下、スクリプト
日本語で表示させるときには
id="ja-text"
を設定してください。
英語で表示させる時には
id="en-text" style="display:none;" を設定してください。
(通常時は日本語表示、ボタンを押すと英語表示に切り替えます。)
ボタンはこう
わたしはフッター部分にFont Awesomeのアイコンを設定してつけてます。CSSでいい感じにデザインしてね。
あと、CSSで
#en-text に{word-break: normal;}を設定してあげると、英単語がへんなところで改行されなくなります。
これは日本語に特には効果がないので別に限定的な適用じゃなくともいいとは思うのですが……。まあ、念の為に。
-
OFUSEで応援する
- 14th.Mar
- 個人サイト