概要
WOVN で切り替えた言語に応じて、JavaScript を実行することができます。
日本語から英語に切り替えたときに、特定のコンテンツの中身を追加、書き換え、削除したいなど、CSS カスタマイズ機能で対応できない場合、JavaScript を使って対応することができます。
インフォメーション
※当機能は、初期状態では無効になっています。
ご利用になる場合、WOVN カスタマーサポートチームへお問い合わせください。
仕様
- JavaScript の実行は、翻訳言語に切り替えたときのみ可能です。
元言語の場合には実行できません。 - JavaScript の処理は、プロジェクト内の指定したページにのみ適用するか、プロジェクト内の全ページ適用するかを分けて記述することができます。
注意点
特定言語での処理を実行した場合、他の言語に切り替えた後も、その処理が引き継がれてしまうことがあります。
（例：英語で一部コンテンツを非表示に → 日本語に切替えた後も非表示のままになってしまう）
特定言語だけの処理を実行する場合は、Widget API (WOVN.io Javascript) を活用し、言語切替時に元の状態に戻す処理も併せて記述してください。
サンプルコード
//言語切替時に動作するイベントハンドラ
window.addEventListener('wovnLangChanged', function (evt) {
//切替後の言語を取得するWOVN提供のAPI
var newLang = WOVN.io.getCurrentLang().code;
//対象の要素に対して実施したい処理を記述
//本サンプルコードではclass = JPOnlyを日本語では表示、他言語では非表示とする処理
var obj = document.querySelector('.JPOnly');
if (newLang === 'ja') {
obj.style.display = '';
}
else{
obj.style.display='none';
}
});