Question

我有一个动态列表，我希望基于列表字段，如果是“0”，则使用获取弹出消息，如果大于“0”则转到div /或iframe中的下一页，它只停留在同一页面中，只是在屏幕上添加一些内容。

这里到目前为止，我正在使用烧瓶，我是一个新手，所以我需要非常明确的实施。

jQuery(document).ready(function($) {
  $(".clickable-row").click(function() {
    window.location = "allocate2";
    $(this).target("window2");
  });

});

body {
  background-color: #EEE;
  font-family: Helvetica, Arial, sans-serif;
}

a {
  text-decoration: none;
  color: red;
}

a:hover {
  background-color: black;
  color: white;
}

tr:hover {
  cursor: pointer;
  background-color: red;
  color: white;
}

h1 {
  margin: 0;
}

#container {
  background-color: white;
  width: 860px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  background-color: #66ccff;
  color: white;
  text-align: center;
}

#content {
  padding: 10px 10px 10px;
}

#nav {
  width: 200px;
  float: left;
}

#nav ul {
  list-style-type: none;
  padding: 0;
}

#nav.selected {
  font-weight: bold;
  color: #EEE;
}

#main {
  width: 600px;
  float: center;
}

#window2 {
  width: 40px;
  float: right;
}

#footer {
  clear: both;
  padding: 10px;
  background-color: #999999;
  color: weight;
  text-align: right;
}

<body>
  <div id="container">
    <div id="header">
      <h1></h1>
    </div>
    <div id="content">
      <div id="nav">
        <h3>Menu</h3>
        <ul id="mymenu">
          <li><a href="/">Home</a></li>
          <li><a>1</a></li>
          <li><a href="">2</a></li>
          <li><a href="">3</a></li>
        </ul>
      </div>
      <div id="main">
        <h1>IP Alocation</h1>
        <table style="width:45%" border="1">
          <tr>
            <th>No</th>
            <th>Subnet</th>
            <th>%</th>
            <th>Subnet left</th>
          </tr>
          {% for l in available_address_list %}
          <tr id="tablerow" class='clickable-row'>
            {% for item in l %}
            <td> {{ item }} </td>
            {% endfor %}
          </tr>
          {% endfor %}

        </table>
      </div>
      <iframe name="window2" src="" width="100%" height="100%" frameBorder="0"></iframe>
    </div>
    <div id="footer">
      Copyright &copy; 2018 Issa Daniel
    </div>
  </div>
</body>

谢谢，美好的一天。

Java脚本在div或iframe中打开链接

0 个答案: