js / html条件,如果cond ='....'

时间:2016-12-26 21:14:04

标签: javascript html widget blogger

我是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/

0 个答案:

没有答案