Popup-Fenster mit JavaScript

<html>
<head>
<title>Popup-Fenster mit JavaScript</title>
<script type="text/javascript">
function popup (url) {
 fenster = window.open(url, "Popupfenster", "width=400,height=300,resizable=yes");
 fenster.focus();
 return false;
}
</script>
</head>
<body>
<p><a href="popupfenster.htm" target="_blank" οnclick="return popup(this.href);">Fenster anzeigen</a></p>
</body>
</html>

for more:

http://de.selfhtml.org/navigation/faq.htm#verweise_in_neuem_fenster

===============

set the window.open features like this:

scrollbars=auto,toolbar=no,menubar=no,status=no,width=400,height=400

As long as your page content is in a fluid container and isn't wider than your popup, you won't get a bottom scroll bar.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是示例代码: HTML 代码: ```html <div class="popup-content"> <div class="popup-row"> <div class="popup-item" id="popup-item-1">5</div> <div class="popup-item" id="popup-item-2">10</div> <div class="popup-item" id="popup-item-3">20</div> </div> <div class="popup-row"> <div class="popup-item" id="popup-item-4">50</div> <div class="popup-item" id="popup-item-5">100</div> <div class="popup-item" id="popup-item-6">200</div> </div> <div> <div><van-button round type="info" id="confirm-button">确认提现</van-button></div> </div> </div> ``` JavaScript 代码: ```javascript // 获取确认提现按钮元素 var confirmButton = document.getElementById("confirm-button"); // 添加点击事件处理程序 confirmButton.onclick = function() { // 获取所有选项元素 var popupItems = document.getElementsByClassName("popup-item"); // 遍历选项元素 for (var i = 0; i < popupItems.length; i++) { // 判断当前选项元素是否被选中 if (popupItems[i].classList.contains("selected")) { // 提取选项元素中的数字并弹出提示框 var selectedNumber = popupItems[i].innerHTML; alert("您选中了:" + selectedNumber); break; } } } // 获取所有选项元素 var popupItems = document.getElementsByClassName("popup-item"); // 遍历选项元素 for (var i = 0; i < popupItems.length; i++) { // 添加点击事件处理程序 popupItems[i].onclick = function() { // 取消所有选中状态 for (var j = 0; j < popupItems.length; j++) { popupItems[j].classList.remove("selected"); } // 添加选中状态 this.classList.add("selected"); } } ``` 示例代码中,我们给每个选项元素添加了一个唯一的 ID,然后在确认提现按钮的点击事件中,遍历所有选项元素,找到被选中的元素,提取其中的数字,并弹出提示框。 同时,我们也给每个选项元素添加了一个点击事件处理程序,当用户点击一个选项时,我们会取消所有选中状态,然后将当前选项设为选中状态。这样,用户就可以通过点击选项来选择要提现的金额。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值