如何创建一个简单的 mootools 弹出窗口

发布于 2024-11-26 11:54:07 字数 720 浏览 0 评论 0原文

我想创建一个简单的 mootools 弹出窗口，如下所示。

<?php for($i=1;$i<10;$i++)  :   ?>

<a id="link_<?php echo $i;?>" onclick="viewContent(<?php echo $i;?>)">Click <?php echo $i;?></a>
<br/>
    <div class="modalDialog" id="content_<?php echo $i;?>" style="position:absolute;z-index: 100000; display: none; width: 300px; height: 150px; left: 430px; top: 143px;">
        <h1>Message<?php echo $i;?></h1>
    </div>

<?php endfor;   ?>

<script language="javascript">
function viewContent(id)
{
    $('content_'+id).style.display = '';
}
</script>

单击链接时，它将隐藏除此之外的所有其他内容区域，并且可见内容应显示为弹出窗口。在上面的脚本中我们需要什么替换。

原文

I would like to create a simple mootools popup as follows.

<?php for($i=1;$i<10;$i++)  :   ?>

<a id="link_<?php echo $i;?>" onclick="viewContent(<?php echo $i;?>)">Click <?php echo $i;?></a>
<br/>
    <div class="modalDialog" id="content_<?php echo $i;?>" style="position:absolute;z-index: 100000; display: none; width: 300px; height: 150px; left: 430px; top: 143px;">
        <h1>Message<?php echo $i;?></h1>
    </div>

<?php endfor;   ?>

<script language="javascript">
function viewContent(id)
{
    $('content_'+id).style.display = '';
}
</script>

While click on a link it will hide all other content area except this and also the visible content should appear as a popup. What are the alternation we need in above script.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

凌乱心跳 2024-12-03 11:54:07

那么您想隐藏除被单击的那个之外的所有内容吗？使用 $$ 选择器：

function viewContent(id) {
    $('.modalDialog').each(function(el){
        el.setStyle('display', 'none');
    });
    $('content_'+id).setStyle('display', 'block');
}

So you want to hide all except the one that is clicked? Use the $$ selector:

function viewContent(id) {
    $('.modalDialog').each(function(el){
        el.setStyle('display', 'none');
    });
    $('content_'+id).setStyle('display', 'block');
}

回复收藏 0 原文

~没有更多了~