Question

=“”

我从这整个编码事情开始（它很美）但我发现自己有问题。

有我发现的登陆页面，我有点复制，它有一个按钮作为另一个页面的超链接但不是那个按钮，我有一个样式表的代码，它有点像人们必须的表格填。所以你按下按钮弹出表格。

我有原始着陆页的代码，我也有表格的代码，但我不知道如何混合它们，请帮忙。

第一个是将人们带到https://myimstrategy.com/50perday-2/的原始按钮代码。我想替换该网站以获取弹出的表单。这是底部的第二个代码，我不知道如何合并两个代码。我附上了原始按钮的图像。我不想删除它，我只想在单击它时弹出表单。

非常感谢你的帮助！

.el-content{
  display: inline-block;
  width: auto;
  height: auto;
  min-width: 894px;
  min-height: 114px;
}
.ib2-button {
  color: rgb(15, 15, 15);
  background-color: rgb(25, 202, 6); 
  border-color: rgb(0, 174, 0); 
  border-radius: 5px; 
  text-shadow: rgb(147, 138, 138) 1px 1px 0px; 
  background-image: none;
  min-width: 920px; 
  min-height: 123px; 
  width: auto; 
  height: auto; 
  font-weight: bold; 
  font-size: 80px;
}

<div class="el-content">
  <a href="https://myimstrategy.com/50perday-2/" class="ib2-button open-popup" target="_self">Claim Your Spot Now &gt;&gt;</a>
</div>
<link href="//app.webinarjam.net/assets/css/register_button.css" rel="stylesheet">

<div style="margin:auto;width:300px;">
  <div class="embedded-joinwebinar-button">
    <button type="button" class="btn btn-default css3button" title="regpopbox_35246_b21043f77c">
      <span>Register now</span>
    </button>
  </div>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js" language="javascript" type="text/javascript"></script>
<script src="//app.webinarjam.net/assets/js/porthole.min.js" language="javascript" type="text/javascript" async></script>
<script src="//app.webinarjam.net/register.evergreen.extra.js" language="javascript" type="text/javascript" async></script>

Answer 1

如果你想创建一个弹出窗口，你会想要使用javascript。这通常被称为模态。以下是教程的链接：How TO - CSS/JS Modal

Answer 2

您可以使用bootstrap模式，或添加onclick="showForm()" 然后你将id="form"放到表单中。然后在head标签中输入

<script>
function showForm(){
    document.getElementById("form").style.display = "inline-block"; //It must have display: none, the form, and this will make it display
}
</script>

Answer 3

我找不到您的图片，但是我知道了，您想在点击按钮时显示弹出窗口。你可以简单地提供如下的href：

<link href="jsFunctionName()" class="buttonClass">Open Form</link>

尝试在通过jquery点击的链接上使用jquery对话框。 https://jqueryui.com/dialog/ e.g。

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function jsFunctionName() {
    $("#dialog").dialog();
  } );
</script>

<div id="dialog" title="My Form">
  <form>
  </form>
</div>

问题<link href =“”超链接

3 个答案: