我是html / java的初学者...所以也许这对你们大多数人来说都很容易......但对我来说还不行!
使用:Blogger:blogspot + widget HTML
代码第1部分:这是小部件“下拉垂直菜单”的一部分...我选择了一个国家/语言和最后一行(< span id =“result”>< / span>)将显示/写出我所做的选择。 它到目前为止工作得很好。
代码第2部分:在我的未来博客中,我想在选择语言后在菜单下方显示所选语言的链接。
问题:我不知道如何构建/编写html块< b:如果cond ='.....< / B:如果>
Ex:我在菜单上鼠标选择英语...所以行< span id =“result”>< /跨度>将显示/显示结果变量id:EN
我想用条件块替换这一行,我的博客中的链接对应于所选语言。
所以,问题是:如何制作/编码这个块< b:如果cond ='???? ......< / B:如果>只显示相应的语言链接部分?
提前致谢 史蒂夫
--------------- / part 1 = ok(这只是结束代码部分...... 完整代码来自此处:http://www.jankoatwarpspeed.com/reinventing-a-drop-down-with-css-and-jquery/
$(document).ready(function() {
$(".dropdown img.flag").addClass("flagvisibility");
$(".dropdown dt a").click(function() {
$(".dropdown dd ul").toggle();
});
$(".dropdown dd ul li a").click(function() {
var text = $(this).html();
$(".dropdown dt a span").html(text);
$(".dropdown dd ul").hide();
$("#result").html(getSelectedValue("sample"));
});
function getSelectedValue(id) {
return $("#" + id).find("dt a span.value").html();
}
$(document).bind('click', function(e) {
var $clicked = $(e.target);
if (! $clicked.parents().hasClass("dropdown"))
$(".dropdown dd ul").hide();
});
$("#flagSwitcher").click(function() {
$(".dropdown img.flag").toggleClass("flagvisibility");
});
});
</script>
<p class="desc"></p>
<dl id="sample" class="dropdown">
<dt><a href="#"><span>Select : <br /> Country / Language</span></a></dt>
<dd>
<ul>
<li><a href="#">English<img class="flag" src="en.png" alt="" /><span class="value">EN</span></a></li>
<li><a href="#">France<img class="flag" src="fr.png" alt="" /><span class="value">FR</span></a></li>
<li><a href="#">Deutsch<img class="flag" src="de.png" alt="" /><span class="value">DE</span></a></li>
</ul>
</dd>
</dl>
</h1>
<span id="result"></span>
----------- \ end part 1:OK
------问题:第2部分
if cond= id="result" == "EN"' >
{
<a href="#" target="_blank">My english page1 </a>
<a href="#" target="_blank">My english page2 </a>
<a href="#" target="_blank">My english page3 </a>
}
“第1部分”菜单代码来自此处: http://www.jankoatwarpspeed.com/reinventing-a-drop-down-with-css-and-jquery/