Javascript PHPBB BBcode-代码标签，带有：选择、展开/折叠功能

我正在为phpbb创建一个自定义bbcode，其中我需要一个“全选”和一个“展开/折叠”函数。当滚动处于活动状态时，展开/折叠选项应具有特定的样式

“选择并展开/折叠”工作正常，但我遇到的问题是在查找滚动是否处于活动状态时

首先，滚动和查找工作正常，但bbcode不是唯一的（仅适用于发布的第一个） 其次，扩展/折叠链接的getElementByTagName（'testlink'）不起作用

因此，请快速退出我希望脚本执行的操作，以及到目前为止正在运行的操作

• 当div类就绪时运行函数-工作
• 为链接类（testlink）设置变量-不工作
• 为content div类设置变量-工作
• 设置滚动工作的变量
• 尝试滚动内容-工作
• 如果滚动有效，则向上滚动-有效
• 如果滚动有效，将（testlink）的可见性设置为可见-不工作
• 如果没有滚动（else），则将（testlink）的可见性设置为隐藏-不工作

Javascript:

$(document.getElementsByTagName('pre_header')[0]).ready(
    function () {
    var expandlink = this.getElementsByTagName('testlink')[0];  
    var eee = this.getElementsByTagName('dd')[0];   
    var old = eee.scrollTop;
    eee.scrollTop += 220;


    if (eee.scrollTop > old) {
        eee.scrollTop -= 220;
        expandlink.style.visibility = "visible";
    } 
    else {
        expandlink.style.visibility = "hidden";
        };  
    }
);

HTML:

代码：
满足于此

希望能得到一些帮助，当一切完成后，我会添加整个BBcode供他人使用

---

/megaman

嗯，我让我自己工作，所以我在这里承诺我的工作代码。希望这能帮助别人。您可以在自己的phpbb论坛上自由使用它

/梅格曼

另外，由于scrollTop的问题，我已经为IE禁用了展开/折叠按钮

BBCode用法：

[pre]{TEXT}[/pre]

HTML替换

<script type="text/javascript">
// select all function
function selectCode(a)
{
    // Get ID of code block
    var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
    // Not IE and IE9+
    if (window.getSelection)
    {
        var s = window.getSelection();
        // Safari
        if (s.setBaseAndExtent)
        {
            s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
        }
        // Firefox and Opera
        else
        {
            // workaround for bug # 42885
            if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
            {
                e.innerHTML = e.innerHTML + '&nbsp;';
            }

            var r = document.createRange();
            r.selectNodeContents(e);
            s.removeAllRanges();
            s.addRange(r);
        }
    }
    // Some older browsers
    else if (document.getSelection)
    {
        var s = document.getSelection();
        var r = document.createRange();
        r.selectNodeContents(e);
        s.removeAllRanges();
        s.addRange(r);
    }
    // IE
    else if (document.selection)
    {
        var r = document.body.createTextRange();
        r.moveToElementText(e);
        r.select();
    }
}

//expand - collapse settings
function expandcollapse(a) {
    var ee = a.parentNode.parentNode.getElementsByTagName('dd')[0];
    if (ee.style.maxHeight == '200px') 
        { 
        ee.style.maxHeight = '2000px'; 
        a.innerHTML = 'collapse';
        } 
        else { 
            ee.style.maxHeight = '200px';
            a.innerHTML = 'expand';
            };
}

</script>
<![if !IE]>
<script type="text/javascript">
    function scrolltest(k) {
        var eee = k.getElementsByTagName('dd')[0];
        var old = eee.scrollTop;
        eee.scrollTop += 1;

        if (eee.scrollTop > old) {
            eee.scrollTop -= 1;
            k.getElementsByTagName('a')[1].style.visibility = "visible";
        } 
    }
</script>
<![endif]>

<div class="pre" onmouseover="scrolltest(this); return false;">
    <dt class="pre_header">
        <b>Code: </b>
        <a href="#" onclick="selectCode(this); return false;">Select all</a>
        <a style="float:right; visibility:hidden;" href="#" onclick="expandcollapse(this); return false;">expand</a>
    </dt>
    <dd style="max-height:200px; overflow:auto;">
        <code>
            {TEXT}
        </code>
    </dd>
</div>

帮助热线

Code: [pre]Add content here[/pre]

---

仍然没有人知道如何解决这个问题。任何东西都是受欢迎的。看起来IE会在鼠标悬停时出现JS错误（scrolltest未定义）。可能希望在函数中尝试if（document.all）{return false；}，以防止IE执行，而不是用条件注释隐藏整个过程。此外，您可能希望在forum_fn.JS（或您自己的另一个.JS文件）中使用JS函数，而不是内联函数。实际上，一个线程中的多个[pre]标记将导致JS的多个副本。

Code: [pre]Add content here[/pre]