カスタム翻訳者を使用してページを翻訳したいと思います。私がバングラに変換するバングラをボタン全体よりも選択すると、英語でクリックするとページ全体が元の言語の英語に戻ります。ラジオボタンはいをクリックしてください英語を表示していいえをクリックしてくださいBangla
デフォルトでは、英語のdivコンテンツを表示していますが、Banglaをクリックするとそのbangla divコンテンツのみが表示され、英語Divコンテンツは非表示になります。ここで
は、HTMLコード:
.switch-field {
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
padding: 0px;
overflow: hidden;
}
.switch-title {
margin-bottom: 6px;
}
.switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.switch-field label {
float: left;
}
.switch-field label {
display: inline-block;
width: 80px;
background-color: #e4e4e4;
color: rgba(0, 0, 0, 0.6);
font-size: 14px;
font-weight: normal;
text-align: center;
text-shadow: none;
padding: 6px 14px;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
cursor: pointer;
}
.switch-field input:checked + label {
background-color: #8dd400;
color:#FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
}
.switch-field label:first-of-type {
border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
border-radius: 0 4px 4px 0;
}
<!--LANGUAGE SELECTOR-->
<div align="left">
\t \t
\t \t \t \t <div class="switch-field">
\t \t \t \t <div class="switch-title">Select Language :</div>
\t \t \t \t <input type="radio" id="switch_left" name="switch_2" value="yes" checked/>
\t \t \t \t <label for="switch_left">English</label>
\t \t \t \t <input type="radio" id="switch_right" name="switch_2" value="no" />
\t \t \t \t <label for="switch_right">বাংলা</label>
\t \t \t \t </div>
\t \t \t </div>
<!--LANGUAGE Translate -->
</br>
<div id="en_USA_lan">
What would you like to list?
</div>
<div id="bn_BD_lan">
আপনি কি লিস্ট করতে চান ?
</div>
<!--LANGUAGE Translate -->
<!--LANGUAGE SELECTOR-->
私はトグルを使用して、それをしようとしていますが、私は私の望ましい結果を得るカント。
<script>
$(document).ready(
function() {
$("#switch_left").click(function() {
$("#switch_right_view").fadeToggle();
});
});
$(document).ready(
function() {
$("#switch_right").click(function() {
$("#switch_right_view").fadeToggle();
});
});
</script>
<style>
#switch_right_view {
display: none;
}
</style>
apiプロジェクトについてお手伝いいただきありがとうございます。
すでに実行しようとしましたものをご提示ください。 –
私はこの1つを使用しています
私はapiとjqueryを手動で使用しています。 –