我有一個 index.html 一個 javascript 檔案和 XML 站點。多個 XML 用于各種語言,我想將默認徽標更改為不同語言的徽標。
索引中的標志:
<img class="loadlogo" src="data/img/lorem_logo_en.png">
現在我想用我的 javascript 更改 Logo 路徑。
我曾經用以下方式更改文本:
$(".exampleclass").html($(xmldoc).find("changebutton").text())
我不想用 onclick 更改它,因為我有 10 種不同的語言,而使用 onclick 我需要按 ID 更改。
它是否與我的文本解決方案類似 - 比如我需要更改 src 的值而不是更改文本?我遇到的問題是多種語言,如果只有 2 種我可以做 onclick。
完整: Index.html
<div id="loadly">
<img class="loadinglogo" src="data/img/lorem_logo_en.png">
<div class="loadtr">
<div class="loadingbar"></div>
</div>
</div>
Javascript 片段:
$(document).ready(function() {
if (getParam('language') != "") {
lang = (getParam('language'))
}
if (window.top != window.self) {
$('.logo').hide()
}
loadxml()
setHeight()
});
var langstr = "<div class='menubutton'><a class='langbtn' data-language='de'>DE</a> | <a class='langbtn' data-language='en'>EN</a> | <a class='langbtn' data-language='fr'>FR</a> | <a class='langbtn' data-language='nl'>NL</a> | <a class='langbtn' data-language='pl'>PL</a></div>"
$('.menubuttons').append(langstr)
$('.menubutton').click(function() {
krpano.call("tween(view.hlookat," $(this).attr('data-lookat') ",0.9,easeInOutSine);");
$('#menulayer').removeClass('out');
$('#menulayer').css('left', '-240px')
setTimeout(function(id) {
createInfo(id)
}, 1000, $(this).attr('data-id'))
})
$('.langbtn').click(function() {
window.location.href = "index.html?language=" $(this).attr('data-language')
})
initAction()
}
閱讀xml:
var xmldoc
function loadxml(){
$("#xmldaten").load("data/xml/content_" lang ".xml", "",
function(responseText, textStatus, XMLHttpRequest) {
xmldoc = $.parseXML( responseText );
initContent()
})
}
function initContent(){
initPano()
$("#xmldaten").html("")
}
uj5u.com熱心網友回復:
就像更換一樣簡單
if (getParam('language') != "") {
lang = (getParam('language'))
}
和
const lang = getParam('language') || "en"; // assuming en is default
$(".loadlogo").attr("src",`data/img/lorem_logo_${lang}.png`)
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/440118.html
標籤:javascript html xml
